Padrão de estrela pop art no Adobe Illustrator - um curso Graphic Design for Lunch™

1. Padrão de estrela de pop no Illustrator - Introdução: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço, crie um padrão de estrela pop-up 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 de estrela estilo pop art no Illustrator, e eu vou começar olhando para o padrão final e explicar para vocês por que estamos projetando do jeito que estamos no Illustrator. Há alguns conceitos interessantes de trabalho na verdade como esse padrão vai todos juntos. Então, uma vez que olhamos para como vamos fazer isso, vamos fazê-lo no Illustrator. O processo será idêntico para todas as versões do Illustrator. Então, mesmo que você esteja usando uma versão muito antiga, ela vai funcionar perfeitamente para você. À medida que estiver assistindo a esses vídeos, você verá um aviso que permite recomendar essa classe a 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 apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta, por favor 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. Agora vamos começar a criar nosso padrão de estrela estilo pop art no Illustrator. 2. Pt 1 - como planejar o design: Se você tem assistido minhas aulas, sabe que gosto de dar um pouco de informação extra em todas as minhas aulas. Então, o pouco extra de informação de hoje é como eu comecei a criar esse padrão. Vi na Internet e gostei muito. Imprimi e dei uma boa olhada em como eu poderia fazê-lo. O que eu vi foi que havia uma forma de diamante aqui que foi girada em torno de um ponto central. Então aqui tem a mesma forma de diamante. É que eles se moveram e se deitaram sobre o anterior e muito aqui em baixo. Eu pensei que se eu pudesse fazer três dessas formas de diamante e alinhá-las em cima um do outro, então eu poderia ter a solução para o meu padrão. Vamos dar uma olhada no ilustrador. Eu começaria fazendo o projeto fundamental. Agora, neste caso, as cores são invertidas do padrão que você acabou de ver. Preto é onde o branco estaria, e branco é onde o preto estaria. Isso só era necessário para que eu pudesse realmente ver as coisas na tela. Comecei com a forma fundamental e vou mostrar em alguns minutos exatamente como você vai criar isso. Então eu fui e criei minhas formas. Fiz a rotação e tirei todas as minhas formas, e foi aí que me deparei com um pequeno problema. Veja, não foi tão fácil ter certeza de que todas essas formas alinhadas perfeitamente. Às vezes eles pareciam estar alinhados perfeitamente, mas não estavam, e se eles não se alinham perfeitamente, então todo o padrão vai se organizar. O que eu decidi fazer foi descobrir uma maneira diferente de abordar a tarefa. Então, em vez de abordar a tarefa como três estrelas, isso é o que eu decidi fazer. Eu notei que esta estrela negra compartilhou um ponto com esta estrela vermelha aqui, e o que eu decidi fazer foi em vez de fazer uma estrela vermelha e uma estrela negra, o que eu faria é usar este ponto da estrela negra para ser o ponto de partida para Minha estrela vermelha. Então o ponto já seria parte da estrela negra e, em seguida, se eu apenas girá-lo em torno de para fazer a estrela vermelha, então ele estaria na posição certa em ambas as estrelas. Então o que eu fiz foi ir para a próxima estrela e eu disse, “Estas duas estrelas, o azul e o vermelho, compartilham este ponto.” Então, em vez de fazer uma estrela vermelha e uma estrela azul, o que eu faria é fazer uma estrela vermelha e então usar este ponto e girá-lo em torno de para fazer a terceira estrela. Como estes eram parte da forma original, eles sempre estariam no lugar certo, e assim essas estrelas se entrelaçavam perfeitamente. É assim que vamos fazer este padrão. Então, o design que eu desenvolvi e o processo que eu desenvolvi para fazer isso, atendem às minhas necessidades de ser capaz de ensinar um padrão em ilustrador. Eu só vou te mostrar o que eles são. Em primeiro lugar, tem de funcionar. Então você tem que ser capaz de realmente fazer este padrão, e também precisa ser eficaz para criar. Então eu não quero ficar vagando por aí indo em todas as direções com o padrão. Ele também precisa mostrar algo diferente. Esse é o meu presente para você, para que cada classe seja diferente de todas as outras classes. Ele também precisa estar livre de especificações de tamanho. Eu realmente odeio aulas onde as pessoas dizem que tudo tem que ser um certo tamanho, se eu puder ser livre da especificação de tamanho, então isso é uma vantagem real, e precisa ser fácil de re-colorir. Neste momento nossa peça padrão que estávamos apenas olhando era apenas duas cores, não teria sido fácil de re-colorir. No que realmente vamos fazer, vamos construir a opção de re-colorir. Vamos começar. 3. Pt 2 - crie a estrela: Agora entendemos o básico de como vamos criar esse padrão. Vamos começar. Vou escolher Arquivo e, em seguida, Novo. Só estou usando um documento de 700 pixels por 700 pixels, modo de cor RGB e alinhei novos objetos à grade de pixels desativada. Vou clicar em “Ok”. Agora, para começar, precisamos de uma figura de quatro lados que tenha um ângulo no meio que seja de 60 graus. Isso não é tão fácil de criar como você pode pensar, se você pensar nisso em termos de ser uma figura de quatro lados, mas se você pensar nisso em termos de ser dois triângulos, então é fácil. Vamos clicar aqui na Ferramenta Polígono. Vou clicar no meio do documento. Eu vou criar uma figura de três lados e eu posso definir o raio para o que eu quiser. Eu vou definir o meu para 70 e eu vou clicar, “Ok” O que nós temos aqui é o que é chamado de um triângulo equilátero. Todos os lados são iguais e todos estes ângulos são iguais, e estão todos a 60 graus. Esse é o ponto de 60 graus que precisamos para girar essa forma. Vou começar preenchendo esta forma com uma cor e vou remover o traço. Basta fazer isso, se livrar desses traços porque ele não vai ajudá-lo a projetar esta forma em tudo. Agora queremos mais um desses. Vou escolher Objeto, Transformar, Refletir. Vou refletir sobre a horizontal. Ative a Visualização e verá que o triângulo vai para o outro lado. Isso é perfeito. Vou clicar em “Copiar”. Agora tenho dois triângulos. Vou à Ferramenta de Seleção. Eu só vou alinhar estes para que eles estejam perfeitamente alinhados. Se você quiser ter certeza de que eles estão perfeitamente alinhados, selecione ambos e vá para o painel de alinhamento, que você também pode acessar escolhendo Janela, Alinhar. Clique aqui e escolha Mostrar opções. Em seguida, clique aqui em Alinhar a e escolha Alinhar à Seleção. Você não quer alinhar ao quadro de arte, apenas quer alinhar à seleção. Você vai clicar aqui em Horizontal Alinned Center. Isso garante que eles estejam perfeitamente alinhados um com o outro. Se queremos ter certeza de que eles estão presos um contra o outro, é assim que vamos fazer. Vou clicar aqui e escolher Alinhado ao Objeto Chave. Não importa qual desses objetos fica azul ao redor do lado de fora. Vamos nos certificar de que isso diz zero pixels, e então vamos clicar aqui em Distribuir Espaço Vertical, e isso só garante que eles estão encurralados uns contra os outros sem espaço entre eles. Selecione sobre ambas as formas, vá para a paleta Pathfinder, novamente, se você não conseguir vê-la, escolha Janela e, em seguida, Pathfinder e clique em Unir. Isso só nos dá a nossa forma de partida. Queremos uma cópia disso. Vamos selecioná-lo e escolher Editar, Copiar, Editar, Colar no Lugar. Colar no Lugar é fundamental. Escolha uma desta forma imediatamente sobre a parte superior da outra. Nós vamos mudar a cor, porque nós vamos construir isso em cores diferentes para que possamos potencialmente torná-lo camada preto e branco sobre, mas nós temos a opção de torná-lo multicolorido também. Vou trazer a minha última paleta. Vou ter certeza que é visível porque é muito crítico que você possa trancar as coisas aqui para que nada se mexa. O que queremos fazer nesta fase é apenas bloquear o caminho negro. Acabamos de pegar o caminho vermelho, o que está no topo selecionado. Vá para a Ferramenta Seleção Direta e selecione esses dois pontos do meio. Vá para selecionar esses dois pontos. Vá para a Ferramenta de Escala e clique duas vezes nela. O que queremos é uma escala não uniforme. Queremos escalá-lo horizontalmente, mas não verticalmente. Ative a Visualização e, em seguida, experimente os valores para a porcentagem até obter o resultado desejado. Estou achando que 70 por cento é muito bom para isso então eu vou apenas clicar em “Ok”. Agora eu tenho a minha forma vermelha e eu quero tirar uma cópia dela. Vou selecioná-lo novamente com a Ferramenta de Seleção. Você quer ter certeza de que está usando a Ferramenta de Seleção e não está apenas selecionando os dois pontos que você selecionou antes ou o desastre vai acontecer. Editar, Copiar, Editar, Colar no Local. Vamos fechar a cópia vermelha de trás. Nós vamos para a cópia vermelha da frente e nós vamos mudar sua cor. Por conveniência, eu só vou escolher uma cor escura para que eu obtenha essa luz escura alternada, luz escura através da forma. Agora que bloqueei isso, quero voltar para a Ferramenta de Seleção Direta. Selecione sobre esses dois pontos intermediários, clique duas vezes na Ferramenta de escala, verifique se a visualização está ativada. Quero não uniforme e só quero começar a trazer isso. Eu estou pensando que, provavelmente cerca de 70% nesta forma, que é 70% das formas anteriores vai ser perfeito, mas você pode escolher o valor que quiser. Clique em “Ok”. Agora vamos fazer uma duplicata disto. Em vez de fazer Editar, Copiar , Editar, Colar no Local, o que você também pode fazer é pegar esse caminho e arrastá-lo para o novo ícone de camada. Exatamente o mesmo resultado. Bloquear a cópia traseira, selecionar a cópia superior mais, mudar a cor e, como estamos indo claro-escuro, claro-escuro, precisamos ir claro agora. Vou fazer um rosa brilhante aqui. Selecione sobre os pontos intermediários aqui, clique duas vezes na Ferramenta de escala. Esta é a nossa última forma e então eu vou apenas trazê-lo para dentro, provavelmente para cerca de 50 por cento e clique em “Ok”. Agora eu tenho as formas iniciais. Vou destrancar tudo isso. Eu vou selecionar a camada inteira, que é as quatro formas que eu tenho aqui, e eu vou agrupá-los, Objeto, Grupo. Isso significa que eles não se movem em relação um ao outro. Eles estão trancados juntos. Então esta pequena forma agora está estável e está pronta para ser a nossa primeira estrela. Eu estou pensando que é um pouco grande, então eu vou selecionar sobre ele, segurar a tecla shift enquanto eu apenas escala para baixo e isso apenas escala em proporção. Isso garante que isso permaneça um ângulo de 60 graus. Agora, para a nossa primeira estrela, vou selecionar a forma. Efeito, Distorcer e Transformar e, em seguida, Transformar. Vou ativar a Pré-visualização. Eu quero ter certeza de que ele gira em torno deste ponto aqui, então eu tenho nove caixas pequenas aqui. Vou clicar na parte inferior do meio que define isso como o ponto de rotação. Eu quero cinco cópias porque há seis para ir ao redor do círculo aqui para ser girado ao redor para fazer a nossa forma e eu já tenho uma, então eu quero cinco cópias. Então eu quero meu ângulo e é 60 graus e lá temos nossas estrelas iniciais. Só vou clicar em “Ok”. Essa é a primeira peça do nosso padrão. Vamos voltar no próximo vídeo e construir as outras peças. 4. Pt 3 - complete as rotas: Neste ponto temos uma única forma que foi girada para criar a estrela. Preciso de me apossar desta forma de ouvir. Vou precisar expandir toda essa rotação. Vou escolher o objeto, expandir a aparência. Isso só divide este grupo em seis grupos individuais. Agora, preciso fechar tudo, exceto o grupo com quem quero trabalhar. Preciso decidir qual dos grupos é o único com quem preciso trabalhar. Eu só estou selecionando em cada um deles no último painel aqui para verificar qual é o que eu quero e o bloqueio de tudo o resto para baixo. A única forma que pode fazer alguma coisa agora porque não está trancada é esta aqui. Vou me certificar de que eu clique nele aqui no último painel para selecioná-lo. Eu não quero que nada perturbe o alinhamento aqui, então eu vou fazer a maioria das minhas seleções para o painel de camadas apenas por segurança. Vou escolher efeito, distorcer, transformar e depois transformar. Quero fazer a mesma transformação que fiz da última vez, cinco cópias, 60 graus. Mas desta vez eu quero transformar em torno deste ponto aqui, que dessas nove caixas é o fundo escrever um. Isso cria esta estrela aqui. Mas esta estrela e esta estrela compartilham o mesmo ponto. Então esse padrão é perfeito apenas pelo jeito que estamos criando. Vou clicar bem. Em seguida, no último painel, eu tenho que tomar esta forma que está formando esta estrela e expandi-la. Objeto, expanda a aparência. Isso destaca esses seis pontos. Eu vou abrir este grupo aqui que faz os seis pontos aqui, e eles estão todos aqui dentro de um grupo. Se eu abrir isso, você verá que este é um grupo em si. Vou desagrupar este grupo porque só quero chegar a um ponto. Vou escolher objeto, desagrupar. Isso é apenas manter meu painel de camadas aqui realmente limpo e arrumado. Agora, em algum lugar nesses objetos selecionados é o próximo ponto com o qual eu quero trabalhar e esse será esse ponto aqui. Eu só vou desligá-los sucessivamente até que eu encontrei o won que eu quero. É isso aí. Em todos os outros pontos, posso fechar. Agora, vou selecionar este novamente usando o último palete para fazer minha seleção. Eu vou fazer o meu efeito final de rotação, distorcer, e transformar, transformar, o mesmo negócio de antes. Cinco cópias, rotação de 60 graus. Mas desta vez queremos que este seja o meio e então queremos girar em torno do canto superior. Esse vai ser esse ponto aqui. Agora, temos uma partida perfeita para nossos padrões. Só vou clicar em “Ok”. Mas antes de terminar aqui, quero expandir este grupo. Indo para expandir isso em todas essas seis formas, objeto, expansão, aparência. Então, porque isso está em um grupo, eu vou desagrupá-lo, objeto, desagrupar. Agora, eu tenho um último painel que está cheio dessas formas individuais, mas eles estão perfeitamente alinhados. Por enquanto, eu vou dois trancá-los todos para que freira deles possa se mover. Porque o próximo passo é criar um retângulo sem preenchimento, sem traçado que será o limite para o relógio do nosso padrão. 5. Pt 4 - Faça e recolorir o padrão: Para o próximo passo, eu estou indo para a ferramenta de zoom e eu quero zoom sobre esta área do design, porque isso vai ser a minha amostra padrão final. Eu só quero ser capaz de ver as coisas muito, muito claramente. Vou para a ferramenta de retângulo. Eu vou selecioná-lo e eu vou pairar aqui até eu ver a palavra âncora porque isso vai ser me dizer que eu estou sobre o ponto de âncora no meio dessa forma. Eu vou rolar até eu me posicionar sobre aquele ponto de ancoragem. Eu só vou descer aqui até que eu me encaixe neste ponto de ancoragem e eu vou soltar. Vou definir isso como um retângulo sem preenchimento, sem traçado. Vou verificar duas vezes antes de sair daqui que tudo está em posição, ampliando um pouco mais. Haverá um piscar de olhos aqui, isso saberá quando estiver em posição pelo facto de a tenda para festas se colocar na posição, e só quer que ela passe sobre estes pontos. Está parecendo muito bem para mim. Então eu vou para a minha paleta de camadas e eu vou desbloquear todas essas camadas. Vou pegar o retângulo que acabei de criar, e vou colocá-lo atrás deste grupo de formas, esse é o meu padrão. Nesta fase, se eu quisesse, eu poderia selecionar esse grupo e desagrupar esses objetos. Só assim tudo é agradável e simples para a nossa peça padrão, eu vou selecionar tudo nesta camada. Então isso é todas essas formas mais o retângulo sem preenchimento, sem traçado. Só vamos diminuir o zoom daqui e o retângulo sem preenchimento, sem traçado é sobre esta área aqui porque essa é a área que determinamos que era a nossa amostra padrão. Com a ferramenta de seleção, vou arrastar e soltar tudo no painel Amostras. Neste ponto, eu vou selecionar o conteúdo desta camada, e eu vou apenas movê-los para um lado apenas no caso de eu precisar trabalhar novamente na minha amostra padrão, por qualquer razão eu não quero perdê-lo nesta fase. Vou criar um retângulo do tamanho do quadro de arte. Vou centrá-lo no meu quadro de arte. Então eu vou selecionar alinhar ao quadro de arte e eu vou ter certeza que ele está centrado no quadro de arte. O preenchimento é direcionado aqui, então tudo o que preciso fazer é clicar no meu padrão para preencher a forma com o meu padrão. Agora eu tenho algumas linhas de fratura aqui passando pelo meu padrão. Para me livrar dessas linhas de fratura, posso selecionar minha forma, escolher Objeto, Transformar, Escala. Quero desativar objetos de transformação. Eu quero escolher uma escala uniforme, e eu vou escalar minha forma até essas linhas desaparecerem. Porque eles estão desaparecendo enquanto eu estou escalando minha forma e eles estão se movendo, isso significa que eles são linhas de fratura no padrão e eles não são realmente um problema com o padrão em si. Isso é coisa do Illustrator. Um pouco irritante. Vou escalá-lo até que as linhas de fratura desapareçam e clique em “Ok”. Se você estiver preocupado com eles, também poderá fazê-los desaparecer escolhendo Editar e Preferências, em um Mac que seja Illustrator e Preferências, acesse a guia Geral e desative a arte de suavização de serrilhado e clique em” Ok”, e isso irá removê-lo, mas também irá dar-lhe uma espécie de olhar pixelado para o seu padrão porque as bordas não estão sendo suavizadas ou suavizadas. Vou desfazer isso, para que o meu padrão fique bonito e suave. Você pode re-colorir o padrão nesta fase. Então eu estou indo para a opção Re-colorir. Nesta fase, eu quero fazer o preto vermelho escuro, e eu quero transformar as outras cores em branco. Então eu vou pegar este e torná-lo branco. Vou pegar o rosa e torná-lo branco. Basta clicar duas vezes sobre ele e selecionar branco, e eu vou para o vermelho escuro aqui. Vou torná-lo preto e vou clicar em “Ok”. Essa é uma iteração do padrão e você pode dizer que porque eu mudei as cores, ele aparece automaticamente como uma peça de padrão alternativo na paleta Amostras. Agora vou inverter isto e transformar preto em branco e branco em preto. Vou clicar em “Re-colorir” novamente. Eu vou para preto e torná-lo branco. Agora eu vou clicar aqui “Oposto branco”, eu vou adicionar uma cor à harmonia de cores e então fazer isso preto. Agora tenho um inverso do meu padrão, vou clicar em “Ok”. Agora eu tenho uma versão de preto e branco, uma segunda versão de preto e branco, e a versão de cor original, e eu poderia continuar e fazer diferentes versões desse padrão se eu desejar. Portanto, há uma maneira de criar ilusões ópticas padrão de estrelas dos anos 60 no Illustrator. Seu projeto para esta aula será fazer este padrão você mesmo. Vá em frente e faça a forma da sua fundação, seguida, gire-a ao redor, expanda-a para que você possa obter uma forma fora dela, bloquear tudo o resto, e vá e faça suas rotações sucessivas e você vai precisar de três rotações organizados assim para poder tirar a peça do design que você precisa para sua amostra de padrões. Publique uma foto do seu padrão concluído em uso como seu projeto de classe. Espero que você tenha aprendido algo neste vídeo sobre como olhar para um padrão e ser capaz de separá-lo e descobrir como você vai executar o padrão no Illustrator. Enquanto você está assistindo a esses vídeos, você verá um aviso que permite recomendar esta classe a outros. Por favor, se gostou 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ê está gostando da aula. Essas recomendações ajudam outros alunos a dizer 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, 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 o almoço, e estou ansioso para vê-lo em um próximo episódio em breve.