Se você não tem tempo para criar suas próprias grades no Affinity Designer, ga-analytics#sendElementsClickEvent”>Envato Elements é a solução. Este mercado baseado em assinatura tem mais de 2.000 complementos do Illustrator que você pode baixar sem restrições! ga-analytics#sendElementsClickEvent”>grid template kit é o exemplo perfeito para começar.



O que você aprenderá neste tutorial
- Como adicionar uma grade no Affinity Designer
- Como ajustar as configurações de grade no Affinity Designer
- Como configurar uma grade de perspectiva no Affinity Designer
- Como alterar o tamanho da grade no Affinity Designer
1. Como adicionar uma grade no Affinity Designer
Em primeiro lugar, para adicionar uma grade no Affinity Designer, você pode ir para Exibir > Mostrar grade ou pressione Ao controle-‘.
para habilitar Ajustar à gradeVá para Ver > Ajustar para verificar o Ativar encaixe caixa e Ajustar à grade. Como alternativa, você pode verificar o ícone do ímã no painel de controle, que permitirá o encaixe e, em seguida, clicar no pequeno botão de seta para abrir o Ajustando painel fly-out, onde você pode habilitar Ajustar à grade.



2. Como editar as configurações de grade no Affinity Designer
Passo 1
Para editar as configurações de grade no Affinity Designer, você precisa ir para Exibir > Grade e Eixo. Por padrão, o modo de grade é definido como Automático.



Passo 2
Use as rodas de cores e os controles deslizantes de opacidade para ajustar a cor e o nível de transparência das linhas de grade e linhas de subdivisão.



etapa 3
Clique no básico botão sempre que desejar configurar uma grade personalizada no Affinity Designer.



Passo 4
Clique no Avançado botão e use o Calha configuração para adicionar algum espaço entre suas caixas de grade.



3. Como configurar uma grade de perspectiva no Affinity Designer
Passo 1
Fique com o Avançado Modo, mas selecione isométrico para o Tipo de grade menu e você obterá uma boa grade de perspectiva no Affinity Designer.






Passo 2
Além do principal isométrico tipo de grade, você encontrará mais nove layouts de grade de perspectiva.



























etapa 3
Troque para Cubo modo sempre que desejar criar sua própria grade de perspectiva personalizada no Affinity Designer.



4. Como usar configurações de grade predefinidas no Affinity Designer
Passo 1
Usando o predefinido menu, você pode escolher facilmente uma das configurações de grade integradas ou salvar as suas próprias. O 32px, 8 Divisões A predefinição de grade pode ser bastante útil sempre que você estiver trabalhando com design de ícones.



Passo 2
O 64×32 pixels isométricos A predefinição de grade é um layout de grade mais complexo que pode ajudá-lo quando você precisa criar designs isométricos.



5. Como criar sua própria grade no Affinity Designer
Passo 1
Infelizmente, não há nenhuma ferramenta de grade no Affinity Designer. Para fazer uma grade, vamos usar o Ferramenta Caneta (P) e selecione Modo de linha na barra de ferramentas de contexto.



Usando o Ferramenta Caneta (P), crie uma linha vertical simples. Quando terminar, mude para o Ferramenta Mover (V)segure o Alt chave e clique e arraste sua linha para adicionar uma cópia. Faça-o encaixar na grade e, em seguida, basta pressionar Control-J para adicionar quantas cópias desejar.



Passo 2
Selecione todas as suas linhas verticais, pressione Control-C para copiá-los e, em seguida, pressione Control-V para adicionar cópias. Certifique-se de que o Ferramenta Mover (V) estiver ativo, mantenha pressionado o Mudança tecla para girar facilmente as cópias selecionadas 90 grause você tem sua grade no Affinity Designer.



etapa 3
Para mesclar todas as linhas que compõem sua grade em uma única forma, vá para Camada > Geometria > Mesclar curvas.



6. Como alterar o tamanho da grade no Affinity Designer
Passo 1
Usando o Ferramenta Mover (V), você pode dimensionar facilmente sua grade conforme mostrado abaixo. Mais uma vez, a grade e Ajustar à grade pode ser útil se você deseja criar uma grade com pixels perfeitos.



Passo 2
Alternativamente, você pode usar o Transformar estúdio (Janela > Transformar) para ajustar o tamanho da sua grade.



Parabéns! Você Terminou
Agora você sabe como criar grades no Affinity Designer. Espero que você tenha gostado deste tutorial e que possa usar essas técnicas enquanto continua a criar grades no Illustrator.
Lembre-se de que você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato Elements, com soluções interessantes para ajudá-lo a criar grades no Affinity Designer e usá-las para fazer designs incríveis.
Ativos populares do Envato Elements
ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para designs relacionados a grade. Aqui está uma pequena lista de alguns dos designs inspirados em grade mais populares que você pode encontrar.
ga-analytics#sendElementsClickEvent”>6 Instagram Aesthetic Retro Grid (AI, EPS, PSD)
Fique retrô com esses designs de grade. Sinta-se à vontade para alterar as cores e editar as grades no Affinity Designer com apenas alguns cliques.



ga-analytics#sendElementsClickEvent”>Ícones de grade (SVG)
Mantenha a simplicidade com esses ícones de grade elegantes. Altere a cor e dimensione facilmente esses designs sem perder a qualidade.



ga-analytics#sendElementsClickEvent”>Padrões geométricos de vetores contínuos (AI, JPG, EPS)
Qualquer grade do Illustrator pode ser facilmente usada no Affinity Designer. Confira esses incríveis padrões geométricos e veja como você pode destacar seu design.



ga-analytics#sendElementsClickEvent”>Groove-Geometric Seamless Patterns (AI, EPS, JPG)
Leve-o para o próximo nível com este padrão de groove colorido. O design é 100% vetorial, então você não precisa se preocupar se precisar aumentá-lo.



ga-analytics#sendElementsClickEvent”>Tabelas e grades (SVG, PNG)
Aqui está outro conjunto de ícones de tabela e grade que podem ser facilmente usados e ajustados no Affinity Designer.



Quer aprender mais?
Temos muitos tutoriais no Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!