Como fazer um padrão xadrez distorcido no Affinity Designer

Imagem final do produtoImagem final do produtoImagem final do produto
O que você estará criando
Neste tutorial do Affinity Designer, você aprenderá como fazer um padrão xadrez e como transformá-lo facilmente em um padrão xadrez ondulado.

Se você não tem tempo para construir seu próprio padrão xadrez distorcido do zero, então ga-analytics#sendElementsClickEvent”>Envato é a solução. Este mercado baseado em assinatura tem mais de 2.000 ga-analytics#sendElementsClickEvent”>complementos do Illustrator você pode baixar sem restrições!

Vá para o conteúdo desta seção:

1. Como criar um novo documento e configurar uma grade

Passo 1

Bater Controle-N para criar um novo documento. Selecione Pixels do Unidades de documento menu suspenso e defina o Largura da página e Altura da página para 850 pixels. Defina o DPI para 72e clique em Criar.

crie um novo documento no Affinity Designercrie um novo documento no Affinity Designercrie um novo documento no Affinity Designer

Etapa 2

Vá para Ver > Mostrar grade (Controlar-‘) para tornar a grade visível e, em seguida, focar no Barra de ferramentas. Verifique o Forçar alinhamento de pixel, Mover por pixels inteirose Snap botões e, em seguida, abra todo o menu de ajuste para ter certeza de que Ajustar à grade está habilitado. Ter todas essas configurações ativadas tornará mais fácil criar formas com pixels perfeitos.

Agora, vamos simplificar a grade, pois você só precisará de uma grade a cada 40 pixels. Vá para Ver > Grade e Eixoclique no Básico guia e simplesmente defina o Espaçamento para 40 pixels. Dessa forma, você terá uma linha de grade a cada 40 pixels.

configurar a grade e ativar o ajuste no Affinity Designerconfigurar a grade e ativar o ajuste no Affinity Designerconfigurar a grade e ativar o ajuste no Affinity Designer

2. Como fazer um padrão xadrez

Passo 1

Concentre-se em seu Ferramentas. Primeiro, clique no AVC cor e remova a cor e, em seguida, clique duas vezes o Preencher cor e substitua a cor existente por R=255 G=15 B=38.

Selecione o Ferramenta Retângulo (M) do seu Ferramentas e use-o para adicionar um 40 pixels quadrado no canto superior esquerdo da sua prancheta. Como você verá, a grade e o Ajustar à grade recurso será útil.

crie um quadrado vermelho usando a ferramenta Retângulocrie um quadrado vermelho usando a ferramenta Retângulocrie um quadrado vermelho usando a ferramenta Retângulo

Etapa 2

Use o Ferramenta Mover (V) para selecionar seu quadrado vermelho e pressione Controle-C e Controle-V para adicionar uma cópia. Mover esta cópia 40 pixels para baixo e 40 pixels para a direita, conforme mostrado na segunda imagem. De novo, Ajustar à grade tornará as coisas muito mais fáceis.

quadrado duplicadoquadrado duplicadoquadrado duplicado

Etapa 3

Use o Ferramenta Mover (V) para selecionar ambas as formas e duplicá-las (Controle-C > Controle-V).

Mantenha as cópias selecionadas e mova o cursor ligeiramente para fora de um dos cantos. Quando o cursor se transformar em uma seta arredondada de dupla face, você poderá clicar e arrastar para girar a seleção. Mantenha pressionado o Mudança para girar sua seleção em incrementos de 15 graus. No final, você precisa girar as cópias 90 grausconforme mostrado na segunda imagem.

A seguir, altere o Preencher cor desses quadrados para R=251 G=192 B=36.

formas duplicadas giram e recoloremformas duplicadas giram e recoloremformas duplicadas giram e recolorem

Etapa 4

Selecione seus quatro quadrados e duplique-os (Controle-C > Controle-V). Selecione essas cópias e mova-as 80 pixels para a direita, conforme mostrado na segunda imagem. Mantenha essas cópias selecionadas.

duplicar e mover formasduplicar e mover formasduplicar e mover formas

Etapa 5

Com as cópias ainda selecionadas, pressione Controle-J. Isso adicionará um novo conjunto de cópias acima de sua seleção.

Mova essas novas cópias 80 pixels para a direita, conforme mostrado na segunda imagem, e a seguir pressione Controle-J várias vezes até que você tenha uma linha completa de quadrados cobrindo todo o comprimento da sua prancheta, como você pode ver na terceira imagem.

repita um comando duplicado e mova no Affinity Designerrepita um comando duplicado e mova no Affinity Designerrepita um comando duplicado e mova no Affinity Designer

Etapa 6

Use o Ferramenta Mover (V) ou simplesmente pressione Controle-A para selecionar todos os seus quadrados. Imprensa Controle-G para rapidamente Grupo suas formas selecionadas. Você também pode ir ao Camadas painel (Janela > Camadas) para renomear este grupo como “Linha”, mas isso não é obrigatório.

Mantenha seu grupo selecionado e duplique-o (Controle-C > Controle-V). Mova a cópia 80 pixels para baixo, mantenha-o selecionado e pressione Controle-J para adicionar uma nova cópia acima de sua seleção. Mover este novo grupo 80 pixels para baixo e pressione Controle-J várias vezes para preencher toda a sua prancheta.

duplicar e mover cópia do grupoduplicar e mover cópia do grupoduplicar e mover cópia do grupo

Etapa 7

Imprensa Controle-A para selecionar todos os seus quadrados e Grupo eles (Controle-G). Mantenha este novo grupo selecionado, certifique-se de que o Ferramenta Mover (V) está ativo e se concentra no Barra de ferramentas de contexto.

Basta clicar no Alinhar centro e Alinhar ao meio botões, que moverão seu grupo para o centro da prancheta. Opcionalmente, você pode ir para o Camadas painel e renomeie seu grupo como “padrão xadrez”.

padrão xadrez centralpadrão xadrez centralpadrão xadrez central

3. Como fazer um padrão xadrez distorcido: Método #1

Passo 1

Certifique-se de que seu grupo esteja selecionado. Vá para Camada> Warp> Grupo> Olho de Peixe ou clique no Urdidura botão na parte inferior do Camadas painel e selecione Olho de peixe do cardápio.

padrão xadrez warp no Affinity Designer usando Fish Eyepadrão xadrez warp no Affinity Designer usando Fish Eyepadrão xadrez warp no Affinity Designer usando Fish Eye

Etapa 2

Usando o Ferramenta Nó (A)você pode personalizar sua malha. Clique e arraste qualquer ponto da malha para movê-lo.

ajustar padrão xadrez distorcidoajustar padrão xadrez distorcidoajustar padrão xadrez distorcido

4. Como fazer um padrão xadrez distorcido: Método #2

Passo 1

Se você não está satisfeito com o Olho de peixe predefinido, você pode tentar o Torção um. Veja como ficaria.

padrão xadrez warp no Affinity Designer usando Twistpadrão xadrez warp no Affinity Designer usando Twistpadrão xadrez warp no Affinity Designer usando Twist

Etapa 2

Novamente, use o Ferramenta Nó (A) para mover qualquer ponto da malha e lembre-se de que você também pode brincar com as alças dos nós para criar seu padrão xadrez distorcido personalizado.

editar padrão xadrez distorcido no Affinity Designereditar padrão xadrez distorcido no Affinity Designereditar padrão xadrez distorcido no Affinity Designer

5. Como fazer um padrão xadrez distorcido: Método #3

Passo 1

Se você quiser começar com uma malha limpa, escolha o Malha opção do menu.

padrão xadrez warp no Affinity Designer usando Meshpadrão xadrez warp no Affinity Designer usando Meshpadrão xadrez warp no Affinity Designer usando Mesh

Etapa 2

Use o Ferramenta Nó (A) e clique duas vezes sempre que desejar adicionar um novo ponto de malha.

como adicionar um ponto de malha no Affinity Designercomo adicionar um ponto de malha no Affinity Designercomo adicionar um ponto de malha no Affinity Designer

Etapa 3

Pode exigir um pouco de prática, mas quando você se acostumar a usar o Ferramenta Nóvocê pode criar padrões xadrez ondulados muito legais.

editar um padrão xadrez distorcidoeditar um padrão xadrez distorcidoeditar um padrão xadrez distorcido

6. Como recolorir seu padrão xadrez ondulado

Passo 1

Selecione um dos seus quadrados amarelos no Camadas painel e vá para Selecione> Selecione o mesmo> Cor de preenchimento para selecionar instantaneamente todos os quadrados amarelos. Depois de selecionados, substitua o amarelo por R=137 G=239 B=218.

Voltar para o Camadas painel e desta vez selecione um dos seus quadrados vermelhos. Novamente, vá para Selecione> Selecione o mesmo> Cor de preenchimento para selecionar todos os seus quadrados vermelhos e substitua o vermelho por R=61 G=175 B=211.

como selecionar rapidamente um elemento com a mesma cor de preenchimento no Affinity Designercomo selecionar rapidamente um elemento com a mesma cor de preenchimento no Affinity Designercomo selecionar rapidamente um elemento com a mesma cor de preenchimento no Affinity Designer

Etapa 2

Obviamente, você pode experimentar cores diferentes para o seu padrão xadrez ondulado. Aqui está apenas um dos muitos combos que você pode experimentar.

como recolorir um padrão xadrez no Affinity Designercomo recolorir um padrão xadrez no Affinity Designercomo recolorir um padrão xadrez no Affinity Designer

Parabéns! Você terminou!

Esta é a aparência do seu padrão xadrez. Espero que você tenha gostado deste tutorial e possa aplicar essas técnicas em seus projetos futuros.

Sinta-se à vontade para ajustar o padrão xadrez final e torná-lo seu. Você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato, com soluções interessantes para melhorar seu padrão xadrez.

padrão xadrez distorcido no Affinity Designerpadrão xadrez distorcido no Affinity Designerpadrão xadrez distorcido no Affinity Designer

ga-analytics#sendElementsClickEvent”>Envato é um excelente recurso para padrões de tabuleiro de xadrez. Aqui está uma pequena lista de alguns dos padrões de tabuleiro de xadrez mais populares que você pode encontrar.

ga-analytics#sendElementsClickEvent”>Padrão xadrez contínuo (AI, EPS, JPG, PNG, PSD, SVG)

Leve-o para o próximo nível com este padrão xadrez vibrante. É um design vetorial completo, então fique à vontade para ajustar o tamanho e as cores da maneira que melhor atender às suas necessidades.

ga-analytics#sendElementsClickEvent”>padrão xadrez sem costurapadrão xadrez sem costurapadrão xadrez sem costura

ga-analytics#sendElementsClickEvent”>Padrões xadrez retrô e ondulados (EPS, JPG)

Torne-se vintage com este conjunto de padrões retrô. O pacote também inclui um padrão xadrez ondulado. Todos os designs são 100% vetoriais, portanto podem ser facilmente redimensionados sem perder qualidade.

ga-analytics#sendElementsClickEvent”>padrão xadrez ondulado retrôpadrão xadrez ondulado retrôpadrão xadrez ondulado retrô

ga-analytics#sendElementsClickEvent”>Padrão xadrez distorcido (AI, EPS, JPG, PNG, PSD, SVG)

Mantenha-o suave e simples com este padrão xadrez minimalista e distorcido. Esta pode ser a solução perfeita se procura um design simples mas elegante.

ga-analytics#sendElementsClickEvent”>padrão xadrez distorcidopadrão xadrez distorcidopadrão xadrez distorcido

ga-analytics#sendElementsClickEvent”>Padrões xadrez xadrez (AI, EPS, AFDESIGN)

Se você está procurando algo mais complexo, esses padrões xadrez xadrez podem ser a escolha perfeita. O design é 100% vetorial, então você não precisa se preocupar se precisar aumentá-lo.

ga-analytics#sendElementsClickEvent”>padrão xadrez xadrezpadrão xadrez xadrezpadrão xadrez xadrez

ga-analytics#sendElementsClickEvent”>Padrão xadrez ondulado com flores (EPS, JPG)

Procurando um design mais caricatural? Confira este padrão xadrez ondulado com flores. Basta adicionar seu texto e ficar à vontade para ajustar as cores conforme necessário.

ga-analytics#sendElementsClickEvent”>padrão xadrez ondulado com florespadrão xadrez ondulado com florespadrão xadrez ondulado com flores

Quer saber mais?

Temos muitos tutoriais do Affinity Designer no Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

Deixe uma resposta