Sobreponha perfeitamente formas giradas no Adobe Illustrator - um curso Graphic Design for Lunch™

1. Design gráfico para o almoço de formas de overlapping de rotina: Olá, sou Helen Bradley e bem-vindos a este design gráfico para a aula de almoço. Crie formas perfeitamente sobrepostas e giradas no Adobe Illustrator. Design gráfico para almoço é uma série de aulas que nos ensinam uma série de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para um problema que ocorre quando você tenta girar formas, por exemplo, para criar uma flor usando as ferramentas de transformação. Vou mostrar-lhe quais são os problemas e vou mostrar-lhe uma técnica para resolvê-los para obter formas perfeitamente sobrepostas, giradas. À 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 em apenas algumas palavras por que você está curtindo esta aula. Recomendações como esta ajudam outros alunos a dizer que esta é uma aula que eles também podem gostar. 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. Agora, se você estiver pronto, vamos começar a criar formas perfeitas, sobrepostas e giradas no Illustrator. 2. Pt 1 - entendo o problema: Antes de começar a olhar para a solução para criar formas bem sobrepostas, vamos dar uma olhada em qual é o problema. Eu tenho uma forma aqui que eu rodei usando Efeito, Distorcer e Transformar e Transformar. O problema com isso é que quando olhamos para a representação final, temos boas sobreposições ao redor, exceto para esta última folha. Este deveria estar na frente desta vida, mas atrás desta. Mas isso não é possível fazer no Illustrator. Então teremos que chegar a uma solução se quisermos criar uma flor que se pareça com esta, em vez de uma que se pareça com esta. Agora isso é um pouco complicado, então vamos começar com uma flor muito simples, e então vamos passar para uma um pouco mais complicada. O processo é o mesmo, mas eu só quero mostrar algumas técnicas que você pode usar com uma flor um pouco mais complexa. Mas o que vamos fazer é transformar isto nisto. 3. Pt 2 - faça uma flor simples: Para ver uma das soluções para este problema de sobreposição, vamos criar uma flor simples com File e, em seguida, New. Eu vou criar um documento 1000 pixels por 1000 pixels de tamanho e eu alinhei novos objetos grade pixel desativado. No Illustrator 2017, essa opção estará aqui. Vou arrastar uma elipse e essa será a minha pétala. Estamos usando uma forma muito simples aqui para que possamos obter uma indicação ou sensação de como vamos resolver esse problema no futuro. Vou escolher uma cor roxa para a flor e uma cor mais escura para o golpe. Vou aplicar um golpe bastante considerável a esta forma para que possamos vê-lo claramente. Em seguida, eu vou girar isso, então eu vou selecioná-lo e eu vou escolher “Efeito”, “Distorcer & Transformar” e depois “Transformar”. Vou ativar a pré-visualização. Eu vou girar em torno deste ponto aqui, que é o fundo dos nove possíveis pontos de rotação, o meio inferior. Nessas nove caixas aqui, eu vou ter certeza de que eu seleciono o do meio inferior. Vou girar cerca de 45 graus. Escolhi 45 graus porque é um daqueles números que se dividem uniformemente em 360. Se você dividir 45 em 360, você recebe oito e você não tem nenhum restante. É importante que você não tenha nenhum restante se você quiser pétalas uniformemente espaçadas em torno de sua flor. Vou fazer sete cópias porque tenho um original e depois sete cópias fazem a minha flor de oito pétalas. Vou clicar em “Ok”. Isto é um problema aqui. Esta folha deve estar em cima desta e atrás desta. Ambas as duas folhas aqui não estão olhando do jeito que deveriam. Mas agora, tudo está ligado a esta única pétala porque é apenas um círculo ou uma elipse que está sendo girado. Precisamos expandi-lo para fazer algo com ele, mas eu não quero ter que trabalhar com essas linhas. O que vou fazer é desligar o derrame neste momento. Vou selecionar esta forma que agora apenas um preenchimento e escolha “Objeto Expandir Aparência” e, em seguida, “Objeto Desagrupar” até desagrupar não é mais uma opção. Na última palete, quando eu der uma olhada nesta camada, eu vou ver oito formas individuais. Uma para cada uma dessas pétalas e cada uma delas é apenas uma elipse. Vou selecionar todas as oito formas. Vou ao Pathfinder. Se você não vir o Pathfinder aqui, escolha “Janela” e, em seguida, “Pathfinder”. Vou aqui para a ferramenta de acabamento. Vou clicar uma vez na “Ferramenta de Corte”. O que isso faz é quebrar essas pétalas. Bem, vamos apenas desagrupá-lo. Vou selecionar isso e escolher “Desagrupar objeto”. Ele quebra essas pétalas na forma real que eles estão dentro deste elemento girado e você pode ver que estas são as duas pétalas com as quais temos problemas. Este é um pouco nocauteado também, mas este é um bom conjunto de pétalas aqui. Vou pressionar “Controle ou Comando Z” até devolver tudo de volta ao lugar onde estava. O que eu vou fazer é pegar uma dessas pétalas e eu vou escolher uma que vai ser muito fácil de girar. Eu vou escolher o que está no fundo aqui e eu vou girar em torno deste ponto aqui agora. Vou colocar essas outras pétalas fora do caminho. Vou selecionar esta forma de pétala que agora tem o recorte e escolher “Efeito”, “Distorcer & Transformar” e depois “Transformar”. Desta vez, eu vou girar em torno deste ponto central superior. Vou ativar a Pré-visualização. Eu vou fazer sete cópias e eu vou girar em torno de exatamente os mesmos 45 graus. Esta é a minha forma de flor, vou clicar em “Ok”. Eu vou expandir essa forma com Object Expandir Aparência. Escolherei “Desagrupar objeto” até que desagrupe não seja mais uma opção. Agora vamos voltar e selecionar essas formas e aplicar nosso traçado a elas. Desta vez temos uma flor perfeitamente sobreposta. Encontramos essa forma criando uma flor que não estava se sobrepondo perfeitamente, mas tínhamos uma pétala que poderíamos usar. Tendo feito isso ou alcançado aquela pétala, então giramos para criar a flor final sobreposta, onde tudo está bem sobreposto e não temos algo no meio que pareça errado. Há a mais simples das flores que criamos usando esta técnica. 4. Pt 3 - flor mais complexa: Agora, vamos olhar para uma flor mais complexa. Vou escolher Arquivo e Novo, desenhar um documento do mesmo tamanho. Vou arrastar uma elipse estreita aqui. Vou adicionar outra elipse para o lado e outra para o lado também. Eu só quero ter uma forma acidentada acontecendo aqui. Ele vai selecionar todos estes e eu vou para o Pathfinder para apenas uni-los em uma única forma acidentada, uma forma que está fora do centro. Eu vou torná-lo mais fora do centro apenas girando um pouco. Vou selecionar sobre ele. Vou escolher Transformar objeto, Redefinir caixa delimitadora. Você pode ver que esta forma é realmente fora do centro. Vou preenchê-lo com uma cor, para que possamos vê-lo enquanto giramos. Nesta fase, eu ainda vou dar um derrame, embora nós vamos remover isso mais tarde. Vamos pegar isso e fazer uma flor com Efeito, Distorcer e Transformar, e depois Transformar. Vou girá-lo em torno de seu ponto médio inferior, que não é o centro da forma. Eu vou fazer 11 cópias, e desta vez eu vou girar através de 30 graus. É uma forma de flor mais complexa e como você pode ver, é uma forma de flor fora do centro. Vou clicar em “OK”. Nós ainda temos apenas uma única forma com uma rotação aplicada a ele. Antes de fazer qualquer coisa, vou desligar o derrame. Vou selecionar esta opção escolha Objeto, Expandir Aparência e, em seguida, Desagrupar Objeto até desagrupar não é mais uma opção. Na última palete, teremos formas individuais para todas as 12 pétalas. Tínhamos uma pétala original e 11 cópias, então são 12 no total e temos 12 caminhos aqui. Com estes todos selecionados, eu vou para o Pathfinder, e eu vou novamente escolher Trim. Indo para o grupo criado, escolho Desagrupar Objeto e agora temos toda uma série de caminhos, mas eles são formas diferentes desta vez, eles não são todos exatamente a mesma forma. Eu também tenho esse pequeno caminho do meio sobrando no fundo. Essa é a área central. Se você vai ter sobrado caminhos como este, eles vão estar na parte inferior da lista aqui, e você vai apenas selecioná-lo e pressionar Delete porque você não precisa dele. Vamos colocar temporariamente um derrame nisso, para podermos ver com o que estamos trabalhando. Esta forma não é correta e nem este é, e este poderia provavelmente usar um pouco de trabalho também. Mas todas essas outras formas vão ficar bem. Só vou desfazer tudo porque quero que todos voltem para a posição original. Vou pegar uma dessas formas que parecem muito boas. Eu acho que este aqui, eu vou apenas arrastá-lo para longe para fazer uma cópia dele. Quero mostrar-vos que não podemos fazer o mesmo que fizemos da última vez com esta forma em particular. Ao selecioná-lo, escolho Efeito Distorcer e Transformar e depois Transformar. Vou ativar a pré-visualização. Vou fazer 11 cópias e tentar remontar a minha flor. Eu vou escolher um ponto de rotação diferente, mas você verá que nenhum desses pontos de rotação vai nos dar a mesma flor que começamos com. Temos outros e muito interessantes estilos de flores, mas não estamos recebendo o mesmo que começamos com. Este processo não vai funcionar neste momento, então eu vou apenas me livrar disso. Voltando a esta flor e eu vou localizar uma das pétalas que é uma boa forma. Vou desligar o derrame nisto e vou recolorir para que possamos ver a pétala com que estamos a trabalhar. Vamos ver se as coisas estão a correr mal. Tenho uma pétala verde aqui. Vou selecionar esta pétala e vou girá-la, Effect Distorcer e Transformar, Transformar. Então nós apenas provamos que a rotação não iria funcionar, mas nós estamos fazendo algo um pouco diferente desta vez. Vou contar quantas pétalas preciso. Este é o que eu estou girando. Eu precisaria de um para substituir este 2, 3, 4. Se isso estivesse perfeitamente bem, eu ainda precisaria de quatro porque eu preciso dar a volta a este ângulo aqui. Eu tenho quatro cópias para fazer, então eu vou digitar quatro aqui. Vou usar o mesmo ângulo de rotação que usei anteriormente a 30 graus. Vou ativar a Visualização, e eu quero girar em torno deste ponto, o ponto mais próximo que eu posso chegar de onde as rotações vão funcionar eles estão lá, mas eles não estão alinhados perfeitamente e isso é muito bom. Isso não é um problema com isso. Vou clicar em “OK”. Vamos colocar uma linha nisso só para que você possa ver o que está acontecendo. O que eu fiz foi criar as pétalas que eu preciso usar para substituir essas pétalas aqui. Vou desligar o meu derrame. Vou manter a forma selecionada. Vou escolher Objeto Expandir Aparência e Desagrupar Objeto até que todas essas folhas verdes sejam desagrupadas. Agora, eles são selecionados na última palete aqui. O que eu vou fazer é pegar tudo isso e movê-los para o topo onde eu possa vê-los claramente. Então eu vou selecionar os quatro que eu quero usar para substituir as pétalas na flor, mas não o que eu rodei, eu vou apenas arrastá-los para fora do caminho e eu posso separá-los. O que vai acontecer é que esta pétala vai substituir esta porque tem o corte nela. É um substituto perfeito para esta pétala aqui. Eu vou selecionar esta pétala e apenas Shift clique nesta pétala aqui. Apenas estas duas pétalas são selecionadas. Estamos olhando na paleta de camadas aqui, apenas duas pétalas são selecionadas. Vou clicar novamente neste para torná-lo o objeto chave. Porque eu não quero movê-lo. Eu quero mover este aqui para cima. Agora, eu posso alinhar esses dois para as bordas esquerda e seu topo porque ambos têm bordas superiores e bordas esquerdas que eles compartilham. Vou clicar para a esquerda e para cima. Agora, esta forma verde está perfeitamente colocada em cima da azul. Vou selecionar o azul aqui. Só vou apagá-lo pressionando a tecla Backspace. Aqui está o substituto para a folha ou a pétala que acabei de me livrar. Com ele selecionado, eu só vou para a ferramenta Conta-gotas. Nós vamos clicar em uma dessas outras formas apenas para pegar emprestado sua formatação. Temos esta forma no lugar agora. Agora, vamos a este. O substituto para este é este pedaço aqui então eu vou Shift clique sobre ele. Novamente, apenas dois caminhos selecionados no último palete. Vou clicar novamente neste porque este vai me dar o posicionamento. Vou alinhá-los para que seus tops estejam alinhados. Vou alinhá-los para que a borda direita deles aqui esteja alinhada. Agora, eles estão perfeitamente em camadas um em cima do outro. Na paleta anterior aqui, quero isolar o azul que acabou de ser selecionado, está atrás do verde. Eu não preciso mais dele. Eu só o mantive lá como um guia para onde aquele verde precisava ser colocado, então eu vou excluí-lo. Vou selecionar isso e pedir emprestado a formatação de outra folha. Temos mais dois para ir. Este e este são pares de pombos. Este é o meu objecto chave. Alinhe-os ao topo, alinhe-os a esta borda direita. Localize o caminho azul aqui, certifique-se de que apenas ele está selecionado pressione Backspace para excluí-lo, vá e selecione o verde e pegue emprestado a formatação para ele. Se eu for a este verde aqui, posso pegar emprestado a formatação para ele. Se tudo parecer certo, eu não precisava dessa folha. Eu precisava fazer isso para obter as outras pétalas giradas aqui, mas eu realmente não preciso dela para substituir esta, então eu posso apenas me livrar dela. Há uma flor que tem um conjunto perfeito de rotações. Neste caso, não podíamos simplesmente pegar uma dessas peças e girá-la porque não podíamos duplicar exatamente aquela flor. O que fizemos foi usar um desses para fazer algumas pétalas sobressalentes que poderíamos posicionar usando as pétalas originais como guia. Agora, eu aprecio que isso é um pouco complexo para você ter a cabeça ao redor. No próximo vídeo, vamos dar um passo adiante. Vamos usar exatamente esse mesmo processo, mas vamos criar uma flor um pouco mais complexa novamente, mas eu vou repetir essas etapas exatas para que você possa ter um controle real sobre esse processo. 5. Pt 4 - flor multicolorida: Para a nossa flor final, vamos apenas adicionar um pequeno nível de complexidade com algumas cores adicionais. Estou criando um documento do mesmo tamanho que temos trabalhado em 1.000 pixels por 1.000 pixels. Vou criar uma forma de pétala aqui. O que estou tentando fazer é, novamente, criar algo que não é simétrico. Vou escolher Objeto, Transformar, Redefinir Caixa delimitadora, apenas para colocar a caixa delimitadora de volta na posição. Vou encher isto com vermelho e remover o golpe dele. Vou selecionar isso e fazer uma duplicata com Editar, Copiar, Editar Colar no lugar. Vou segurar Alt e Shift, que é Option Shift em um Mac. Vou dimensionar isso um pouco e preenchê-lo com uma cor laranja. Vou fazer isso mais uma vez. Vai me dar uma pétala multicolorida na minha flor, e vou encher isso com uma cor amarela. Selecione sobre esta pétala escolha Objeto, Grupo para que esta pétala, todos esses objetos aqui vão girar como um único objeto, Efeito, Distorcer & Transformar, Transformar. Você usa exatamente a mesma transformação que eu usei na anterior. Onze cópias, 30 graus e girando em torno deste ponto central aqui. Vou clicar em “Ok”. Antes de ir em frente, vou espremer um pouco essa pétala de flores, porque essa é a última chance que tenho de criar o visual que eu quero. Eu realmente gosto dessas bordas dobradas aqui. Estou muito feliz com isso. Com o Objeto selecionado, Expanda Aparência para expandi-lo para as formas do componente e, em seguida, Objeto, Desagrupar até Desagrupar não é mais uma opção. Vou selecionar qualquer uma das formas, e novamente vamos para o Pathfinder e vamos clicar na opção Trim. Agora, vamos para as paletas Camadas e escolha Janela, Camadas, parece que perdi minha paleta Camadas. Vou selecionar este grupo e escolher Objeto, Desagrupar. Farei isso até que desagrupe não seja mais uma opção. Vou dar uma olhada rápida neste palete Camadas e se houver algum caminho perdido, eles estarão na parte inferior. Eu tenho um, eu vou apenas removê-lo. Vamos olhar para a nossa flor e ver com o que estamos trabalhando agora. Eu tenho uma pétala aqui que obviamente tem que ser substituída por algo acima dela. Este também terá de ser substituído, assim como este também. A primeira pétala completa que tenho é provavelmente uma dessas duas. Estou gostando deste aqui. Eu vou selecionar as pétalas que eu acho que vão para formar esta folha. Eu tenho essa parte amarela. Basta clicar com a tecla Shift pressionada na laranja e clicar com a tecla Shift pressionada no vermelho mais escuro, clicar com o botão direito do mouse e escolher Grupo. Agora, eu tenho um grupo. Posso testá-lo puxando-o para fora do caminho e apenas certificando-se de que parece deixar tudo intacto para trás. Ao ampliar, acho que provavelmente deixei uma pasta de fora. Acho que este pedacinho aqui também pertence a ele. Eu o selecionei e provavelmente pertence a ele porque está muito perto dele. Só vou arrastar e soltar no grupo. Está nesse grupo agora, e vai viajar com ele. Vamos testar isso novamente. Parece que tudo o que pertence àquela pétala está vindo com ela. Mais uma vez, Control Z para colocar o pedal de volta de onde veio. É muito importante que não queiras perder a colocação. Agora, com minha pétala agrupada que eu vou girar em um minuto, antes de fazer isso, eu vou apenas mudar suas cores porque isso apenas torna muito mais fácil lidar com quando é uma cor totalmente diferente e é tão fácil de re-colorir mais tarde. Agora, com ele como um grupo e com ele selecionado, eu vou girá-lo ao redor e fazer todo o caminho até esta pétala, eu vou precisar de 1, 2, 3, 4, 5 cópias. Mesmo que eu não use todos eles, ainda vou precisar deles. Vou escolher Efeito, Distorcer e Transformar, Transformar. Vou fazer cinco cópias. Eu vou girá-lo em torno deste ponto aqui. Ativar a visualização, usar exatamente os mesmos ângulos que eu usei anteriormente. Você pode ver que eles não estão se alinhando perfeitamente, mas tudo bem. Não esperávamos que eles se alinhassem perfeitamente, só queríamos criá-los. Isso é tudo o que viemos fazer aqui. Vou clicar em “Ok”. Agora, este é o grupo aqui. Eu vou movê-lo todo o caminho até o topo desta camada só para que eu possa vê-lo. Está bem no topo aqui. Com ele selecionado, eu vou escolher Objeto, Expandir Aparência porque eu preciso explodi-lo para fora desta pétala particular girada em uma série de pétalas individuais. Objeto, Desagrupar. Estou assistindo a palete Camadas aqui, porque estas serão mais fáceis de lidar se forem deixadas em seus grupos. Eu não quero estourá-los todo o caminho para fora desta vez, eu só quero que eles sejam acessíveis aqui. Com cada um desses grupos selecionados, agora vou movê-los para fora do caminho para que eu possa então ir e colocá-los em posição. Agora, este é o que acabamos de rodar. É perfeito. Estou muito feliz com este também, então acho que não preciso substituir este. Mas este provavelmente precisa ser substituído. Mas vamos começar com este aqui em cima. Eu vou pegar todos esses três objetos que vão para fazer esta folha aqui, e eu vou agrupá-los, Object, Group. Este é o objeto que eu vou alinhar com seus lados. Este selecionado, vou clicar com a tecla Shift pressionada neste. Vou clicar nisso novamente porque quero que seja meu objeto chave. Vou alinhar à esquerda e ao topo. Esquerda e em cima. Está em perfeito alinhamento agora. Vou voltar aqui para este grupo que é o único que é a versão vermelha e amarela por baixo de tudo, basta pressionar backspace para removê-lo. Vamos pegar este. Neste ponto, você poderia pegar este grupo aqui e apenas movê-lo para fora do caminho, ou você pode até mesmo desligá-lo se você quiser apenas para que você possa chegar a estes passos aqui dentro. Vou selecionar estes três, clique com o botão direito do mouse e escolher Grupo. Agora, eles vão ser alinhados para este grupo aqui. Selecione-o, selecione este, clique novamente para tornar este objeto chave. Aqui, topo e direita vão ser minhas opções de alinhamento que vão funcionar. Estão todos bem alinhados. Role até aqui para ver onde está a versão vermelha e amarela. Bem, é aqui em baixo. Certifique-se de que eu tenha apenas selecionado. Backspace para removê-lo. Se as coisas estão um pouco confusas neste momento, basta desligar este. O próximo que estamos olhando é este. Vamos selecionar os passos do componente, clique com o botão direito do mouse e escolha Grupo. Esta é a pétala que vai substituir isso, selecioná-la, selecionar este grupo, selecionar novamente, basta tocar nela novamente para que seja o objeto chave. Os alinhamentos aqui estarão no topo e na direita. Vá e localize a versão laranja vermelha que não queremos mais e pressione Delete. Se precisar, venha aqui e desligue esse. Provavelmente vou substituir este. Parece que está um pouco cortado aqui, então eu vou pegar esses três passos, agrupá-los , ir e pegar este. Selecione este grupo e este grupo. Clique novamente sobre isso para torná-lo um objeto chave. Provavelmente o topo e a direita serão os melhores para isso. Desligue isso porque está em posição. Vou selecionar isso porque desligar o topo me deu acesso a esse. Agora, vou voltar a ligar tudo e acho que estou bem aqui. Posso me livrar desse grupo. Agora, com esses grupos, eu posso ir para os grupos e recolorir. Vou pegar os passos dos componentes aqui. Por exemplo, este rosa, e eu vou provar a cor na folha aqui que eu quero usar para ele. Eu vou ter que recolorir cada uma dessas peças individualmente, mas não é uma grande quantidade de trabalho para fazer. A maior parte do trabalho já foi feita. Isso ajuda neste ponto que o conta-gotas realmente permanece selecionado assim como eu estou selecionando objetos individuais aqui na paleta Camadas, eu não estou realmente perdendo meu conta-gotas. Estou apenas clicando em uma forma e depois indo direto para a cor que eu quero preenchê-la. Minha flor agora está recolocida. O que eu vou fazer é realmente estourar tudo fora de seu grupo escolhendo Objeto, Desagrupar, até que Desagrupar não seja mais uma opção e eu vou escolher Objeto, Grupo. Isso empacota toda a flor em um único grupo. A partir daqui, você pode fazer todo tipo de coisas com sua flor. Claro, uma das coisas que você pode querer fazer com ele é fazer um padrão com isso. Você pode, claro, basta selecioná-lo e ir para a opção de re-cor agora que tudo é apenas colorido com essas três cores, e você pode recolorir em seu lazer. Seu projeto para esta aula será criar uma dessas flores você mesmo e criar a sobreposição para que você obtenha um bom resultado. Publique uma imagem de sua flor concluída na área do projeto da classe. Espero que você tenha gostado dessa aula e que tenha aprendido um pouco sobre como trabalhar com grupos, rotações e formas no Illustrator. Como você está assistindo a esta aula, você terá visto um aviso para recomendá-lo a outros. Por favor, se você está gostando da aula, dê um polegar para cima e escreva apenas algumas palavras sobre por que você está gostando da aula. Recomendações como esta ajudam outros alunos a dizer que esta é uma aula que eles também podem gostar. Se você gostaria de me 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. 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.