


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!
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.



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.



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.



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.



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.



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.



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.



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.



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”.



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.



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



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.



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.



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.



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



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.



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.



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.



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ões de xadrez populares da Envato
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õ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 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õ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 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.



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