Padrão em forma de Y 3D no Adobe Illustrator - um curso Graphic Design for Lunch™

1. Padrão de forma 3D - introdução - Um design gráfico para Pattern: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, Crie um padrão de forma Y 3D no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje vamos criar este padrão de forma em Y 3D. Mas ao contrário de todos os meus outros tutoriais padrão, vamos começar isso um passo antes mesmo de chegar ao Illustrator. Vamos dar uma olhada no padrão em uma folha de papel e vamos descobrir onde nossas repetições serão. Você vai aprender como você pode ir de papel para um padrão. Eu também vou mostrar a vocês meu próprio processo de pensamento quando eu estava olhando para este design padrão e trabalhando como eu faria isso no Illustrator. Acontece que meus primeiros pensamentos acabaram não sendo a forma como desenvolvi o padrão. Vou falar com você sobre isso também. Então é claro que vamos abrir o Illustrator e fazer o padrão. Ao longo do caminho, vamos criar uma grade também, uma grade hexágono que eu acho que você vai gostar como base para criar um padrão geométrico. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outras pessoas. Por favor, se gostar da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva em apenas algumas palavras por que você gosta da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar. Se quiser me deixar um comentário ou uma pergunta, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Se você está pronto agora, vamos começar e vamos levar esse padrão do papel para o Illustrator. 2. Pt 1 - planeje o design: Antes de começarmos a trabalhar, a começar a fazer este padrão, queria mostrar-te o processo que passei quando estava a desenhar o padrão. Eu descobri que o padrão básico on-line, e eu queria ser capaz de reproduzir isso no Illustrator. Normalmente o que eu vou fazer é ir e imprimir uma versão maior do design para que eu possa ter uma boa olhada nele. Agora, uma das coisas que você precisa fazer quando você está projetando padrões é descobrir onde suas repetições estão. Então, com este padrão, eu vou olhar para este ponto como sendo o meu ponto de partida. Eu vou olhar então para a próxima vez que eu ver este ponto no projeto, e ele está aqui em baixo. Então esse vai ser um lado da minha repetição. Vou dar uma olhada, ouvir e ver qual é o próximo ponto no projeto, e é aqui. Então eu vou traçar uma linha entre esses dois. Então podemos terminar isto porque esta vai ser a extensão da repetição do nosso padrão. Você verá que para cada elemento dentro deste projeto, mesmo que seja cortado, a peça que falta, que é a base aqui em cima, está aqui dentro do design. Aqui temos este lado, mas não este, mas aqui está ele. Então, quando a patente se alinhar, esta forma vai estar completa. Estamos perdendo um pouco aqui, mas é aqui em cima. Se você verificar, você vai descobrir que dentro desta área, há todos os elementos que precisamos para esse projeto. O primeiro passo é descobrir qual será a minha repetição. O segundo passo é tentar descobrir como vou fazer esse padrão. Uma das coisas que eu vi neste padrão, onde há muitos cubos. Este era na verdade um cubo, ele só tem o canto cortado, e este canto está cortado também. Aqui está a extremidade superior do cubo, mesmo que a extremidade superior tenha sido cortada. Eu começo aqui e desenho cubos sobre cada uma dessas formas, e tento descobrir as sobreposições. Bem, o resultado de desenhar esses cubos foi que na verdade é impossível construir essas formas no Illustrator como cubos e sobrepô-las, porque as coisas eram necessárias para estar sob uma coisa e sobre outra coisa. Mas em alguns lugares simplesmente não era possível para eles estarem simultaneamente sob uma coisa e em cima de outra. Então eu olhei para o padrão e olhei para a possibilidade de remover esse elemento aqui. Se eu remover esse elemento, mas ainda criar meu cubo com esta peça faltando, então eu poderia criar com sucesso o design. Mas você sabe, o design era realmente difícil de desenhar exatamente, e eu estava realmente preocupado que ele não seria capaz de ser facilmente reproduzido. Então eu vim para o design novamente e olhei para ele de um ponto de vista diferente, e eu tinha olhado para as formas. Embora eles se parecem com uma forma um pouco confusa para projetar, eles realmente se tornaram bastante fácil quando eu pensei em termos de criar uma grade hexagonal para desenhá-los com. Essa é a abordagem que eu vou tomar com este projeto em particular. Vamos criar uma grade hexagonal, que nos dará a habilidade de desenhar as formas com muita precisão. Eu gosto da representação final do projeto, e eu fiz algumas vezes, e eu não tive nenhum problema com ele alinhando, e para mim, isso é uma grande vantagem. Eu gosto de fazer desenhos que são muito fáceis de reproduzir, e que têm a quantidade mínima de problemas que poderiam potencialmente dar errado. É assim que eu vou olhar para um padrão e tentar descobrir como eu vou criá-lo. Eu vou olhar para a repetição, porque isso é realmente importante para mim saber quais elementos eu preciso para criar o design, e então eu vou desenvolver algum plano para projetá-lo. Cube era uma possibilidade. Cubo com um canto cortado fora dele acabou sendo uma opção viável, mas este aqui acabou sendo o mais fácil de criar, e é assim que vamos criar este design agora. 3. Pt 2 - desenhe uma grade de hexagon: Para começar a fazer nosso padrão, vamos escolher Arquivo e depois Novo. Fazendo um documento 700 pixels quadrado modo de cor RGB, é muito importante deixar uma linha novos objetos para a grade de pixels desativada. Não vai ajudar a ovelha se você tiver isso, eu vou clicar em “Ok”. Nós vamos desenhar uma grade hexágono, então ele vai ser baseado em um hexágono. Vou clicar na ferramenta polígono e clicar uma vez no documento. Um hexágono tem seis lados, então eu defini os lados para seis e o raio para 50. Vou clicar em “Ok”. O fato de que o raio é 50 significa que a forma tem 100 pixels de largura, mas não tem 100 pixels de altura, tem apenas 86,6 ou três pixels de altura. Essa medição é muito importante, precisaremos dela em breve. Vou desligar o preenchimento desta forma e deixar um acidente vascular cerebral no lugar. Então eu só tenho um hexágono muito simples. Vou alinhar a ferramenta. Vou clicar uma vez no documento. Eu quero que minha linha seja de 100 pixels porque ela está atravessando este eixo do hexágono e o ângulo é zero graus. Vou clicar em “Ok”. Com a linha ainda selecionada, quero copiá-la e girá-la, que posso fazer em uma única etapa: Objeto, Transformar, Girar. Vou girar 60 graus e clicar em “Copiar”. Então eu vou fazer isso de novo. Objeto, Transformar, Girar 60 graus, clique em “Copiar”. Agora eu tenho três linhas aqui e um hexágono aqui. Vou selecionar tudo. Vou para o painel Alinhar. Se você não vir o painel Alinhar aqui, escolha Janela e, em seguida, Alinhar. Vou clicar no menu de hambúrguer e clicar em “Mostrar opções” e, em seguida, certifique-se de que a ferramenta alinhada está definida para seleção, não prancheta. Então eu vou clicar aqui em Horizontal Alinhar Centro e, em seguida, Vertical Alinhar centro. O que isso faz é colocar todas as formas centradas umas sobre as outras. Neste ponto, eu posso escolher Objeto, Grupo, para agrupá-los. Vou movê-los por aqui para o canto superior do documento. Vamos construir isto como a nossa rede. Escolheremos Efeito, Distorcer e Transformar e depois Transformar. Vou ativar a pré-visualização, e quero cerca de quatro cópias. Eu vou mover esta forma para 100 pixels nesta direção para que cada um dos meus hexágonos se junte ao próximo, mas apenas em um ponto. Então, vou digitar 100 pixels e pressionar a tecla Tab. Refletindo, acho que o olho pode ter outra forma aqui, e eu vou clicar em “Ok”. Agora queremos tomar esta forma e movê-la para baixo e para o outro lado. Então ele vai mover metade de sua largura para preencher esta lacuna aqui e ele vai mover-se para baixo sua altura. Sua altura é 86.603. Vou escolher Efeito, Distorcer e Transformar, Transformar. Vou clicar em “Aplicar novo efeito”. Eu vou mover isso horizontalmente metade de sua largura, modo que são 50 pixels, e verticalmente 86.603. Vou ativar a pré-visualização e agora eu quero algumas cópias disso. Agora, minha grade não está apenas em um ângulo, mas também é muito maior do que eu preciso que seja. Mas você só precisa de muitos hexágonos aqui neste momento e basta clicar em “Ok”. Porque isso não vai realmente fazer parte do padrão, vamos apenas usar essa grade para projetar nosso padrão. Em seguida, vamos dois expandir isso. Portanto, escolha Objeto, Expandir Aparência e Desagrupar Objeto. Continuarei a fazer isso até que desagrupe não seja mais uma opção. Vamos dar uma olhada na última palete e ver o que temos. Bem, nós temos muitas e muitas formas. Temos h das linhas e h dos hexágonos e tudo é selecionado. Eu só vou agrupá-los em um único grupo; objeto, grupo. Agora que este é um grupo, eu preciso girá-lo porque a grade de forma hexágono do que eu preciso precisa para abelhar em um ângulo de 30 graus. Então vou escolher Objeto, Transformar, Girar, vou digitar 30 graus e clicar em “Ok”. Então esta é a grade que vamos usar para criar a forma que vai ser a forma básica para o nosso padrão. 4. Pt 3 - Faça as formas: O que eu fiz para tornar um pouco mais fácil para nós dizer exatamente o que vamos fazer para fazer este padrão é que eu extraí uma pasta da imagem padrão. Marquei as formas que vamos criar usando esta grade. Vou mantê-lo aqui porque pode ser mais fácil para você visualizar exatamente como você vai criar o padrão. Aqui na paleta de camadas, eu vou bloquear este grupo porque eu não quero que ele se mova. Vou selecionar a ferramenta de caneta. Eu vou desligar o traço e eu vou selecionar o preenchimento e eu vou escolher um preenchimento que é uma cor brilhante. Podemos mudar essas cores facilmente mais tarde, mas você vai querer ver o que está fazendo enquanto desenha. Vamos começar com esta peça aqui. Vou selecionar qualquer um dos pontos nesta grelha para começar. Mas você pode ver que eu estou procurando aquele intersect onde a ferramenta caneta está escrevendo sobre a interseção dessas linhas. Vou clicar, vou descer dois pontos de grade, e vou clicar aqui. Vou subir um ponto de grade aqui. Estou subindo aqui, um ponto de grade, outro lado aqui, um ponto de grade, para cima, um ponto de grade, e de volta ao meu ponto de partida. Essa é a forma aqui em azul. Vou clicar longe da forma para desmarcá-la. Vou fazer uma nova cor de preenchimento. Vou voltar para a minha ferramenta de caneta e vamos criar esta forma aqui, mas para que não interajamos com a forma rosa irá bloqueá-la antes de começarmos. Mais uma vez, procurando esses pontos de ancoragem e apenas seguindo o padrão que eu tenho aqui para a forma verde. Agora, eu tenho um ponto de ancoragem aqui fora, mas eu posso consertar isso em um minuto. Vamos trancar isso. Vou selecionar o grão para a cor final. Novamente, selecione a ferramenta caneta e desenhe nesta forma, basta clicar em cada um desses pontos, usando a grade como guia. Garantir que eu feche todas as formas. Agora minha forma de sopro, como eu disse, estava fora. Eu só vou desbloqueá-lo e eu vou dar zoom nesta posição para dizer se eu posso encontrar uma posição melhor para este ponto de ancoragem aqui. Isso vai movê-lo sobre este ponto de ancoragem. Vou checar todas essas âncoras antes de sair da grade. Está tudo muito bonito. Até você pode ver que eu tenho um elemento muito uniforme de preto ao longo de todas essas bordas com a possível exceção deste aqui. Mas todos os outros parecem muito arrumados e arrumados. Isso é o que você quer ter neste momento. Você quer ter formas perfeitas. Vou pressionar ctrl+0 para diminuir o zoom. Agora, que eu tenho a minha forma, eu não preciso mais da minha grade, então eu vou desligá-la. Não preciso mais da ilustração, então vou desligá-la, mas vou desbloquear essas três formas. Vou selecioná-los, e vou agrupá-los. Agrupando-os e certificando-se de que as formas não estão indo dois mudar lá relação uns com os outros. Se eles estão todos presos juntos, eles vão ficar presos juntos. Agora, eu tenho a forma básica para a peça que vai ser o meu padrão. Vou recolorir antes de continuar, vou clicar em recolorir o trabalho artístico. Eu só estou indo para a opção de edição aqui e eu vou selecionar uma série de blues para isso. O azul mais claro vai abelhar no topo. Esta vai ser a audição azul do meio. Este vai ser o azul mais escuro, mais azul roxo. Vou clicar em “Ok”, então essa é uma das minhas formas, mas meu padrão é cores alternadas. Vou selecionar isso e Alt arrastar uma duplicata de distância. Vou colorir isto de forma diferente. Agora que eu tenho minhas cores, eu vou apenas ligá-los juntos para que eles viajem juntos. Talvez escolher um amarelo melhor para isso. Agora, eu tenho minhas duas formas e cada uma delas está em grupos. É hora de começar a alinhá-los. Com a ferramenta de seleção, vou apenas colocar essas formas alinhadas umas às outras. Vou selecionar os dois e vou arrastar uma duplicata para longe. Eu vou selecionar as duas formas roxas e apenas certifique-se de que eles estão perfeitamente alinhados verticalmente e fazer a mesma coisa com as duas formas amarelas. Então vou pegar uma duplicata das formas amarelas e movê-las pelo documento. Se eu adicionar o Shift+K à medida que os movo, eles serão limitados a se mover em uma direção perfeitamente horizontal. Uma vez que tenho seis formas no lugar, tenho tudo o que preciso para o meu padrão. Porque estou à procura de uma peça de patente que vai daqui para cá, para baixo para aqui e para cá. Padrão muito, muito simples. Eu vou pegar a ferramenta retângulo, e eu vou desenhar meu retângulo novamente procurando meu ponto de ancoragem aqui quando eu vou desenhar meu retângulo. Agora, se eu não acertar exatamente, isso não importa. Vou fazer com que seja um retângulo sem traço, sem preenchimento. Vou ampliar aqui para verificar o seu posicionamento. Com a ferramenta de seleção, eu posso simplesmente encaixá-lo na posição direita sobre aquele ponto e apenas ter certeza que ele está correndo para baixo a posição exata que deve ser através dessas curvas no padrão aqui. Que é perfeito no fundo aqui. Estou muito feliz com isso. Sem preenchimento, sem retângulo de ataque. O problema é que ele está no topo da peça padrão e precisa estar na parte inferior. Vou arrastá-lo até aqui atrás do fundo desses grupos aqui. Vou bloquear tudo o resto porque isso significa que posso clicar na camada aqui. Selecionei todos os grupos e o retângulo sem preenchimento, sem ataque. Em outras palavras, tudo o que preciso para fazer o meu padrão. Eu tenho minha ferramenta de seleção selecionada, então eu vou arrastar e soltar a coisa do buraco no painel de amostras. Esse é o meu padrão. 5. Pt 4 - teste o projeto e invoca: Assim que criarmos nosso padrão, vou pressionar “Control 0" para diminuir o zoom. Já que tudo está selecionado, posso tirá-lo do caminho. Vou deixá-lo lá, caso haja algo errado com o meu padrão ou apenas no caso de eu querer fazer alguns ajustes nele. Certamente, com os padrões complexos como este, eu não estaria excluindo até que eu tenha certeza de que ele funciona perfeitamente. Vou selecionar a “Ferramenta Retângulo” e criar um retângulo que seja do tamanho da minha prancheta aqui, 700 pixels por 700 pixels de tamanho. Vou definir o meu alinhamento para prancheta e em seguida, apenas alinhá-lo para que ele fique bem na parte superior da prancheta. Vou abrir o painel de amostras. Note que o meu preenchimento está selecionado ou segmentado e eu vou clicar na minha amostra de padrão. É perfeito. Nem sequer é uma linha de fratura neste padrão, apenas parece exatamente como deve parecer. Vou escolher “Objeto”, “Transformar”, “Escala”. Eu só vou reduzir a escala no padrão, mas não no objeto, e clique em “Ok”. Como eu disse quando eu estava falando sobre como nós criaríamos esse padrão, eu tentei algumas maneiras de criá-lo. Dessa forma, construir aquela grade hexágono me deu a melhor chance de ter certeza que esse padrão seria perfeito, e é. Agora, uma vez que você tenha criado seu padrão, é claro, você pode começar a trabalhar com suas cores. Clique em “Recolorir arte”. Você pode clicar em “Editar”, e então você pode ir e mudar as cores. Agora, para cada uma das minhas cores, vou mandá-las de volta um pouco mais para tons de cinza. Eu vou para o brilho e eu vou reduzir o brilho sobre eles. Mas há muitas combinações de cores que você poderia usar para este padrão, e é realmente um padrão bastante sofisticado. Espero que você tenha gostado desta aula e que tenha gostado da visão como os padrões podem ser desenvolvidos a partir de imagens que você encontra, como você pode descobrir qual será o seu padrão de repetição, como você pode descobrir os elementos que você está vai precisar construir, e alguns dos processos de pensamento que você pode passar quando você está tentando desenvolver uma solução para construir o padrão. Também esteja ciente de que a primeira coisa que você vê pode não ser a maneira mais eficiente, eficaz ou até mesmo a mais precisa de construir o padrão. Certamente não foi para mim. Eu pensei que eu poderia construí-lo usando cubos mesmo com peças recortadas, mas no final, a grade hexágono era uma maneira muito mais sofisticada de construí-lo com muito mais precisão embutida. Seu projeto para esta classe será construir seu próprio padrão. Sinta-se livre para fazer isso. Eu queria que você fosse capaz de ver como você poderia construí-lo, então seria um projeto de classe realmente bom. Se você quiser ir e encontrar um padrão na Internet e descobrir quais serão as repetições e, em seguida, construí-lo você mesmo, por favor, faça isso. Mas, por favor, promete-me que se ficares preso, avisa-me que estás preso para que eu possa ajudar-te a descobrir como vais fazê-lo. Agora, enquanto você estava assistindo a esta aula, você terá visto um aviso para recomendá-lo a outros. Por favor, se você gosta da aula, faça duas coisas para mim, dê um polegar para cima e escreva em apenas algumas palavras por que você gostou da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Se você quiser me deixar um comentário ou colocar uma pergunta, por favor, faça isso. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.