IsomeTRUQUES! Métodos criativos para desenvolver ilustrações isométricas envolventes

1. IsomeTRUQUES!: Vamos criar algo maravilhoso. Nesta aula, mergulharemos mundo da ilustração vetorial isométrica, onde aprenderemos exatamente o que é ilustração isométrica, como acelerar seu fluxo de trabalho, entender a iluminação e a cor em suas ilustrações, como duplicar ativos com facilidade e Em essência, não vou apenas ensinar ilustração isométrica, mas vou mostrar muitas isométricas para ajudá-lo ao Você entendeu? Isometria Ei, pessoal, mas isso. Ei, pessoal, meu nome é Kyler e Parson. Sou designer gráfico, ilustrador e professor renomado aqui no skill share Trabalho no Adobe Illustrator há mais de uma década e ensino o programa há mais de quatro anos para mais de 19.000 estudantes Trabalhei com organizações de saúde, clubes universitários e pequenas empresas para criar ilustrações e marcas Eu acredito em aprender fazendo. Portanto, neste curso, você terá acesso a todas as planilhas que eu uso para poder entrar no programa imediatamente e começar a brincar Algumas das planilhas poderão ser impressas, que você possa sujar as mãos Outros estarão no Adobe Illustrator, para que você possa conhecer as ferramentas e técnicas que vou ensinar A ilustração isométrica é um estilo de ilustração versátil que pode ser usado para projetos de pequena e grande escala, desde ícones individuais até murais de parede completos , padrões, marcas Essa aula é perfeita para quem tem um conhecimento básico do Adobe Illustrator e sabe como navegar em seu espaço de Vou usar atalhos de teclado, criar ações, configurar estilos e muito mais Realmente, não há nenhuma barreira para fazer esse curso. Tudo o que você precisa é do Adobe Illustrator e do desejo criar ilustrações isométricas envolventes Ao final deste curso, você estará bem equipado para concluir seu projeto de aula criando sua própria ilustração vetorial isométrica no Adobe Illustrator no Adobe Illustrator Então, se você estiver pronto para aprender alguns truques do Isome, nos vemos na aula Vamos embora. 2. Boas-vindas ao curso!: Bem-vindo à aula. Estou muito empolgada em entrar no mundo da ilustração isométrica com você e quero compartilhar com você o que abordaremos no curso e quais materiais você precisará para começar Neste curso, será dividido em três seções do curso, compreensão e métodos básicos usando isometria no Adobe Illustrator e o fluxo de trabalho de demonstração e ilustração e Você pode estar se perguntando: por que não começar com a ilustração e a demonstração imediatamente? O motivo é que o processo de criação de ilustrações isométricas nem sempre é linear, e eu uso muito métodos diferentes em momentos diferentes, dependendo das necessidades que precisam ser É por isso que ter um entendimento básico antes de começar é um grande benefício E talvez eu use alguns métodos específicos em uma ilustração, mas não em outra. Então, eu quero que você esteja bem equipado para tudo o que você decidir criar. Não se preocupe O fato de não estarmos na fase de demonstração não significa que não criaremos algo divertido. Cada aula tem práticas personalizadas para você começar. Eu forneci planilhas para imprimir e outras para usar no programa, que você possa brincar e me seguir ao longo do caminho Você pode baixar os recursos do projeto no painel Projeto. Há uma pasta de trabalho em PDF imprimível, um arquivo do Adobe Illustrator , bem como modelos de projetos imprimíveis e Adobe Illustrator para você Alguns de nós gostam de esboçar nossas ideias no papel. Outros podem simplesmente gostar de entrar no programa e começar a criar. Seja qual for a maneira que você quiser trabalhar, eu tenho tudo o que você precisa. Além de tudo isso, forneci meu pacote de ações isométricas do Adobe Illustrator, que você pode baixar para tornar seu processo de criação Este pacote de ação está repleto de ações úteis que ajudarão você ao longo do caminho, incluindo as ações do método SSR que trazem suas ilustrações para dentro e para fora da perspectiva isométrica, ações para mover, girar e duplicar seus objetos em ações para mover, girar e planos isométricos ações úteis que ajudarão você ao longo do caminho, incluindo as ações do método SSR que trazem suas ilustrações para dentro e para fora da perspectiva isométrica, ações para mover, girar e duplicar seus objetos em planos isométricos e muito mais. Então, baixe os recursos do projeto no painel Projeto e nos vemos na próxima aula. 3. O que ilustração isométrica?: Então, o que é ilustração isométrica? Bem, a ilustração isométrica é simplesmente uma forma representar um objeto de três D em um plano de dois D, como um pedaço de papel ou uma tela Na ilustração isométrica, você geralmente verá três planos principais, o superior, o esquerdo e o ângulo reto Na verdade, as linhas horizontais são desenhadas em um ângulo de 30 graus. A linha vertical em ângulos de 90 graus. Assim, podemos ver como as ilustrações isométricas são criadas no papel Isométrico significa literalmente medida igual, como os três eixos principais estão igualmente espaçados em ângulos de 120 graus Na verdade, ao contrário da perspectiva de dois pontos, em que as linhas convergem em um ponto de fuga, as linhas horizontais são completamente paralelas e nunca se juntam Na verdade, isso é muito útil, pois você pode colocar um objeto em qualquer lugar da cena e ele manterá sua relação proporcional com todo o resto, não importa onde esteja na cena, o que é muito legal Então, esses são alguns exemplos de algumas ilustrações isométricas, algumas formas isométricas, como você pode ver como eu desenhei um prisma triangular ou algo parecido, ou algo parecido, ou Mas todas as linhas horizontais são desenhadas em ângulos de 30 graus a partir do zero grau, eu acho. Então, uma coisa que você pode fazer é pegar essa folha isométrica e praticar o desenho de algumas das formas isométricas sozinho Você pode tentar delinear usando os quadrados para criar um plano isométrico e depois desenhar uma caixa isométrica tentando permanecer Obviamente, você pode desenhar círculos. Os círculos são um pouco mais difíceis. Desenhe um quadrado e tente encaixar o círculo dentro dele, e esse é o seu círculo. Depois, você pode desenhar sua horizontal e tentar finalizá-la na parte inferior. Tente redesenhar algumas das formas se quiser praticar ilustrando a si mesmo ou quando entrarmos no Adobe Illustrator , você poderá ilustrá-las com facilidade porque o programa faz grande parte do Na próxima aula, falaremos um pouco sobre ortografia versus isométrica Ao entender a ortografia, você entenderá ainda melhor como tirar proveito da isométrica no Adobe Illustrator Te vejo lá. 4. Ortografia vs. Isométrico: Nesta aula, falaremos sobre visualização ortográfica visualização ortográfica é um método de representar objetos tridimensionais usando várias duas vistas em D, normalmente mostrando as vistas superior, frontal e lateral de um objeto separadamente Essas visualizações mostrarão a verdadeira forma e as dimensões de cada face sem qualquer distorção de perspectiva Portanto, isso é útil para mapear o tamanho exato de seus objetos. Então, por que a visualização ortográfica é valiosa para criar ilustrações isométricas Bem, simplificando, ele ajuda você a entender as dimensões e proporções exatas do seu objeto antes transformá-lo em isométrico Cada vista ortográfica está diretamente relacionada a um plano em desenhos isométricos, a vista superior, o plano superior, a vista frontal, o plano frontal, etc Ele simplifica o processo de decomposição de formas complexas em componentes gerenciáveis. Trabalhar primeiro com vistas ortográficas ajuda a garantir precisão e consistência em sua ilustração isométrica final Começando com vistas ortográficas e depois convertendo para isométricas, você cria uma abordagem sistemática que reduz os erros e ajuda a manter as proporções adequadas em toda Nas aulas seguintes, abordaremos dois métodos para criar ilustrações isométricas no Adobe Illustrator que levarão objetos do Enquanto isso, se você quiser pegar um objeto, tente praticar o desenho de um objeto na vista ortográfica e depois tentar convertê-lo em uma vista isométrica Então, para praticar isso, você pode realmente tentar desenhar algo na visão ortográfica e também na visão isométrica para ter uma ideia de como funciona, para entender por Então eu vou fazer isso aqui com este suporte de bloco. É um pequeno calendário de compartilhamento de habilidades. É muito legal. Mas vou tentar traçar as laterais, a parte superior e a frente em ortografia, e depois também tentar fazer isso em isométrico Então, o que eu posso fazer é desenhar linhas paralelas e tentar obter a relação exata entre a parte superior e a frente. Então essa é a frente. Esse é o topo. Agora, se eu quiser que o lado tenha exatamente a mesma largura da parte superior, tudo o que faço é desenhar um ângulo de 45 graus a partir da minha vista frontal. Eu desenho linhas retas a partir dessa vista e depois as converto para 90 graus assim. Então eu os desenho em um ângulo de 45 graus, desenho linhas horizontais, depois as desenho verticalmente para baixo, e então eu apenas combino as duas extremidades assim Então é assim que a vista lateral ficaria. A vista superior seria semelhante. E é assim que a vista frontal ficaria. Agora, eu quero converter isso em isométrico. Então, tudo o que eu faria seria olhar para o que eu vejo aqui, tentar pegar um plano e desenhá-lo em isométrico, e então eu pego o segundo plano, desenho-o e isométrico, e então eu faço o terceiro plano, desenho-o para Então, o mais fácil de começar é este aqui, o quadrado. Então, vou desenhar esse aqui. Bem simples. Basta desenhar ao longo das caixas, talvez assim, com três quadrados de largura OK. Agora eu quero desenhar o plano frontal. O plano frontal, vou desenhar ao longo das linhas isométricas dessa forma, desenhá-lo e, em seguida, vou desenhar uma linha transversal Mas este tem uma lacuna, então vou desenhar essas linhas e desenhar para baixo desse jeito. Este também tem alguma largura aqui, seguindo as linhas isométricas, e isso faz parte da vista superior que você teria. Agora vou desenhar três e agora vou conectar a frente e a parte de trás assim e depois vou desenhar minhas linhas assim Apenas aderindo a esses três eixos. Então, vamos seguir as linhas. Lá vamos nós. Então, converti minha ilustração ortográfica em uma versão isométrica dela E então eu posso sombrear certas seções para dar a ela essa forma tridimensional, e pronto. Vamos apenas sombrear o plano frontal forma um pouco diferente e o plano superior pode ser branco puro. É assim que você muda de ortográfico para isométrico. Mas no Adobe Illustrator, todo esse trabalho será feito para você Isso tornará sua vida muito mais fácil quando chegarmos lá. Mas entender os princípios por trás da mudança de isométrico para ortográfico ajudará você a criar suas ilustrações isométricas Te vejo na próxima aula. 5. O método de extrusão: OK. Então, agora vamos aprender sobre o método de extrusão que eu gosto de usar às vezes Ok, vamos começar. extrusão é simplesmente estender um plano de dois D na direção Z. Portanto, se você conseguir descobrir como será a aparência da face do objeto, poderá extrudá-la em três espaços D. E para isso, usaremos o efeito clássico de três D no Adobe Illustrator Basta ir para efeitos, três D, três D clássicos, e depois extrudar e beble A primeira coisa que precisamos decidir é qual face vamos aplicar nosso efeito de extrusão Para ajudá-lo a decidir, você precisa pensar na estrutura do objeto em uma forma tridimensional. A frente e o verso são iguais ou são diferentes? Se não houver alteração da frente para trás, o efeito de extrusão funcionará Mas se houver variação, talvez seja melhor construí-la de uma maneira diferente. Então, entrando em nossa planilha aqui, temos a planilha do método isométrico, e tudo o que ela tem são algumas formas diferentes nas quais você pode praticar e a visão ortográfica em Então, o que você pode fazer é realmente olhar para a vista ortográfica e ver qual plano você vai usar para se estender ou extrudar para o mundo tridimensional isométrico Para este, posso ver que o plano lateral e o plano superior variam de cima para baixo. Ele meio que tem um ângulo aqui, que não é consistente com o resto da vista. Mas o plano frontal é consistente da frente para trás. Então, essa é uma boa opção de usar. Então, tudo o que precisamos fazer é clicar em nosso objeto e entrar em vigor. Vamos para três D em materiais, três D classic e extrudado Agora, o que é legal nisso é que, no menu superior, você pode selecionar isométrico esquerdo, direito, superior e inferior Vou usar isometria para esquerda porque corresponde ao nosso exemplo E aqui embaixo, você pode ver a profundidade da extrusão. Talvez cheguemos aos 75. E se você não encontrar essas opções aqui embaixo para iluminação, clique no botão Mais opções. E aqui você pode simplesmente decidir onde deseja que sua fonte de luz esteja. O que eu gosto de considerar ao fazer uma isométrica é que todos os três planos variam em luz Portanto, o plano superior será mais claro que o plano lateral, um pouco menos de luz e, em seguida, haverá uma área de sombra. Vamos converter tudo isso em formas vetoriais depois, mas estamos apenas começando com esse efeito para obter esses em formas vetoriais depois, mas estamos apenas começando com esse efeito para obter planos isométricos, construídos Isso parece bom para mim, e eu vou clicar em OK. E agora o que vou fazer é expandir a aparência, e isso a converte caminhos vetoriais com os quais eu possa brincar Eu posso ajustar as cores, os traços e tudo mais agora. Está agrupado em vários grupos. Então, o que eu gosto de fazer é segurar Control ou Command Shift G e pressionar G algumas vezes para desagrupá-lo E isso me permitirá selecionar cada objeto individualmente. Agora, o que eu posso fazer é selecionar individualmente, e talvez eu possa mudar a cor para um azul mais claro. Deste para um azul mais escuro, algo assim, eu posso selecionar todos eles e posso dar um traço a todos eles e depois coloco cantos arredondados e suaviza tudo É assim que criamos isso. Agora, você pode ir em frente e tentar extrudar todos esses Agora, para este, em vez de ir para a esquerda ou para a direita, vou fazer o topo. Eu uso, novamente, três D, três D clássicos, extrusão e chanfro Vou selecionar a parte superior isométrica e fica assim. Eu não quero que seja tão grande, talvez 25, clique em OK e, em seguida, vou expandir o objeto. Agora são coisas individuais. Vou desagrupá-lo várias vezes. Agora eu posso selecionar cada um individualmente e talvez alterá-lo um pouco, escurecê-lo , selecionar tudo e dar um traço E então, assim como fiz com o outro ao virar da esquina, suavize tudo. Agora, muito rapidamente, fizemos objeto isométrico de três D em questão de segundos. Em uma aula posterior, mostrarei como automatizar esse processo para que você possa ser ainda mais rápido com esse processo de criação Obviamente, você também pode conferir os três efeitos D atualizados no Adobe Illustrator Mas para esta classe, acho que os três D básicos resolvem o problema sem complicar demais as coisas com as configurações avançadas de iluminação e material Mas, definitivamente, sinta-se à vontade para brincar com o efeito avançado de três D no Adobe Illustrator e ver o que você pode criar Então vá em frente, brinque, tente criar tudo isso em vista isométrica, e nos vemos na próxima aula 6. O S.S.R. Método: Nesta aula, veremos como passar do ortográfico ao isométrico no Adobe Illustrator usando algo chamado O método SSR significa simplesmente escalar, inclinar e girar. Essas são as três etapas necessárias para transformar uma face ortográfica em um plano isométrico no Adobe Illustrator Cada face é um pouco diferente, então teremos que modificar pouco o método SSR para cada uma Listei as etapas na planilha de SSR para sua referência Dois números principais que você deve conhecer, escalam em 86,602 e inclinam e giram em 30 graus Se você estiver indo para a esquerda, vá para menos 30 graus. Se você estiver indo para a direita, vá 30 graus positivos. Para o avião superior, você terá que decidir para que lado ele ficará voltado. Sua inclinação e rotação serão opostas. Use o ponto inferior na face superior como referência. Se você quiser que ele aponte para a esquerda, você girará 30 graus negativos, o que significa que você o inclinará 30 graus positivos, no caso oposto, se quiser apontar para a Agora, às vezes você pode querer que a face do seu objeto seja vista de frente. Muitas pessoas podem não fazer isso em vistas isométricas, mas se você estiver fazendo uma cena com vários elementos, talvez queira fazer isso Portanto, como você está efetivamente olhando para um objeto, as vistas superior e frontal apresentam uma leve distorção na escala Agora, fui em frente e descobri o valor exato da escala necessário para colocar objetos em perspectiva isométrica de frente Para um plano superior, escale verticalmente, 57,735%. Para planos frontais, escale verticalmente, 81.649 3%. Realmente não há melhor maneira de trabalhar, seja pelo método de extrusão ou pelo método SSR Se você está trabalhando apenas com uma única face ou precisa criar objetos mais complexos, usar o método SSR pode ser melhor Para coisas simples, o método de extrusão funciona perfeitamente. Tudo depende de como você quer trabalhar. Na próxima aula, mostrarei como criar ações de economia de tempo para acelerar suas ilustrações isométricas no Adobe Illustrator Agora, se você não quiser fazer o seu, não tem problema. Eu os fiz para você, baixei-os nos recursos do projeto e você pode começar. Sinta-se à vontade para avançar se quiser, ou se quiser entender melhor como eles funcionam ou como fazê-los você mesmo, ou como fazer suas próprias ações no Adobe Illustrator Te vejo na próxima aula. 7. Criando um SRS Ação: Nesta aula, aprenderemos como criar ações isométricas para acelerar imensamente seu fluxo de trabalho Vamos entrar nisso. As ações economizam muito tempo, especialmente se você estiver realizando tarefas repetitivas com mais de uma etapa, mesmo que seja apenas uma Se você precisar entrar em um painel e encontrar o que está procurando e, em seguida, inserir o valor, pode ser algo pelo qual você possa fazer uma ação. Então, vamos ver como podemos criar sua própria ação de SSR. Primeiro, abra o painel de ações acessando as ações do Windows. Para a primeira ação, vamos criar um plano voltado para a esquerda. Selecione o objeto ao qual você deseja aplicar a transformação. No painel de ação, selecione o botão de adição para começar a gravar uma nova ação. Você pode inserir o nome da ação e selecionar uma cor a ser usada para o modo de botão no painel de ação. A partir daqui, cada passo que você der será gravado. Então, basta seguir o processo. Clique duas vezes na opção de escala e escale-a verticalmente em 86.602. Clique em OK. Vá até a ferramenta de inclinação. Clique duas vezes e insira 30 graus negativos e pressione OK. Vá para a ferramenta rotativa e pressione 30 graus negativos. Clique em OK. Vá para o painel de ação e pare a gravação batendo no quadrado Agora, sua nova ação está pronta. Agora, basta selecionar um objeto e clicar em Reproduzir. Se você for ao menu suspenso, poderá selecionar um modo de botão e ter um acesso mais fácil às suas ações. Se você tiver várias ações lá, poderá removê-las, mas certifique-se de poderá removê-las, salvar as ações isométricas que deseja ter, caso tenha criado suas próprias em algum lugar onde possa acessá-las Em seguida, exclua as ações no painel de ação e carregue as suas. E, claro, você mesmo pode criar todas as ações. Mas por que fazer isso sozinho se você pode fazer isso por você? Fui em frente e criei um download gratuito dessas ações no meu site ou aqui no Skillshare Basta acessar o link no painel Projeto baixá-lo e carregar o pacote de ações. Ele tem outros botões úteis que mostrarei em aulas posteriores. Tudo bem. Te vejo na próxima aula. 8. Criando uma ação de extrusão: Ok. Nesta aula, vamos ver como criar sua própria ação de método de extrusão Antes de começar a criar sua ação, precisamos primeiro criar um estilo gráfico com nosso efeito anexado a ele. Os efeitos em si têm variáveis que nem sempre podem ser automatizadas. Por esse motivo, podemos contornar isso usando estilos gráficos Criamos um estilo gráfico com o efeito aplicado a todos os atributos que queremos e usamos em nossa ação. E há outras opções de itens de menu que o painel de ação não grava automaticamente, e teremos que adicioná-las manualmente. Observe que, se você quiser usar essa ação, precisará inserir seu estilo gráfico no arquivo antes que eles funcionem . Se você não tiver seu estilo gráfico, a ação será executada e ela tentará encontrá-la, mas não conseguirá encontrá-la, então ela meio que parará de ser executada e não funcionará corretamente. Então, vamos ver como podemos fazer isso. Para essa ação, quero criar uma extrusão de três D a 200 pixels da face esquerda que se expande face esquerda que se expande e nos deixa com formas vetoriais comestíveis Antes de criarmos nossa ação, vamos primeiro criar nosso estilo gráfico. Vou criar um quadrado e depois vou para o meu painel de efeitos, três efeitos D. Classifique três D e selecione Extruden Bevel. Você pode digitar o valor de 200 pixels, alterar a visualização para isométrica à esquerda Eu também mudaria a iluminação de forma que cada rosto fosse diferente. Eu também mudaria o quadrado para ter um preenchimento branco e sem traçado. Em seguida, vou ao meu painel Estilos gráficos e pressionarei o botão de adição para criar um novo estilo gráfico a partir do nosso efeito. Agora que nosso estilo gráfico está configurado, vamos criar nossa ação. Então, abra o painel de ações acessando as ações da janela. Selecione o objeto ao qual você deseja aplicar a transformação. No painel de ações, selecione o botão Mais para começar a gravar uma nova ação. Você pode inserir o nome da ação e selecionar uma cor a ser usada como modo de botão. A partir daqui, cada passo que você der será gravado. Agora, selecione seus estilos gráficos no painel de estilos gráficos. Em seguida, vamos querer expandir a aparência, ir para Objeto, Expandir aparência. Agora, se examinarmos nosso painel de ações, você verá que ele não registrou a aparência expandida. Isso é algo que teremos que adicionar manualmente. Então, para fazer isso, basta ir até o menu superior do Burger do painel de ações e selecionar Adicionar item de menu Você pode pesquisar digitando ou pode abrir o menu e selecionar a opção desejada Então, vamos querer desagrupar o objeto pelo menos uma vez Ao clicar com o botão direito do mouse e depois desagrupar. Ou você pode fazer Control ou Command Shift G. Em seguida, vá para o painel de ações e pare a gravação pressionando o quadrado Agora você pode selecionar seu objeto e clicar em Reproduzir. Depois, você pode clicar duas vezes no grupo e selecionar cada parte individual. Se não estiver totalmente desagrupado, agrupe em outro momento e, em seguida, você poderá selecionar seus objetos Agora você pode recolorir e refinar como achar melhor. Na próxima aula, usaremos nossas ações para criar objetos isométricos simples. Te vejo lá. 9. Mais ações para economizar tempo!: Nesta aula, eu só quero passar por mais algumas ações de economia de tempo que você possa pensar e usar em seu fluxo de trabalho. Então, vamos direto ao assunto. Então, estou aqui abaixo dos botões isométricos de economia de tempo e vou mostrar algumas opções diferentes que você pode usar em seu fluxo de opções diferentes que você pode usar em Essas são apenas coisas que me ajudaram e, sim, são muito legais. Então, a primeira é apenas girar um objeto isométrico ao longo dos planos isométricos e convertê-lo de um para o outro Eu criei uma ação aqui. É chamada de minha ação da esquerda para cima e do topo para a direita. E tudo isso é apenas refletir em um ângulo específico. E de cima para a esquerda, se você clicar em play, ele apenas converte e gira para o lado esquerdo De cima para a direita, ele gira para o lado direito. Portanto, não preciso entrar no meu painel giratório ou refletivo e girá-lo. Eu automaticamente faço isso por mim. Então essa é muito legal. Outro é o reflexo a 90 graus. Então, este me permite pular rapidamente para frente e para trás entre os dois lados, o esquerdo e o direito. Então, se eu pegar este e refletir 90 graus, eu simplesmente aperto play e pronto. E eu posso fazer isso ao contrário, para frente e para trás, para frente e para trás. E funciona muito bem. Outro que eu uso com bastante frequência é meu reflexo e rotação. Ele meio que reflete e gira o objeto, então fica entre as três perspectivas, mas dá uma pequena reviravolta Então você obtém a iluminação a iluminação muda um pouco, e você pode ver que ela reflete a 90 graus e reflete a 30 graus depois disso. Então, se eu clicar em play , fica bem legal assim. E então bum, bum, e eu o coloco nesse ângulo, e então ele volta. Então, eu posso pular e alternar entre refletir e depois refletir 90 graus, e então eu volto para o reflexo e giro, e isso me dará ângulos diferentes que eu posso usar Então, outra aqui é que você pode configurar um movimento de mover seu objeto em um plano isométrico, que está a zero graus ou 90 graus e a 3.150 Mas você também pode criar isso em um botão. Mas como eu faria isso é poder selecionar meu objeto, ir até o objeto, transformar e mover. Então aqui, você pode realmente colocar a distância em, você sabe, 100 pixels, e então você pode mudar o ângulo para menos 30 graus, e ele se move para baixo 30 graus, exatamente ao longo do plano isométrico E então, se você quisesse, você sabe, 150 graus, você iria na direção oposta ou menos 150 para baixo nessa direção. O que você pode fazer é pressionar Copiar e isso cria uma duplicata. Se você pressionar Control D, poderá duplicá-la ao longo desse plano e criar muitas duplicatas Eu já configurei isso como uma ação. Tudo o que tenho que fazer com meu objeto aqui no meio é movê-lo e criar um novo. Eu posso ir, vou transformá-lo no modo botão, para que seja mais rápido e fácil de trabalhar. Modo de botão, e agora tenho até 100 pixels e posso duplicá-los novamente. Ou, se eu quisesse, 100 pixels. Desculpe, essa foi a extrusão. Não era isso que eu queria. Escreva 100 pixels e duplique, então, se eu quiser, deixe 100 pixels e duplique Esses são apenas botões que economizam tempo que você pode criar no Adobe Illustrator e já estão incluídos no meu pacote de ações isométricas Então você pode brincar com isso, se divertir com isso, e nos vemos na próxima aula. 10. Prática: crie um banco: Nesta aula, faremos um exercício prático rápido para usar o método de extrusão E se você quiser experimentar o método SSR neste caso, fique à vontade, dependendo do que quiser fazer Sim, divirta-se com isso. Ok, vamos começar. Portanto, a prática é a folha de prática do método de extrusão aqui, e a prática é: vamos construir uma A maneira como vejo isso é que estou tentando primeiro colocá-la em uma face ortográfica e depois extrudá-la E também posso dividir a matéria em seções diferentes e fazer uma seção extrudida e, em seguida, uma segunda seção Então, vamos ver como podemos fazer isso. O que você vai fazer é olhar para o seu objeto e ver qual avião vai da frente para trás sem qualquer variação. Isso significa que a parte de trás é igual à da frente, e eu posso extrudá-la para fora Está bem? Então, se eu olhar para este banco, este aqui, é um quadrado nesta extremidade, e se eu o extrudar, na verdade, há uma lacuna no meio Portanto, não é consistente. Mas se eu for até o topo, mesmo. Há uma lacuna embaixo Mas se eu for do lado direito aqui, na verdade, é o mesmo indo da frente para trás. Então esse é o plano que eu usaria como minha face de extrusão, e então todo o resto se acumularia sobre Então, vamos ver como eu posso fazer isso. Então, eu vou fazer apenas um lado aqui por enquanto. E esse é o banco superior, e então eu vou criar um segundo para a perna, e vou duplicá-lo Desculpe, é branco. Eu só vou mudar a cor aqui para outra coisa. Vamos fazer com que seja azul, ok? Tudo bem. Vou apenas mesclá-los em uma única forma Eu já criei uma ação no Adobe Illustrator que me permite extrudar algo para o lado direito, então vou fazer Então eu vou usar minha extrusão 100 para a direita, e aí Agora, é um pouco maior, mais largo do que eu quero que seja. Mas o que é bom nisso é minha função de extrusão só se expande Então, se eu simplesmente reverter essa opção de desfazer, desfazer, e se eu expandir minha forma, os 100 pixels não a afetarão tanto, vamos Agora é um pouco demais. Vamos desfazer, desfazer, desfazer e torná-lo um pouco menor e Agora, parece o banco. Agora, o que posso fazer é mergulhar nela e depois mudar as cores. Vamos trazer nossas amostras de cores e escolher algumas cores para nossa bancada Muito rapidamente, fizemos um banco. Agora, o que podemos fazer é ter um banco. Eu já fiz alguns aqui embaixo. Agora, vamos tornar outro banco um pouco mais complicado. Agora, este banco tem várias ripas para o encosto e o Então, quando penso nisso, as ripas são todas um retângulo extrudado Então eu posso fazer isso no Adobe Illustrator. Eu posso fazer uma ripa. Eu posso duplicá-lo, duplicá-lo novamente. E essas são as três ripas, é o encosto. E eu posso distorcer isso um pouco. Assim como o encosto eu também posso fazer o banco, duplicar isso e assim Vou separá-los das pernas. É porque as pernas não são extrudadas na mesma profundidade das ripas do banco Vou primeiro extrudar isso e depois vou fazer as ripas do banco Mas eu vou fazer isso um pouco separadamente. Vamos agrupar isso e construir as patas traseiras e outras coisas. Eu vou fazer algo assim. E então eu vou usar minha ferramenta Sheet Builder para resolver isso dessa forma. E vou fazer o encosto do banco e usar minha ferramenta de inclinação novamente ou minha ferramenta de cisalhamento e cortá-la Eu gosto disso e de um pouco de tesoura demais, e tento combinar lá em cima Eu vou continuar com isso e vou apenas mesclar essas duas formas Ok, então temos as pernas e as costas. Este é o nosso avião lateral. Agora, o que podemos fazer com isso é extruda-lo para formar toda a largura da bancada Vamos pegar nosso grupo aqui, garantir que ele esteja agrupado contrário, não funcionará da mesma maneira Vamos entrar em nosso painel aqui, extrudar, vamos fazer a esquerda desta Agora, esse não é um banco muito grande. É só um assento, então vamos desfazer isso. O que posso fazer é reduzi-lo para que 100 pixels o afetem muito mais Lá você vai um pouco mais e encolhe. Extrude para a esquerda. Lá vamos nós. Esse é o nosso banco. Isso parece ótimo. Agora, para as pernas do banco, esta, vamos tentar extrudá-la para a esquerda Agora isso é muito grande para o que precisamos. Eu vou desfazer isso. Vou aumentar o tamanho substancialmente e acrescentar isso Agora isso parece mais uma perna para mim. Agora, tudo o que posso fazer é reagrupar tudo isso, colocá-lo por cima e encolher até que colocá-lo por cima e encolher até corresponda ao tamanho que queríamos Vou apenas duplicar isso ao longo do nosso eixo até a borda E lá vamos nós. Agora, vou agrupar tudo. Vou clicar duas vezes nele. Vou usar Y no meu teclado para selecionar minha ferramenta mágica Wan. Vou clicar duas vezes nele e depois reduzir a tolerância porque há cores semelhantes. Então, vou reduzir a tolerância 20-3 ou algo parecido Quando eu seleciono, ele seleciona apenas as mesmas cores, então vou alterá-lo para outra coisa. Tudo bem Acabamos de tornar nosso banco muito fácil, muito rápido. Podemos entrar lá se quisermos ajustar um pouco mais o tamanho do banco. Parece um pouco pequeno e lá vamos nós. Mas sim, honestamente, esse é um banco muito bom em apenas alguns minutos ou menos E há alguns exemplos de outros bancos que eu criei aqui embaixo e passo a passo, você não precisa criar isso e não precisa criar um banco Você pode criar o que quiser. Mas apenas pratique o uso desse método de extrusão, descubra os planos e como você pode dividir o objeto em seções diferentes e, em seguida, reconstruí-los Use a ferramenta varinha mágica para selecionar as cores e alterá-las rapidamente de acordo com seu estilo. Tudo bem? Te vejo na próxima aula. Não. 11. Pensando em cores: Nesta aula, abordaremos a criação de sua própria paleta de cores isométrica e explicaremos como eu penso sobre ela e algumas coisas em que você pode pensar Vamos entrar como campeões. Então, eu tenho o painel de paleta de cores isométrica aqui, e este, eu só queria explicar sobre as coisas, e então você pode tomar suas decisões criar sua ilustração, ao criar sua ilustração, mas é algo em que pensar antes de começar sua ilustração, porque isso tornará as coisas um pouco mais fáceis Se você tomar essa decisão cedo, você tem o mude as cores após o fato. Mas se você tem tantas cores, mas quer condensá-las, é um pouco mais difícil Portanto, decidir criar uma paleta de cores simples ou uma paleta de cores específica com antecedência ajuda Então, na folha de paleta de cores isométrica aqui, podemos ver que há alguns objetos diferentes É assim que eu gosto de configurar minhas ilustrações isométricas de duas maneiras É muito simples ou, você sabe, um pouco mais complexo, com muitas cores, mas o sombreamento também é um pouco mais simples Então, vamos entrar aqui. Então, para minhas formas básicas, você pode ver, eu escolho uma cor de destaque, uma cor de tom médio, uma cor de sombra e uma cor de traçado e sombra. Portanto, a cor do traço e da sombra será a mais escura e serão suas sombras projetadas a sombra será apenas a sombra do seu objeto e, em seguida, o meio-tom e o destaque O que eu gosto de fazer é traçar meus objetos em minhas ilustrações isométricas Agora, tudo isso é uma preferência pessoal, mas eu gosto de fazer isso apenas para manter as coisas limpas, e isso divide cada parte do avião Portanto, é visualmente diferente e eu gosto do estilo, mas se você não quiser, não precisa dele. Eu vou te mostrar mais tarde. Você pode ter uma paleta de cores isométrica simples ou pode ser um pouco mais complicado e ter cores mais naturais Tudo tem sua própria cor natural. Agora, se você quer fazer um derrame ou não, você sabe, a escolha é definitivamente sua. Pessoalmente, gosto do estilo com o traço, mas você definitivamente pode ficar sem um derrame. Tem uma vibração mais limpa e geométrica E você pode obter resultados muito legais com isso. Observe que você precisará pensar um pouco mais no sombreamento dos objetos porque não tem bordas para definir onde uma borda encontra a outra, exceto com as cores e as mudanças do plano Portanto, talvez seja necessário adicionar um pouco mais de sombreamento ou algo parecido Se você quisesse fazer iluminação e sombras. Você pode pensar em uma fonte de luz. Você pode pensar em como ela será projetada em seu objeto e como ela será lançada no chão e tentar tomar essa decisão com antecedência para decidir onde isso afetará sombreamento em sua ilustração, porque você não quer que, você sabe, uma coisa seja iluminada de um lado, mas outra seja iluminada de um lado, mas outra seja iluminada de um lado completamente diferente, em seu objeto e como ela será lançada no chão e tentar tomar essa decisão com antecedência para decidir onde isso afetará o sombreamento em sua ilustração, porque você não quer que, você sabe, uma coisa seja iluminada de um lado, mas outra seja iluminada de um lado, mas outra seja iluminada de um lado completamente diferente, e então não combina. Poderia fazer algo mais simples e não fazer nenhum sombreamento, ter seus objetos e ter um pouco mais de detalhes neles, e então fazer uma sombra simples, assim como esses dois Tudo o que fiz foi fazer um case shadow. E o que uma sombra projetada realmente faz em uma ilustração, como uma boa ilustração métrica, é colocá-la no plano do solo E isso realmente ajuda a adicionar um pouco de profundidade, mesmo que seja algo tão simples quanto um simples círculo. Mas não crie sombras inconsistentes como essas indo em todas essas direções diferentes, mova-as para onde elas deveriam ir e isso fará sua peça pareça um pouco mais consistente e um pouco mais atraente Na próxima aula, examinaremos a prática de como criar sua paleta de cores isométrica. Te vejo lá. 12. Prática: crie sua paleta de cores: Ei, pessoal, nesta aula, vamos configurar nossa própria paleta de cores personalizada para nossa ilustração Vamos começar. Então, eu estou na folha de paleta de cores assimétrica , a planilha E o que vamos fazer é criar nossa paleta de cores. Eu já tenho uma configurada aqui, mas fique à vontade para alterá-la Está agrupado. Então, o que você pode fazer é entrar nela. Você pode pressionar Y no teclado. Clique duas vezes e altere a tolerância se estiver selecionando mais de uma e basta selecioná-la, e então você pode acessar o menu de cores e alterar suas cores para o que quiser. Vamos mudar para uma cor mais rosada. E talvez este seja rosa mais escuro. Este provavelmente será vermelho magenta e o mais escuro, vamos ficar ainda mais escuro, bordô, Então, também faremos isso com o derrame. Vou apenas selecionar todos eles, ir para o meu derrame. Agora vou apertar o conta-gotas e, com meu traço na parte superior, vou pressionar Shift apenas para que ele mostre a cor e se aplique ao próprio traço Vou aplicar isso ao meu derrame e pronto. Essa é uma pequena paleta de cores legal. O que você pode fazer é criar várias formas de paletas de cores Você pode fazer uma seção vermelha, uma seção verde, uma seção azul, tudo isso destacando sombra de meio-tom e traçado mais sombra para que você possa ter várias opções em sua ilustração Se você não quiser que algo seja monocromático, você pode alterá-lo Mas pelo menos você tem um ponto de partida para quais cores você vai usar, qual traçado você vai usar para áreas específicas. Vou selecioná-los e vou apenas usar minhas cores aqui. Bom. E então eu tenho um azul, e talvez eu queira mudar este para verde, então vou selecionar um verde claro. Agora, eu posso decidir onde minha fonte de luz está, para que eu possa fazer o topo, baixo, você sabe, alto, reto. Mas será consistente para os dois objetos. Então, tecnicamente, vai ser assim e vai ser assim Dependendo do seu objeto, ele sempre funcionará da mesma maneira. A menos que você esteja tentando fazer com que a iluminação seja realmente dramática e tenha uma fonte de luz, mas isso afetará a ilustração. Hum, a partir de um único ponto, ou você terá um fluxo consistente em toda a ilustração. Essa será sua decisão. Este é meu objeto principal, e vou dizer que minha fonte de luz deve ser desse topo. Então, o que vou fazer é pressionar A no meu teclado para poder usar minha ferramenta de seleção direta. Vou clicar na parte superior, depois no meu conta-gotas e vou clicar, talvez eu faça o verde para este, e aperte Controle ou Comando para voltar à minha ferramenta de seleção direta selecione a próxima Lado verde, vai entrar, e então essa será minha coceira mais escura, desse jeito Então, isso também corresponderá a esse. Este vai combinar com o meu lado, e este vai combinar com o meu top. Lá vamos nós. Agora vou dar um golpe em tudo. Segurando a tecla Shift ou segurando tecla Shift e acertando meu golpe desse jeito E tem aquela. Agora, com cilindros, selecione-o e dê meu sombreamento. Eu vou fazer o rosa para este. Agora vou dar um traço, trazer meu traço para frente, segurar a tecla shift, a cor do meu traçado. E agora, não tem nenhum sombreamento aqui, mas o que eu posso fazer é fazer uma caixa que vai para aquele lado, vou encher a minha terceira ou sim, minha terceira opção aqui Eu vou cortá-lo. Controle ou Comando X. Vou clicar na minha seção inferior, certifique-se de que seja a única selecionada Vá até o meu painel lateral aqui e desenhe por dentro. Isso será deslocado D. Você tem deslocar D duas vezes para desenhar dentro, e você verá isso como uma pequena caixa ao redor do seu objeto Agora, se eu puder controlar Shift V ou o Command Shift V em um Mac, ele o colará na parte superior do meu objeto. E agora, se eu quiser, clique duas vezes nela, posso mover essa sombra para onde eu achar melhor, talvez sobre aquela área, desse jeito. Então, essa é uma maneira sombrear seus objetos no Adobe Illustrator, e você também pode pensar em colocar uma Agora, o que é ótimo em usar os traços é que eu posso simplesmente pegar meu traçado e depois colocá-lo no meu preenchimento e no meu traçado, usar minha ferramenta de caneta, e então eu posso simplesmente criar minha sombra, no entanto, acho que pode ser, e simplesmente trazê-la para o fundo do meu objeto, desse jeito Não sei exatamente como ele pode pousar, mas digamos que, para nosso bem, é assim que pode parecer, e o mesmo acontece com este. E então talvez um pouco tenha uma blusa redonda como essa. Para este, eu tenho que dar a ele minha sombra. Agora, o motivo pelo qual eu uso um traçado e um preenchimento é porque, se eu apenas aplicar um simples canto arredondado, picos arredondados nele Você pode ver que eu me levantei e isso faz uma transição perfeita em torno de todo o meu objeto, muito consistente, muito fácil, muito limpo Mas se eu não tivesse um derrame , ainda funciona. Eu gosto um pouco mais do estilo do traço para minha ilustração assimétrica, então vou usá-lo Se você não quiser usar o AVC, não tem problema. Destaque tudo. Vá até aqui. Sem derrames. E sim, parece igualmente bom, um estilo diferente. Apenas um estilo diferente. Escolha o que você deseja usar para seu design, certo? Isso está aumentando nossa paleta de cores e o Adobe Illustrator Na próxima aula, veremos como podemos manipular nossos objetos e nossas ilustrações para mover coisas adequadamente em perspectiva isométrica Te vejo lá. 13. Criando fios isométricos: Ei, pessoal, nesta aula, vamos aprender como criar tubos e fios em perspectiva isométrica Então, vamos direto ao assunto. Tenho que criar uma planilha de fios e tubulações aberta aqui. E como você pode ver, há alguns fios legais, você sabe, tomadas em perspectiva isométrica Muita coisa legal. Vamos aprender como fazer isso. Então, a primeira coisa que podemos fazer é entender o que é um fio. Um fio é basicamente um tubo. Você sabe, em toda a coisa, é um círculo. E não importa em qual perspectiva você esteja, você sabe, um círculo sempre será um círculo. Terá a mesma largura, certo? Então, isso significa que se quisermos fazer um tubo, podemos simplesmente torná-lo plano e depois trazê-lo para uma perspectiva isométrica, e então podemos delinear isso Com um poste de luz, eu criei usando um traço. Eu só vou diminuir isso um pouco. Agora, é um traço no momento, e o que vou fazer é duplicá-lo apenas para que tenhamos um ponto de partida E vou usar meu método SSR. Eu vou virar à direita. Então, o ângulo reto. E agora você pode ver que ele criou a perspectiva isométrica do próprio tubo, o que é muito legal Agora, ainda é um derrame. Então, o que eu vou fazer é expandir o traçado para que o traçado se torne um preenchimento, e agora eu posso aplicar um traçado a ele. Então, vou começar meu derrame. Vou dar a cor de alguma coisa, e um traço de ponto é bom para mim. Agora, isso é ótimo, mas a única coisa com a qual você precisa lidar ao criar tubos e canos ou fios são , na verdade, as tampas, ok? Então, o que você pode fazer é criar tampas personalizadas e, em seguida, simplesmente colocá-las nas pontas e fazer com que tudo perfeitamente desse tubo irregular para uma Aqui embaixo, criei algumas tampas diferentes que posso usar na minha ilustração e posso usá-las repetidamente. Então, o que eu vou fazer, esta é uma pequena lâmpada bonita aqui. Eu vou simplesmente deixá-lo cair. Como você pode ver, à medida que eu cresço e encolho meu objeto, os traços não se ajustam a ele. E isso é realmente importante se você quiser ter consistência em sua linha de trabalho Então, como eu faço isso é ir até a opção de escala, clicar duas vezes nela, clicar em Uniforme e dimensionar o traçado e os efeitos. Eu desligo isso. Se eu desligar isso, os traços não se ajustarão à minha escala, então permanecerão com a mesma largura do traçado, não importa o que aconteça Agora vou colocar isso em perspectiva, e vou trazê-lo para o topo e colocá-lo lá Agora, não parece muito bom, então talvez eu precise ser um pouco maior. O que posso fazer é clicar duas vezes nela, duplicar essa forma, torná-la menor, aumentá-la e colocá-la em cima e talvez mais uma assim E lá vamos nós. Agora eu fiz um poste de luz legal. Agora podemos fazer o mesmo com a seção inferior. Eu tenho uma cabeça de poste de luz aqui, base, e depois a alinho assim e a movo para cima. E como você pode ver, quando eu o movo para cima, ele cria uma forma de círculo isométrico ao redor da borda, e instantaneamente faz com que pareça uma perspectiva isométrica . Muito legal. Muito rápido, muito fácil, muito divertido, certo? É assim que criamos piscinas isométricas, postes ou tubos no Adobe Illustrator Vamos ver como podemos fazer alguns fios. Agora, os fios são muito divertidos. Você pode fazê-los de forma realmente orgânica, e eu quero mostrar um pequeno método para fazer isso Uma maneira de fazer isso é assim. Estas são minhas etapas para criar um fio, se você tiver o fio principal. Você tem a parte inferior escura, a sombra e um destaque. Basicamente, você está construindo um fio. Mas como você pode fazer isso é tocar no teclado. Você pode criar um fio inicialmente em perspectiva isométrica ou pode fazê-lo fora da perspectiva isométrica Não importa. Vou dar um derrame. Não importa o tamanho agora. Vou clicar em Ok. Vou apenas alinhar isso. Assim. Vou convertê-lo exatamente como fizemos com a postagem. Vou convertê-lo para o topo no sentido anti-horário. Então parece que sim. Agora é uma perspectiva isométrica. E agora vou duplicá-lo porque o que eu quero é que eu ainda quero um traçado editável Então, eu vou clicar Alt e arrastar um para cima, e vou delinear esse traçado, expandir. E agora você pode ver isso. Vou apenas desagrupá-lo um pouco para levá-lo aonde eu precisava ir E como você pode ver, eu tenho duas formas, uma embaixo e outra na E agora vou duplicá-lo novamente, colocá-lo embaixo e dar ao preenchimento a mesma cor de traçado para dar ao preenchimento que fique escuro na parte Tudo bem, não se esqueça da que está embaixo . Eu tenho esses dois. São preenchimentos logo abaixo. Ótimo. Eu tenho esse. Vou me converter em uma sombra, então vou fazer esse traço. Vou apenas diminuir a opacidade por enquanto. Agora, como faço um destaque? Eu clico no meu top. Vou seguir o caminho do objeto, caminho do deslocamento e vou trazê-lo um pouco Simples assim, eu vou acertar. Ok, menos três, talvez redondo, e eu vou me livrar do derrame, e vou diminuir a opacidade da tonalidade desse jeito Vou movê-lo para cima verticalmente. Assim mesmo. Agora eu tenho isso como minha camada de sombra, e tudo que eu preciso fazer é criar algumas capas. A razão pela qual eu gosto de manter a camada de sombra como um traçado é que às vezes eu quero ajustar a camada de sombra para que ela entre e saia do próprio objeto. E faz com que pareça que sobe e desce. Um pouco mais de forma. Como você pode ver, agora que eu coloquei a sombra mais abaixo, parece que ela se levantou do chão e eu posso fazer isso com outra borda aqui E agora parece que foi levantado do chão. Uma coisa que fiz foi criar um estilo gráfico com todos esses atributos já aplicados a ele. Então você pode ver aqui esse tubo que eu criei aqui. Na verdade, é apenas um único golpe. Se eu pressionar o Controle Y, você verá que é apenas um único golpe. E agora, o que eu posso fazer é realmente ajustar a forma dela. Legal. Legal. Você pode desenhar como se estivesse em uma superfície plana e depois trazê-lo para a perspectiva isométrica, ou você pode desenhá-lo em perspectiva isométrica, seguindo as linhas desse jeito Então vou usar esse traço e, como você pode ver, criei um tubo instantaneamente. Incrível. Na próxima aula, mostrarei como fazer os canos. 14. Criando tubos isométricos: Ok. Nesta lição, vamos criar alguns tubos. Vamos ver como podemos fazer isso. No final desta seção, temos, você sabe, tubos e canos. Os tubos e canos funcionam da mesma forma que você faria com as outras formas que eu lhe mostrei. Agora, o que você pode fazer é se tiver uma grade como essa, basta pressionar Pee no teclado e começar a fazer tubos ao longo da grade, certo? E vamos fazer algo assim por enquanto. Não vamos lidar com o crossover agora, mas digamos que esse é o nosso tubo Já fizemos isso em perspectiva isométrica. Tudo o que precisamos fazer é aumentá-lo. Então, como um tubo mais grosso. Certifique-se de que seu traçado tenha cantos arredondados. Isso fará com que pareça um pouco melhor, honestamente Eu arredondei os cantos e agora o que posso fazer é acessar Objeto, Expandir. Como você pode ver, nada muito especial, mas se colocarmos um contorno nele, vamos pegar a mesma cor desse grupo Algo não estava desagrupado. Agora está funcionando. Está bem? Então, temos esse tubo e realmente não parece que esteja em perspectiva no momento, mas assim que colocarmos as tampas, ele automaticamente fará com que pareça uma perspectiva mais isométrica Então, como podemos fazer isso? Então, a primeira maneira é pegar uma tampa personalizada que você fez ou que eu fiz e como podemos fazer uma tampa de forma muito simples, circule e insira suas ações isométricas Vamos seguir em frente. Vamos descer ou também podemos usar nossa função de extrusão M no meu teclado forma um retângulo. Eu simplesmente não tenho meu snap para apontar, então vou colocar Snap to point on para que eu possa realmente clicar no ponto para que ele não funcione Vamos ativar os Smart Guides. Smart Guides, aí está. Encaixe na âncora, aí está, e encaixe Perfeito. Eu fiz meu círculo. Vou pegar o círculo inferior e o retângulo. Vou entrar no meu Pathfinder e simplesmente mesclá-los. Agora eu tenho essa coisa e há uma tampa final. Se eu quiser, posso copiar e colar na frente e duplicar isso e vou agrupar tudo E agora eu tenho meu tubo isométrico e o fiz verticalmente Mas isso não é um problema porque eu tenho minhas ferramentas de rotação isométrica no meu painel de ações e posso simplesmente alterná-las para frente e para trás Eu quero que este esteja na parte da frente, aqui. Vou entrar no meu painel de ação e vou do canto superior para a direita. Pronto, de cima para a direita. Agora, se eu simplesmente colocá-lo no lugar, comprar meu tubo lá, vamos lá. Já parece que está adquirindo uma perspectiva mais isométrica Agora, se quisermos fazer o final, precisamos que a parte traseira seja cortada Se eu fosse duplicar isso, vamos girá-lo de volta de cima para a direita Agora eu quero que o tubo entre aqui. Vou apertar M no meu teclado. Vou fazer um retângulo de uma extremidade à outra desse jeito Digamos que é por aí que o tubo está entrando. Tudo o que fiz foi alinhar as extremidades do retângulo até as extremidades desse tubo aqui, selecionar todas elas e usar a ferramenta Shape Builder A ferramenta Shape Builder me permite adicionar ou subtrair partes de um objeto que se sobrepõem Vou pressionar Alt e isso removerá nossa opção em um Mac e vou simplesmente arrastar e remover essas seções. Agora eu tenho esse objeto legal aqui. Agora, o que vou fazer com isso é girá-lo Vamos apenas refletir e girar. Vou bater bem desse jeito, e aí está. Agora só temos que alinhá-lo com nosso tubo e movê-lo para o lugar certo, e agora temos nosso tubo isométrico Para mostrar a forma do tubo, você pode adicionar um pouco mais de detalhes. Você pode ver aqui o que eu fiz. Tudo o que fiz foi dar dois traços em perspectiva isométrica Eu cortei as pontas e as misturei . Como você pode ver, são dois traços, mas estão misturados Agora, se eu trouxesse isso por cima e talvez encolhesse, para combinar com meu cachimbo Eu tenho um botão em minhas ações isométricas que redefine a caixa delimitadora Ele o redefine para que seja mais fácil trabalhar com ele nesses casos Agora eu tenho o tubo. Se eu quiser, posso pegar o mesmo, duplicá-lo, girá-lo, e agora está nesse ângulo aqui, e eu o coloco no meu tubo e posso duplicá-lo e posso duplicá-lo Eu posso colocá-lo aqui. Então, para alguns deles, eu apenas altero o traçado para que um traçado tenha uma linha tracejada, e isso dá um pouco mais de dimensão Então, como você pode ver, posso mudar um pouco o estilo dos detalhes meu cachimbo, dependendo do traço que eu dou. Então, aumente isso um pouco e você terá. Se quiser ir um pouco mais longe, você pode adicionar alguns detalhes. Assim como nas extremidades onde elas se sobrepõem ou esta, diretamente para baixo, para indicar que elas se sobrepõem, o que também lhe dá um pouco mais Tudo o que você acha que precisa. Vamos ver mais uma forma trabalhar com tubos no Adobe Illustrator Eu criei alguns tubos aqui, e o que vou fazer é excluí-los por enquanto, e isso será uma prática para você. Pratique para fazer um cachimbo. Eu quero que você conecte esses orifícios juntos. Então, como faço isso no Adobe Illustrator, posso simplesmente usar minha ferramenta de caneta e criar um tubo usando os ângulos isométricos Eu posso ir direto para cima verticalmente e depois usar Controle K 30 graus e agora estou trancado no lugar 30 graus e está bem em cima e para baixo em linha reta Eu fiz um cachimbo daqui até aqui. Agora eu posso aumentar a largura do traçado até o tamanho do tubo que eu quero. Ótimo. É mais ou menos o tamanho que eu quero. Talvez eu o eleve um pouco. Então eu vou fazer esses mesmos passos. Novamente, vou delinear o traço, expandir. Eu vou dar, eu vou desagrupá-lo. Por algum motivo, ele se agrupa de forma estranha. Agora você tem um cachimbo. Agora, se eu quisesse adicionar algum detalhe, como sombra ou algo parecido, eu poderia fazer isso apenas duplicando um pouco, compensando-o, e nem sempre funciona Mas eu posso destacar alguns desses pontos aqui. Eu só estou fazendo isso para que eu possa criar uma área de sombra. Vou bater nos dois , apertar Shift M e vou me livrar da parte superior. Na parte inferior, vou dar ao preenchimento a mesma cor do traço. Agora é um derrame, sem mais nem menos. Isso dá um pouco mais de detalhes e eu vou acrescentar , vamos adicionar um pouco de textura. E então tudo que eu tenho que fazer é colocar algumas tampas. Vou pegar essa tampa que eu fiz. Não, não aquela tampa final. Eu preciso dessa tampa aqui e vou girá-la para onde eu precisava ir. Gire e reflita Vamos ver se consigo chegar lá, trazê-lo para cima. Vou abaixá-lo até chegar ao ponto que eu preciso. Aí está. Eu posso usar a mesma tampa para esta aqui. Agora, com este , é um pouco mais complicado porque se sobrepõe Mas o que eu poderia fazer é pegar os dois e pressionar Shift M, e vou mesclar a seção inferior lá Ok, então eu fiz um cachimbo lá, e agora vou fazer alguns outros canos. Outra maneira de fazer isso, em vez de usar apenas a ferramenta Caneta, você pode usar ângulos de tubos pré-fabricados e simplesmente juntá-los. Então, para este, vamos tentar conectar um tubo deste a este. Então, eu já tenho esses canos aqui. Vou trazer isso para cá. Eu preciso de um desses. E como eu tenho um traçado de escala, o traço não aumentará de tamanho. Vou ficar do mesmo tamanho e vou posicioná-lo onde eu quiser. E então esse aqui, eu vou duplicá-lo. Vou colocá-lo lá e depois vou aumentar de tamanho. O que eu quero fazer é ter certeza de que esses dois pontos estão cruzados Vou duplicá-lo para ter esse ângulo novamente. Se eu selecionar os dois e pressionar Control J, ele realmente os unirá em um Agora eu posso realmente ajustá-lo desse jeito, o que é muito legal, muito conveniente. Vamos colocar outro aqui embaixo e eu vou pegar a ponta e me certificar de que está ali. Se não estiver lá e você pressionar Control J , pode não funcionar corretamente, e então vou colocar outro ângulo aqui. Duplique isso. mudar direto para o centro e reduzir isso, e queremos encontrá-los aqui. E então ele seleciona esse Controle J e seleciona aqueles Controle J. E agora, se eu quiser, posso mudar a curva para o que eu quiser. E agora vou aumentar o tamanho do traço. Para o tamanho do cachimbo que eu quero. E eu vou pegar as pontas, movê-las para trás e mover aquela para cima. Tudo bem. Vou fazer o meu processo novamente. Tudo bem, então fizemos um tubo, e então você também pode adicionar todo o seu pequeno talento e detalhes Então é assim que você faz tubos e canos na perspectiva isométrica do Adobe Illustrator, se diverte, tenta construir alguns tubos diferentes sobre isso, não sei, como você chamaria neste bloco, e nos vemos na próxima aula 15. Criando padrões isométricos: Tudo bem, nesta aula, abordaremos o uso de padrões em sua ilustração isométrica Vamos direto ao assunto. Eu abri a planilha de padrões isométricos e, como você pode ver, há vários isométricos Surpreendente. Há duas maneiras de criar um padrão isométrico Número um, você pode simplesmente criar um padrão plano e convertê-lo em perspectiva isométrica A segunda maneira é criar uma amostra de padrão que seja, na verdade, isométrica Está bem? Então, vamos ver como podemos fazer as duas coisas. Tudo bem? Então, o primeiro aqui, como você pode ver, padrão isométrico, primeiro coloquei os blocos em perspectiva plana, depois os converti em isométrico Então eu vou te mostrar como eu fiz isso. Conforme eu selecionei, posso desfazer a nova opção corretamente. E é assim que o padrão se parece por si só. Então, bem simples, apenas um monte de blocos e depois alguns saindo Agora, uma coisa a notar é que 45 graus é essencialmente o mesmo que, você sabe, saltar na direção oposta Então, 30 graus e 150 graus, eles serão semelhantes ao seu ângulo de 45 graus. Quando você está criando algo, se quiser que algo se destaque, basta desenhá-lo em um ângulo de 45 graus em vez de, você sabe, 30 ou 150 graus. E quando você a coloca de volta na perspectiva isométrica, ela se ajusta a essa perspectiva. Perfeitamente. Isso é o que parece, e então eu entrei e o converti para a direita. Agora, uma coisa com a qual você quer trabalhar é algo com o qual você só quer facilitar para si mesmo. Então, na barra superior, eu apenas me certifico de ter um dos meus números como 100, geralmente a largura, porque não precisarei ajustar a largura de forma alguma. Mas terei que ajustar a altura porque está inclinada. O que vou fazer é garantir que o link esteja ativado, quando eu o ajusto, ele o ajusta proporcionalmente, e então vou selecionar o objeto e escolher Object pattern and make garantir que o link esteja ativado, quando eu o ajusto, ele o ajusta proporcionalmente, e então vou selecionar o objeto e escolher Object pattern and pattern and Agora, isso me abrirá para um menu. Isso abrirá o menu. E como você pode ver aqui, está em 100.248 Agora, eu não quero que seja 100,248 porque isso inclui a largura do traçado Na verdade, não quero incluir isso e ter os traços perfeitamente alinhados Então, vou mudar isso de volta para 100. E agora você pode ver que ele se moveu um pouco, mas agora os traços vão se alinhar perfeitamente E agora, tudo o que precisamos fazer é ajustar a altura para que ela suba. Então, vou ajustar a altura, basta clicar nela e soltá-la usando as teclas de seta. Outro. Agora que o tenho proporcional, vou desbloqueá-lo e ajustar apenas a altura. Lá vamos nós. Então, vou ajustá-lo agora. Agora você vê algo estranho acontecendo. O que está acontecendo é que, na verdade, está cortando seções do meu padrão, o que eu não quero que aconteça. Eu quero ter todo o padrão lá. Portanto, a solução mais fácil é selecionar seu padrão e agrupá-lo. Se for um grupo, ele não poderá remover uma seção do grupo. Vou ter que manter o grupo inteiro, mesmo que ele se sobreponha. Portanto, se os blocos começarem a sair do seu padrão, basta agrupar tudo em um grupo e tudo funcionará bem. Então, vamos continuar com isso. Vamos descer. Solte-o no chão. E agora, quando estou chegando perto disso, não posso te dizer qual é o número perfeito porque pode ser diferente dependendo, você sabe, da altura dos seus blocos. Então, às vezes, é colocado em perspectiva um por um, às vezes não. Então, você vai ter que encontrar algo que funcione para você. Mas também é por isso que usamos traços, pois você pode sobrepor levemente os traços e ainda funciona Acho que isso funciona bem. Eu não vou me preocupar com esse pequeno, você sabe, um décimo de um derrame surgindo É por isso que os traços se sobrepõem, e acho que isso parece ótimo Vou chamar esse padrão de tijolos e pronto. Agora vou criar um quadrado. Vou colocá-lo em perspectiva isométrica e vamos para a perspectiva correta Em seguida, vou ao meu painel de amostras e vou encontrar minha amostra de padrão . Lá vamos nós. E agora você pode ver que está perfeitamente alinhado com meu plano isométrico. Muito legal. Ou se eu quiser ajustar o plano, mas não ajustar o padrão, eu só preciso entrar na minha escala. Vou escalar uniformemente e vou fazer padrões de transformação. Eu vou clicar nele. Está bem? E eu posso simplesmente transformá-lo em 100% porque, na verdade, não quero mudar nada. Eu só quero desclicar nessa faixa de padrões. Agora, vou clicar em Ok. E agora, se eu explodir isso, o padrão se expandirá com isso. Na verdade, não vou expandir. Vou apenas expandir com o padrão. Agora eu posso fazer uma enorme parede de tijolos com tanta facilidade apenas com essa amostra de padrão Ou se eu o aplicasse em uma parede, posso simplesmente bater nas pontas, controlar K em 30 graus e depois mover a extremidade da parede e estender a parede desse jeito. Essa é uma maneira muito legal de usar a amostra de padrões. Agora, e se quiséssemos ajustar o padrão para diferentes planos ou áreas diferentes? Então eu fiz uma amostra de padrão assim como fizemos com os tijolos Eu o trouxe para o meu padrão. Eu alinhei as pontas e, desta vez , tinha 50 pixels, e depois juntei tudo E eu o transformei em uma amostra de padrão. Eu acredito que talvez esse. Lá vamos nós. Mas isso não parece certo. Então está meio que no ângulo errado, mas eu quero colocá-lo no ângulo certo. Então, como posso fazer isso? O que você pode fazer é abrir a propriedade de escala novamente, escalar 100 e, em vez da opção ou da opção de transformar objetos, vou clicar apenas no padrão de transformação e desclicar nos objetos Então eu vou clicar em Ok. Se eu quiser fazer uma transformação usando as ferramentas de transformação, ela se aplicará apenas ao meu padrão. Se eu acessar minhas ações, posso clicar em uma das reflexões. Vamos refletir 90 graus. Ah. Eu sempre volto ao zero, pessoal, sempre volto ao zero, bagunça as coisas. Lá vamos nós. Perfeito. Agora, se eu clicar duas vezes nele, isso me permitirá mover o padrão, para eu possa movê-lo para onde eu quiser, basta clicar para cima e eu posso movê-lo para baixo ou para cima desse jeito. Certificando-se de que os padrões sejam selecionados e não o objeto. Se eu quisesse escalar apenas a amostra do padrão, vamos reduzi-la para 50 40% e fazer isso Isso parece legal. Agora, se eu quiser aplicar isso a todas essas bordas, agora vou clicar duas vezes nela e aplicar isso a ambas. Vou transformar isso em 100%. E transforme objetos e padrões. Vou me livrar deles e vou pressionar O no meu teclado para acessar a ferramenta de reflexão. Vou clicar no canto e vou refleti-lo de outra forma. Isso vale para o mesmo. Eu vou trazer isso à tona e eu vou parar e nós refletimos isso dessa forma e trazemos isso para cá. Vou alinhar isso perfeitamente no canto. Isso parece muito legal. Fizemos esse bloco isométrico legal O que eu vou fazer é mudar vou mudar o tom de cada um dos lados. Com esse lado aqui, vou até minha arte recolorir, e tudo o que vou fazer é escurecê-la um pouco vou até minha arte recolorir, e tudo o que vou fazer é escurecê-la Vou pegar esse controle deslizante e escurecer toda a cor de uma vez Depois vou clicar na parte superior, fazer a mesma coisa, mas vou no sentido inverso, vou iluminá-la Vamos fazer isso mais uma vez. Ilumine isso. E agora você tem amostras de padrões em todos os blocos em perspectiva Muito legal. Agora você pode tentar aplicá-las aqui. Agora, nesses casos, foi um pouco mais difícil criar uma perspectiva isométrica porque não era uma caixa Então, o que eu tive que fazer para este foi criar um padrão plano e depois colocá-lo em perspectiva após o fato. Então, na verdade, não está em perspectiva agora, mas eu quero que esteja em perspectiva. Então, eu apenas uso esse mesmo método. Eu apenas clico no uniforme da escala, somente os padrões selecionados, vou para o meu painel de ações. E legal. Tudo bem Então, há mais alguns padrões aqui, você pode fazer isso. Há um padrão de grão de madeira, esse padrão hexagonal, alguns lápis saindo do padrão alguns lápis saindo . Você pode fazer qualquer coisa com isso. Uma coisa que eu realmente gosto em ter padrões que não se movem, vamos mostrar esse , esse padrão de vidro, e eu vou transformar objetos, não transformar padrões e Uniform 100. Agora, se eu desligar isso e selecionar meu objeto, já que tenho um padrão e aplico a ele, o padrão não se move, então eu posso realmente mudar a forma como esse reflexo está em cada item. Então, quando eu movo este para cima você pode realmente sentir o movimento lá. Muito legal. De qualquer forma, é divertido brincar com todos esses padrões, e eu adoro ativar e desativar os padrões de transformação, e você pode ajustá-los. Você pode criar novos. Você pode fazer o que quiser. O céu é o limite. Divirta-se com isso. Te vejo na próxima aula. 16. Aplicando logotipos e gráficos: Tudo bem. Nesta aula, aprenderemos como aplicar logotipos ou gráficos às nossas ilustrações isométricas em perspectiva isométrica. Vamos ver como podemos fazer isso. Vamos. Nesta planilha, aplicando imagens e logotipos, temos algumas opções diferentes aqui. Vou excluí-los por enquanto para que possamos recriá-los. Então, temos três objetos diferentes aqui e queremos mapear nossa arte neles. Há algumas maneiras de fazer isso. Número um, vamos apenas duplicar o logotipo isométrico e, da primeira forma, bem Use seu método SSR. Este é o topo e eu quero que fique virado para aquele lado. Além disso, acredito que seja no sentido anti-horário, exatamente assim, Então, se eu quiser, posso mudar para uma cor diferente ou deixar assim. Agora está ótimo. Uma segunda forma é o método de forma livre Método de forma livre, basta usar a ferramenta de transformação de forma livre. Então, vamos duplicar isso novamente. Traga-o para a frente e nós o reduziremos até onde ele precisa estar. E eu gosto de colocá-la em perspectiva isométrica, e depois gosto de transformá-la. Então, como eu faço isso? Eu quero que dê certo, então olhe para a direita. Lá vamos nós. E agora está alinhado com aquele. Mas eu quero isso nesta parede, mas está em um ângulo. Então, como eu faço isso? Eu apertei E no meu teclado. Essa é a ferramenta de transformação livre, e tudo que eu faço é retirá-la. E tudo se ajusta paralelamente, então corresponde à forma isométrica Mas eu o puxo para trás para que ele se incline para trás assim. Lá vamos nós. Combina perfeitamente com essas linhas. Você pode olhar para o E e ver se ele corresponde esse ângulo e o I corresponde a esse ângulo. Funciona muito bem. Então, essa é outra maneira. Você pode usar a ferramenta de transformação livre para transformar seu objeto. Agora, o último método é um pouco mais complicado, mas vamos descobrir como fazer isso. Na verdade, está usando o método de arte do mapa em sua ferramenta de transformação de três D. Vamos voltar às três ferramentas D Transform novamente e vamos mapear nossa arte para elas. Então, a primeira coisa que precisamos fazer para mapear um objeto tridimensional no Adobe Illustrator é criar um símbolo Um símbolo, basta ir até as janelas, ir até o painel de símbolos, onde quer que seja, símbolos. Ele se abre e vamos trazer nosso objeto e vamos passar mouse sobre ele e adicionar um novo símbolo Digamos que logotipo. Tudo bem Clique em OK. Agora está no painel de símbolos. Agora, o que queremos fazer é mapear nossa arte nesse objeto cilíndrico, que é uma É que vou fazer um círculo e quero que esse círculo tenha aproximadamente o mesmo tamanho da minha caneca É aproximadamente do mesmo tamanho. Não importa muito a cor. Talvez eu o tenha branco por enquanto. O que vamos fazer é entrar em vigor. Vamos usar três materiais D, três clássicos, extrusão D e chanfro Vamos fazer a parte superior ou inferior, talvez a parte inferior. Não, vamos para o topo. Ok. Topo isométrico e isso é basicamente o que vemos aqui. Agora, vamos extrudá-la até o ponto que seja quase igual à caneca . Não precisa ser exato. Não vamos usar a coisa toda, mas o suficiente para cobrir a caneca, acho que, na verdade, não se preocupe com isso Nenhum sombreamento é bom, e vamos mapear a arte para este Agora, ele fornecerá algumas opções de qual área você deseja mapeá-la. Vamos mapeá-lo aqui e esta é a seção que é realmente visível para nós no cilindro. Vamos até o símbolo aqui em cima. Logotipo do Finder Clique. Por alguma razão, eu não sei exatamente o porquê. Está de cabeça para baixo. Solução fácil. Nós apenas giramos cabeça para baixo no painel aqui, e deve estar bom Sim, vamos colocá-lo em algum lugar lá. Perto do fundo está bem. Não precisamos ser exatos e vamos clicar em OK. Então, como você pode ver aqui, quando não há sombreamento e o ícone é aplicado a ele, ele meio que fica invisível, e é isso que queremos, porque na verdade não queremos a forma tridimensional Só queremos que o logotipo seja enrolado no formulário porque vamos nos livrar de todo o resto. Então, vamos clicar em Ok. Agora temos essa forma tridimensional e nosso logotipo envolve esse cilindro Vamos até o objeto, expandiremos a aparência e agora tudo está expandido. Vou clicar duas vezes nele e vou ordenar e desagrupar tudo Control Shift ou Command Shift GG GG, e eu vou clicar no que eu não precisar O que acontece com o logotipo ele entra em uma máscara de recorte, então você pode ver que ainda faz parte disso, e está em uma máscara de recorte Se eu mover esse objeto, ele será cortado. Se eu sair disso, posso clicar com o botão direito do mouse em Liberar máscara de recorte. Lá vamos nós. Agora você pode pegar a borda externa que foi cortada e agora temos isso Vou selecionar tudo , exceto esse grupo. E é assim que você mapeia algo para um cilindro isométrico. Agora, você pode usar formas diferentes em vez de um cilindro, algo mais complexo, mas lembre-se de que você terá que criá-lo no espaço tridimensional e depois mapear a arte para ele, sem complicar demais É assim que você aplica logotipos, imagens ou o que quiser às suas ilustrações isométricas Te vejo na próxima aula. 17. Começando o projeto do seu curso: Pessoal desta aula, vamos fazer uma demonstração do projeto de classe. Vou examinar um pouco meu fluxo de trabalho de ilustração e ver se há alguma dica útil que possa ajudá-lo. Então, vamos direto ao assunto. Nos recursos da classe, você pode encontrar, na verdade, um modelo de projeto de classe como este aqui. Ele tem um telefone isométrico e, basicamente, seu projeto, se você quiser, é construir sobre esse telefone e criar uma cena isométrica saindo do E se quiser, você pode adicionar elementos na lateral, como se estivesse em cima de uma mesa. E realmente, você pode fazer o que quiser. Neste telefone, você pode fazer uma cena do parque. Você pode fazer uma paisagem urbana. Você pode fazer um castelo. Você pode fazer um foguete. Você pode fazer o que quiser. Desde que você o crie em isométrico. Essa é a aula. Estamos criando uma ilustração isométrica Então, para o meu projeto de classe, vou tentar torná-lo um pouco mais exclusivo, um pouco mais interessante. Eu quero me divertir um pouco com isso. Então é isso que eu vou fazer. A primeira coisa que eu quero fazer é basicamente configurar o que vai estar na minha cena. Vou decidir que tipo de elementos eu quero e depois vou tentar retratá-los de uma forma que caiba na minha ilustração isométrica Então, primeiro de tudo, vou escrever mais ou menos o que eu quero ver. Estou pensando em talvez um foguete. Está bem? Quero me destacar na minha ilustração Eu só gosto de foguetes. Eles são legais. Outro, talvez eu queira, você sabe, uma bateria em algum lugar lá dentro. Meio caprichosa, como uma bateria muito grande que talvez esteja carregando o foguete ou E talvez eu queira que alguns elementos de mesa ao redor dela se encaixem na cena. Então, na mesa, talvez eu possa ter uma caneca ou um caderno, ou talvez apenas alguns clipes de papel Para adicionar um tipo de caráter e dimensão à cena em si, talvez apenas um pouco de papel, papel de folha solta, talvez outras coisas. Eu não sei, se você queria tentar fazer um donut ou um biscoito ou qualquer outra coisa em sua mesa Pode ser realmente qualquer coisa, talvez uma lâmpada. lâmpada pode ser muito grande, mas, você sabe, basta quebrar as coisas. Talvez você consiga incorporar a base de uma lâmpada ou algo parecido em sua ilustração. E então, dentro da ilustração, sim, eu queria um foguete Eu queria bateria, talvez eu desenhe um caminho que levasse até o foguete, talvez uma escada subindo até o foguete. Isso seria legal. O que mais poderíamos adicionar à nossa ilustração isométrica aqui? Agora, estamos apenas criando ideias de palavras ou substantivos do que poderia ser colocado na cena, certo E então vamos construí-lo. Em nossas aulas isométricas, construímos um banco, então talvez eu queira incorporar um banco na minha cena e talvez as luzes Talvez algum tipo de relógio. Talvez eu possa ter um relógio digital meio que surgindo como se fosse um mundo digital dentro desse telefone Tudo bem, então eu tenho muita coisa acontecendo aqui. Agora, o que eu poderia fazer é primeiro, vez de começar a construir em cima disso, eu poderia simplesmente ir para trás e começar a criar algumas ideias em miniatura de Então eu queria o foguete aqui. E então uma escada subindo até o foguete e o caminho e talvez um relógio aqui e, você sabe, postes de luz chegando E analisando rapidamente o que eu poderia criar. Vamos desenhar outro. Talvez desta vez eu possa tirar minha grande bateria do lado. É ridiculamente grande em relação à cena, talvez um foguete de estilo mais gordo no E, novamente, gosto da ideia do caminho. E talvez pudéssemos colocar escadas descendo do telefone até a mesa. Isso pode ser interessante. Novamente, queremos incorporar o banco, então faça alguns bancos. Agora, eu não estou tentando ser um ilustrador perfeito. Estou apenas tentando anotar ideias o mais rápido possível e ver o que podemos criar. Então eu tenho meu telefone aqui. O que mais poderíamos criar? Bem, poderíamos fazer uma escada em espiral até o foguete desse jeito, e o foguete disparando e o O foguete pode estar decolando. Então, se eu desenhasse um foguete, ele poderia ter fumaça saindo de baixo, Sim. Então, estou apenas ilustrando algumas ideias rápidas e vendo o que posso inventar E então eu também poderia olhar para as coisas que eu quero desenhar e ver se consigo retratá-las na visão ortográfica e depois ilustrá-las um pouco Então, se eu olhasse para o que eu queria, eu sei que, você sabe, um foguete de lado, esse é o tipo de foguete que eu queria criar, mais ou menos assim E então a bateria, você conhece, do lado. Você sabe, como estão as baterias e depois no meio e depois com mais e menos E agora eu sei como é ortográfico e, mais tarde, posso transformá-lo em isométrico Então, acho que tenho uma ideia do que quero, então vou colocá-la no meu papel aqui e ver o que posso fazer. Agora, não se preocupe em ser muito específico aqui. No começo, como eu disse, a beleza da ilustração isométrica é que você pode realmente mover seus objetos para qualquer lugar da cena, e eles ainda funcionarão A perspectiva não muda. Então não tenha medo de que, Oh, se eu colocá-lo aqui, eu não possa colocá-lo em nenhum lugar. Claro que você pode, no Adobe Illustrator, movê-lo para onde quiser Tudo é sempre editável. Então vá em frente, esboce algumas ideias, crie uma lista de itens que você deseja adicionar à sua ilustração e faça algumas miniaturas e , em seguida, tente desenhar um pequeno tema rápido e depois traremos para o Adobe Illustrator 18. Configuração do projeto e demonstração em timelapse: Ok, agora que terminamos nosso esboço, agora podemos tirar uma foto e carregá-la no Adobe Illustrator e começar a vetorizá-la Tudo bem, então se você quiser criar sua própria ilustração, você pode fazer isso, ou você pode usar este modelo que eu forneci aqui. No painel Camadas, você pode ver que há uma grade. Você pode bloquear a grade para não tocá-la. Aí está a referência telefônica. Aqui está a ilustração real do telefone, opacidade total. E também há uma camada de clipe de telefone que eu poderia usar. E então você pode criar sua própria ilustração entre os contornos ou simplesmente se livrar do contorno, se quiser Depende de você. Tudo bem Então, eu vou criá-lo aqui. Mas se você quiser criar sua própria ilustração, basta acessar Arquivo novo, criar sua própria ilustração, seja qual for o tamanho, talvez em formato quadrado. E se você precisar de uma grade, o que você pode fazer é acessar meu pacote de ação Isometric the Isometric Há uma grade hexadecimal na parte inferior. E o que isso fará é criar automaticamente uma grade hexadecimal para você e, para Uto, simplesmente faz isso por você Olha isso. Ele cria uma nova camada com uma grade, e é uma grade bem grande, então você pode reduzi-la se quiser vagões hexágonos menores, se quiser hexágonos menores, Basta bloquear essa camada e pronto. Você tem sua própria grade hexadecimal personalizada. Isso é muito legal. Vou voltar ao nosso projeto e vou trazer minha foto. Tudo bem. Então eu trouxe minha foto e, na verdade, vou usá-la como referência. Na verdade, não preciso muito disso, mas uma coisa que eu quero fazer antes de começar ilustrar é configurar uma paleta de cores Então, o que eu vou fazer é provar algumas das cores que eu tenho aqui. Porque eu quero fazer com que seja de marca isométrica, eu acho. E então eu tenho um amarelo e um azul, e agora vou fazer algumas variações dessas duas cores para usar em toda a minha ilustração. Tudo bem Então, recebi meus últimos destaques, meus médios, minha sombra e minha sombra e traçado, e agora posso começar a trabalhar na minha ilustração O que eu poderia fazer é simplesmente destacar tudo isso, entrar no meu painel de amostras E então eu tenho um monte de amostras aqui, mas eu realmente não preciso de todas elas Então, por enquanto, vou apenas criar uma pasta. Vou dizer cores e todas as outras cores que estão no meu painel de amostras Vou apenas desclicar neles e excluí-los por enquanto E agora eu fico apenas com minhas cores normais. E agora eu posso começar a ilustrar. Uma coisa que eu quero decidir cedo é se eu tenho um derrame ou não, e eu quero um derrame. Vou pegar esse telefone, vou desbloqueá-lo. Vou esconder a camada de recorte e vou começar aplicando minhas cores a E eu , então , eu , o. A. 19. Recapitulação do projeto do curso: Tudo bem. Então, consegui completar minha ilustração. Demorou um pouco, mas eu superei isso. Usei muitos isométricos para realizar a tarefa e estou muito feliz com Então, vamos dar uma olhada mais uma vez e eu vou falar brevemente sobre o que eu fiz durante o processo. Então, como podemos ver aqui, esta é minha ilustração que eu fiz. Crie sua cena. Qual será a sua cena? Mal posso esperar para descobrir. Fui usar o fundo com os elementos reais da mesa, então fiz algumas canecas, um pequeno livro, um clipe de papel e um pouco de papel Eu deveria ter movido esse clipe de papel para outro lugar, mas tudo bem. De qualquer forma, e depois no telefone, fiz esse pequeno foguete que é bem legal Você tem uma escada subindo até a janela. Achei isso muito interessante, muito legal. E como eu fiz isso foi com o foguete, você só precisa pensar em onde um ponto começa e termina, e então você pode colocá-lo de forma plana em perspectiva ortográfica, certo plana em perspectiva ortográfica, E depois leve-o para o seu avião. Então eu a tinha plana, depois entrei no plano vertical e encontrei meus pontos aqui, encontrei meus pontos lá e desenhei aproximadamente as linhas ali. Então eu fiz um pouco de forma livre, mas funcionou muito bem. E depois é só usar minhas ferramentas cilíndricas. Usei meu método de extrusão aqui, fiz um lindo fio ali, adicionei a sombra após o fato, usei o cilindro para fazer essa bateria e fiz um pequeno cano lá que funcionou muito bem Use uma mensagem de texto às 12:00, ok? Isso é hora do almoço, eu acho, ou hora do almoço. Oh, meu Deus. Terrível. OK. Então, papai brinca É que eu tenho que aprendê-los. Fiz nosso banco. Isso foi muito legal. Então, o método de extrusão, algo bem fácil, duplicado, fez algumas luzes aqui, provavelmente poderia colocar alguns efeitos lá e adicionar Mas em grande parte do sombreamento de todas essas coisas, eu uso o What is that? O método draw inside. Então, eu apenas controlo ou desloco D quando selecionei o objeto e simplesmente colei minha sombra no lugar E então eu posso movê-lo livremente, fazendo minha caneca. Sim. De qualquer forma, tudo o que eu fiz aqui, examinamos na aula e você poderia fazer isso sozinho, honestamente Demora um pouco para se acostumar e descobrir qual método você vai usar, mas você vai ser incrível. Então você não precisa fazer algo tão complicado quanto eu fiz aqui. Na verdade, isso foi relativamente complicado para o projeto da classe, mas eu queria fazer algo um pouco diferente. Então, isso apenas mostra o que você pode fazer com seu projeto de classe. Mas mesmo que você queira fazer algo muito simples, vá em frente. Eu adoraria ver o que vocês criam. Então, muito obrigado por participar da aula. Na próxima aula, eu só quero agradecer. 20. Obrigada! Você é um incrível!: Ei, pessoal, muito obrigado por participarem da aula. Significa muito para mim que você tenha continuado comigo nessa jornada de aprendizado da isometria A ilustração isométrica é muito legal. E, na verdade, você pode fazer muito com isso, como você pode ver no projeto da classe e em muitas outras ilustrações disponíveis É muito legal e muito divertido que você possa fazer o que quiser. Então, eu realmente estou ansioso para ver o que você cria. Crie sua cena da maneira que quiser. Não precisa ser complexo. Pode ser muito simples. Mas experimente alguns dos truques isométricos, os isométricos, e veja o que você pode criar Eu realmente quero ver. Qualquer coisa, poste no painel do projeto. Realmente, estou ansioso por isso. Além disso, estou ansioso para ouvir seus comentários. Então, por favor, considere deixar uma breve avaliação positiva. Isso realmente ajuda a turma e permite que outros alunos como você também aprendam. Se você tiver alguma dúvida, não hesite em postar no painel de discussões Com certeza tentarei entrar em contato com você o mais rápido possível e lhe dar uma decisão informada ou, eu acho, responder o máximo possível. Se você quiser me apoiar em minha jornada criativa, considere me seguir aqui no Skill Share para ser notificado quando novas classes forem lançadas. Também montei um pacote de ativos isométricos cheio de mais de 100 ativos diferentes para começar a criar cenas isométricas da cidade Então, se você não quer construir tudo sozinho, definitivamente dê uma olhada. Está à venda aqui no SkillShare como um download digital ou no meu site em Capcreats Esse é o meu site. Cab creatums.ca. KAP Creatums dot. Tudo bem. Estou realmente ansioso para continuar aprendendo com você em sua jornada criativa até a próxima vez. Te vejo mais tarde.