Padrão espiral orgânico no Adobe Illustrator - um curso Graphic Design for Lunch™

1. Introdução de padrão espiral: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, Faça um padrão espiral orgânico 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 um padrão espiral orgânico. Ao longo do caminho, você aprenderá algumas técnicas para criar e trabalhar com formas e criar padrões no Illustrator. Agora, como o processo de fazer isso em versões anteriores do Illustrator é realmente bastante interessante, vou mostrar a vocês como você pode fazer isso em qualquer versão do Illustrator. Eu realmente não vou usar a ferramenta de fazer padrão aqui. A razão para isso é que há tantas dicas legais que podemos usar para criar o padrão para todas as versões do Illustrator que eu não quero que você perca se você estiver usando o Illustrator CS6 e CC, que faria de outra forma. Vamos fazer esse padrão de uma maneira que você poderia fazê-lo em qualquer versão do Illustrator. 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 está gostando 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 sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de deixar um comentário ou uma pergunta para mim, então 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. Se você está pronto agora, vamos começar a criar um padrão espiral orgânico em todas as versões do Illustrator. 2. Pt 1 - Crie os espirais de toque: Para começar com nosso padrão espiral, vamos criar um novo documento. Vou escolher Arquivo Novo. Neste ponto, é importante que você crie um documento quadrado de tamanho fixo. Torne 300 pixels por 300 pixels de tamanho. Estou usando o modo de cor RGB. Eu tenho Permitir Novos Objetos para Grade de Pixel desativado porque isso vai morder você se você tiver isso ativado, as coisas não vão se mover tão bem quanto você gostaria. Vou clicar em “OK”. Esta é a minha área de trabalho e para isto vou valorizar as minhas espirais. Então eu quero que minhas espirais tenham um derrame, mas sem preenchimento. Então eu vou me certificar de que eu caí fora e derrame pode ser apenas preto por enquanto. Eu estou indo para a Spiral Tool e ele compartilha uma posição da barra de ferramentas com a Ferramenta Segmento de Linha, mas é uma ferramenta espiral que queremos. Vou clicar uma vez no meu documento. Eu vou usar essas configurações, um raio de 50 pixels, um decaimento de 80 por cento e 10 segmentos e eu também vou escolher um estilo. Não importa qual estilo você faz para começar. Vou clicar em “OK”. O Illustrator cria uma espiral com essas configurações. Eu só vou movê-lo de volta para a área de trabalho. Tudo o que você cria agora tem que estar dentro deste limite, nenhuma parte dele pode estar acima do limite. Você não quer nada assim. Vou aumentar o curso sobre isso e vou aumentá-lo para cerca de quatro pixels. Isso me dará uma espiral pesada. Agora, antes de continuar neste momento, você precisará verificar suas preferências do Illustrator. Em um Mac, clique em Illustrator e escolha Preferências. Em um PC, Editar e Preferências. Você vai ao General. Pretende certificar-se de que esta opção está desmarcada, Escala, Traçados e Efeitos. Você não quer que ele seja selecionado porque se ele for selecionado, então, quando você fizer suas espirais de tamanhos diferentes, traçado vai ajustar de acordo e queremos que ele seja consistente com traçado o tempo todo. Desative esta opção e defina o incremento do teclado nesta fase para cerca de meio pixel. Esse é um valor muito bom e clique em “OK”. Agora vamos duplicar esta espiral e podemos fazê-lo de várias maneiras. Podemos clicar na ferramenta espiral, clicar no documento e clicar em “OK. Isso vai criar outra espiral, ou podemos selecionar a primeira espiral ou qualquer uma das outras e segurar Alt ou Option no Mac enquanto arrastamos uma duplicata para longe e você quer algumas dessas espirais. Estou pensando em cinco indo nessa direção. Em seguida, vá e selecione sua ferramenta espiral novamente, clique em seu documento, mude o estilo e clique em “OK” e isso lhe dará uma série de espirais que vão na outra direção. Em seguida, você deseja selecionar a espiral com a ferramenta de seleção e, em seguida, mantenha pressionada Alt ou Option enquanto arrasta uma duplicata para longe e você deseja algumas duplicatas. Neste momento, estou a pô-los à beira, mas sei que tenho de os trazer de volta em breve. Finalmente, vou criar algumas espirais muito pequenas. Então eu vou voltar para a minha ferramenta espiral, e desta vez eu vou definir meu raio para um pequeno valor de cerca de 25. Eu provavelmente quero um par de segmentos a menos, então eu vou selecionar oito e clicar em “OK”. É a espiral mais pequena. Novamente, vou escolher a ferramenta de seleção e, em seguida, Alt ou Option arrastar algumas dessas espirais para longe e então eu vou e criá-la indo na direção oposta. Clique na Spiral Tool, clique no documento, inverta a direção e, em seguida, vá e pegue algumas duplicatas disso. Agora temos as espirais com as quais vamos começar a trabalhar. O que queremos fazer é mover essas espirais para que elas se toquem. Acabei de mover este aqui para baixo, então está sobrepondo o fim deste, e agora ele está tocando neste. Estes estão todos parecendo muito bons. Vou selecionar este e girá-lo. Agora eu também posso redimensionar isso se eu quiser, mas eu vou apenas puxá-lo para baixo para esta posição. Eu também posso empurrá-lo apenas usando as setas do teclado. É por isso que ajustamos o empurrão para cerca de 0,5 de um pixel para que essas coisas se movam bem. Eu só vou mover isso, mas ter certeza de que nada atravessa essa essa borda aqui. Se ele vai cruzar a borda, eu vou movê-lo para dentro ou eu vou bater um fim dele. Bem, este está indo além do limite, vamos olhar para este. Vou para a ferramenta de seleção direta. Vou selecionar sobre o último ponto de ancoragem aqui e basta pressionar Delete. Agora é menos um ponto de ancoragem e está se encaixando no documento, então é fundamental que tudo esteja dentro das bordas deste documento. Este é um processo um pouco zen. Leva um pouco de tempo para fazer, mas o que você vai fazer é atacar cada espiral e apenas girá-lo e certificar-se de que você dimensioná-lo e colocá-lo de modo que, no final, esta extremidade aqui é sobre o topo de outra linha, Então isso está enterrado nessa linha. Você quer fazer um pouco de rotação porque você não quer que todas as suas espirais pareçam exatamente iguais. Eu só vou trabalhar nisso porque, como eu disse, é um processo bastante zen. Vai levar algum tempo para fazer e eu vou parar quando há algo que eu quero falar com você sobre. Mas caso contrário, vou continuar a trabalhar e preencher este documento com espirais. Aqui eu quero parar e dar uma olhada nesta espiral. Você pode ver que esta espiral está chegando, mas não é bem encontrar esta espiral aqui. Bem, eu posso ir para a ferramenta de seleção direta e selecionar este ponto, e eu posso movê-lo. Estou movendo apenas o ponto usando as teclas de seta. Tendo movido, agora posso ajustar sua alça apenas para continuar a forma espiral. Às vezes você pode precisar fazer isso só para ter certeza de que você está em espirais alinhados. Veja também esta espiral. Você vê que o centro dele é realmente apertado em comparação com essas outras espirais. Bem, você pode novamente ir para a ferramenta de seleção direta, localizar o ponto de ancoragem mais interno aqui e novamente pressionar Delete apenas para abrir as espirais do meio. Agora tenho as minhas espirais em posição e estão todas dentro da borda deste quadro de arte. Não há nenhum deles que está sequer tocando a borda da placa de arte, e certamente nenhum deles sobre a borda. Também tenho uma boa mistura de espirais muito grandes e pequenas. Então eu estou pronto para ir em frente para o próximo passo. No próximo vídeo, vamos começar a trabalhar para fazer nosso padrão a partir das espirais. 3. Pt 2 - Faça a amostra de padrão: Agora estamos prontos para transformar este conjunto de espirais em um padrão repetido. Para fazer isso, vamos começar redefinindo uma preferência do Illustrator. No Mac, você acessará o Illustrator, selecione Preferências e Geral. No PC, Editar, Preferências e, em seguida, Geral. O que você vai fazer é redefinir o incremento do teclado para metade da largura do documento. Agora você se lembra que começamos com um quadrado de 300 pixels por 300 pixels. Fizemos isso por uma boa razão. Em primeiro lugar, é um quadrado e em segundo lugar é um valor conhecido. Então o que vamos fazer é definir o incremento de teclado para metade de 300 pixels, que é 150 pixels. Então, basta digitar 150 px. Isso é tudo o que você precisa fazer neste momento e clique em Ok. Agora, o que vai acontecer ou o que acabamos de fazer foi definir as teclas de seta para mover 150 pixels cada vez que as atingimos. Então, qualquer forma que selecionamos agora e clique na tecla de seta, por exemplo, esta aqui. Deixe-me selecioná-lo com a ferramenta Seleção e pressione a tecla de seta, e ele é apenas disparado 150 pixels para a direita. Agora você quer ter certeza de que você não faz isso até que você esteja pronto para dar este passo. O que você vai fazer é escolher sobre tudo. Então vá para a ferramenta Seleção e selecione tudo. Agora pressione a tecla de seta para a esquerda e tudo se moveu 150 pixels para a esquerda e, em seguida, toque na tecla de seta para baixo. Então, tudo se moveu a 150 pixels para baixo. Então ele vai estar no canto inferior do documento. É exatamente onde deveria estar. Agora escolha Editar Copiar, Editar Colar no lugar. Então temos um segundo conjunto dessas espirais, exatamente em cima da primeira, e pressione a tecla de seta para cima duas vezes. O que isso faz é que leva a duplicata do padrão espiral que coloca-se no canto superior do documento, Editar cópia, Editar colar no lugar. É fundamental que você use colar no lugar neste ponto e, em seguida, toque na tecla de seta para a direita duas vezes. Você tem uma duplicata desta forma agora à direita, e vamos fazê-lo mais uma vez. Editar Copiar, Editar Colar no lugar e, em seguida, pressione a tecla de seta para baixo duas vezes. Se você já criou padrões no Photoshop usando o Filtro de Deslocamento, é isso que estamos fazendo. Estamos fazendo o mesmo que você faria se estivesse usando o Filtro de Deslocamento no Photoshop. Então agora podemos nos afastar disso. Antes de terminarmos esse padrão espiral, precisamos redefinir o incremento de teclado, caso contrário, se você esquecer de fazer isso e voltar ao Illustrator em alguns dias, você vai se perguntar o que A Terra está acontecendo. Então vamos voltar e redefinir isso, Editar, Preferências, Geral e voltar e definir nosso incremento de teclado para o que era antes, meu era 0,5 pixels, e clique em “Ok”. Então agora estamos prontos para terminar nosso padrão espiral. Mas antes de o fazermos, vamos dar uma olhada e ver o que não podemos fazer. O que não podemos fazer nesta fase é mexer com qualquer coisa que esteja acima da borda desta prancheta. Então, por exemplo, você não quer mexer com esta forma ou esta forma aqui porque ela está sobre a borda da prancheta. Mas o que você vai querer fazer é preencher essas pequenas lacunas. Você pode dizer que há uma forma aqui que não está anexada, então vamos precisar consertar isso e este aqui, e este aqui e este aqui. Mas vamos preencher esses pedacinhos no meio aqui para terminar nosso padrão. Como eu estava fazendo quando eu estava criando a forma original, eu posso emprestar algumas das formas. Então eu vou apenas selecionar esta forma aqui e eu vou Alt arrastar uma duplicata dele para longe e girá-lo e usá-lo para começar a preencher essas áreas. Então, neste ponto, vamos fazer exatamente o que temos feito o tempo todo e desta vez basta preencher essas áreas médias. Quando acabarmos com isso, vamos voltar e dar uma olhada em terminar o padrão. Então eu vou acelerar o vídeo aqui porque é apenas um trabalho repetitivo. Voltarei quando tiver feito o recheio no meio. Neste caso, eu só quero estender essa linha, mas eu estou um pouco preocupado que eu não quero mover a forma fora do alinhamento. Então eu vou clicar na ferramenta Caneta aqui. Vou clicar e arrastar no fim do caminho aqui. Vou clicar e arrastar aqui. Então eu adicionei um ponto extra à minha linha. Vou pressionar o Controle ou o Comando zero para voltar. Vou pressionar “Esc” para parar de desenhar com a ferramenta Caneta. Agora esta forma não estava realmente acima da borda na parte superior do documento, mas eu não queria afetar sua forma básica, então eu apenas adicionei um pouco de extra lá usando a ferramenta Caneta. Quando você acha que terminou seu padrão, basta dar uma boa olhada na prancheta. O que você quer ter certeza é que nenhuma dessas espirais tem caudas que não estão ligadas a outra coisa. Este não importa porque é sobre a borda da prancheta. Tudo o que está realmente dentro da prancheta importa. Então eu consertei minhas espirais e tudo está parecendo perfeito. Vou para a ferramenta Retângulo. Vou clicar uma vez no meu documento. O que eu quero fazer é criar um retângulo de 300 pixels por 300 pixels, exatamente do tamanho da minha prancheta. Vou clicar em “Ok”. Agora ele tem um traçado nele, então eu vou configurá-lo para sem traçado e sem preenchimento, mas você pode vê-lo ainda selecionado e isso é muito importante porque precisamos colocá-lo na posição exata correta. Então eu estou indo para o painel Alinhar. Você pode obter o painel Alinhar se ele não estiver em suas ferramentas aqui escolhendo Janela e, em seguida, Alinhar, soltar o menu de saída, escolher Mostrar opções, escolher Alinhar à prancheta e, em seguida, centralizar este retângulo como quadrado sobre a prancheta. Agora está no topo da última pilha. Se olharmos para o último palete aqui e abrirmos esta camada, você pode ver o retângulo no topo da pilha. Precisa estar no fundo. A maneira mais rápida de chegar lá é com ele ainda está selecionado, escolha Objeto, Organizar, Enviar para Voltar, e que salta para o fundo da última pilha. Eu só não recomendo tentar movê-lo lá você mesmo porque há tantos objetos nesta camada que estão apenas indo para ficar no caminho enquanto você faz isso. Então, agora que fizemos isso, vamos diminuir o zoom, tomando cuidado para não interromper nada à medida que avançamos. Vou escolher sobre tudo. Então eu estou indo para a ferramenta Seleção. Vou selecionar sobre todo este conjunto de objetos. Vou abrir meu painel de amostras e tenho todas as amostras visíveis. Então eu fui aqui e selecionei Mostrar todas as amostras para que eu possa ver as amostras de padrão padrão que o Illustrator nos oferece. O que eu vou fazer é arrastar e soltar este padrão bem ao lado das outras amostras de padrão. Este é o meu padrão espiral. Vou tirar a prancheta do caminho. Eu só vou criar um retângulo aqui. Você realmente não tem que fazê-lo em cima da prancheta, você pode apenas fazê-lo de qualquer maneira que você gosta. Vou selecionar o Preencher. Vou ao meu painel de amostras. Vou apenas clicar na minha amostra e lá está o meu padrão espiral. Vou escolher Objeto, Transformar, Escala. Vou desligar os objetos transformados. Então eu não quero redimensionar o retângulo, eu só quero redimensionar o padrão. Isso vai reduzir isso para 50% para que possamos ver como ele está se repetindo. Então este é o nosso padrão. Se houver algum elemento no padrão que você não goste neste momento, você pode voltar para sua amostra de padrão aqui e fazer algumas alterações nele. Então, se eu realmente não gostar desta pequena área aqui, eu posso consertá-la. Então o que vou fazer é entrar aqui. Eu só vou deletar este. Acho que é um pouco estranho. Vou acabar com este, mas preciso ter muito cuidado, porque não quero chatear isto. Então vamos ver como podemos fazer isso sendo muito, muito cuidadosos. Eu só vou pegar a ferramenta Caneta aqui, apenas arrastá-la para baixo e arrastá-la aqui. Espero que tenha sido cuidadoso o suficiente. É um pouco perigoso este pouco. Vamos diminuir o zoom e ver como vamos com isso. Novamente, desta vez selecionando sobre todo este conjunto de padrões com o retângulo sem preenchimento, sem traçado na parte de trás e basta arrastá-lo e soltá-lo no painel de amostras. Selecione meu retângulo e clique para preenchê-lo com este padrão. Eu fui cuidadoso o suficiente, este padrão parece muito bom. Então você será capaz de reajustar o seu padrão, mas apenas certifique-se de que você é muito, muito cuidadoso sobre o que você opera dentro desta prancheta porque esse é o seu ritmo padrão. 4. Pt 3 - finalização e invoca: Depois de criar sua forma preenchida com padrão, se você quiser mudar a cor do padrão, você pode fazê-lo com muita facilidade. Com as formas selecionadas, escolherei Recolorir arte. Você verá um pequeno traço entre os negros aqui e você quer clicar sobre isso até que se torne uma seta. Em seguida, você pode clicar duas vezes neste seletor de cores aqui e escolher uma cor diferente. Vou escolher um azul púrpura para meu padrão e vou clicar em “Ok” e é imediatamente recolored. Se eu quiser adicionar uma cor sólida atrás dele, eu posso fazê-lo. Com a forma preenchida com padrão selecionada, vou ao painel de aparência e vou clicar aqui em “Adicionar novo preenchimento”. Isso adiciona um segundo preenchimento idêntico ao primeiro. Este é o que está no topo e este é o que está no fundo. Quero ir ao fundo porque quero que o meu preenchimento esteja atrás das minhas espirais. Vou abrir o painel aqui e escolher um preenchimento branco para esta forma. Lá você tem criando seu próprio padrão espiral orgânico no Illustrator. Seu projeto de classe será criar um padrão espiral orgânico como este para você e postar uma imagem de seu padrão em uso como seu projeto de classe. Espero que você tenha gostado desta aula e que tenha aprendido muitas e muitas coisas sobre trabalhar com o Illustrator na criação de seus próprios padrões de estilo orgânico. Como você está assistindo a esses vídeos, você verá um prompt que permite que você recomende esta classe para outros. 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ê gostou desta aula. Estas recomendações ajudarão outros alunos a ver que esta é uma aula que eles também podem desfrutar. Se quiser deixar um comentário ou uma pergunta, faça-o. Eu leio e respondo a todos os seus comentários e perguntas. Eu 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.