Transcrições
1. Introdução: Sou Dan Kuhlken. Sou Nathan Goldman. Somos os Estúdios DKNG. Somos um estúdio de design e ilustração baseado na Califórnia. Quando as pessoas perguntam, qual é o nosso estilo? Essa é uma pergunta difícil de responder. Nós tendemos a atender nosso estilo para o cliente com quem estamos trabalhando. Muito do nosso trabalho anterior foi considerado mais no lado mais plano, com uma aparência vetorial. À medida que a nossa carreira avançava, tentámos adicionar mais realismo ao nosso trabalho e é disso que toda esta turma se trata. Na aula de hoje, analisaremos cinco dicas para o Adobe Illustrator, sobre como adicionar mais realismo e detalhes ao seu trabalho de maneiras simples. Muitas das dicas e truques que ensinaremos nesta aula são coisas que usamos diariamente. O tempo é muito importante para nós e nós o valorizamos. Então, muitas dessas coisas que fazemos são muito complicadas do lado de fora, mas na verdade não demoram muito e é tudo sobre criar eficiência com o seu trabalho. Vamos cobrir tudo, desde
a ferramenta Mistura até trabalhar com malhas de gradiente. Basicamente, ferramentas dentro do Illustrator que permitem adicionar muitos detalhes ao seu trabalho,
mas com um esforço bastante mínimo, você
possa realmente construir algo que pareça muito realista. Muitos dos projetos que faremos referência
nesta classe são da indústria do entretenimento. Então, um cartaz de Star Wars Rogue One, o 30º aniversário dos Caça-Fantasmas. Mas o que vem com isso, são prazos apertados. A indústria do entretenimento gosta de fazer coisas muito rapidamente e todos esses cartazes são muito detalhados. Então, as dicas nesta classe são todas sobre fazer trabalho
muito detalhado e fazê-lo em um estilo muito eficiente. Depois de fazer a aula e experimentar essas cinco dicas, gostaríamos de ver como você as usa e compartilhá-las na galeria do projeto. Há tantas maneiras diferentes que elas podem ser aplicadas e mesmo que você tenha seus próprios métodos ou dicas, gostaríamos de ver como você as usa e aplicá-las ao seu próprio trabalho. Estamos ansiosos para compartilhar essas cinco dicas e truques com você, alguns de nossos favoritos do Illustrator. Então, sem mais delongas, vamos começar.
2. Tridimensionalidade com Malha: Para esta dica, vamos mostrar-lhe como criar uma esfera,
uma esfera realista, com a fonte de luz. Quando digo esfera, quero dizer como um círculo que tem três dimensionalidades. Então, imagine uma bola com uma fonte de luz. Você teria um lado dela a sensação de que há um ponto quente e haveria sombras específicas em áreas específicas para torná-lo realmente redondo. Há muitas maneiras de fazer isso, temos algumas dicas por conta própria que vamos mostrar hoje. Mas, uma maneira rápida de fazer isso seria usar a ferramenta de gradiente, por exemplo. Você tem uma sombra de um lado e você tem um destaque no outro. Mas você realmente não entende a redondeza que você está procurando. Então, o que vamos mostrar a vocês são algumas maneiras rápidas de fazer uma esfera de aparência muito realista usando apenas algumas ferramentas. Só para mostrar como criar uma esfera é aplicável ao mundo real, aqui está um cartaz que criamos para The Iron Giant, e você pode ver que estamos usando de algumas maneiras diferentes. Obviamente, o planeta aqui, esta lua está usando uma técnica esférica para fazer parecer realista. Muitas de suas articulações e outras coisas que estão acontecendo e os mecânicos aqui, como esses círculos, estão sendo usados mesmo em suas mãos. Então, eu vou mostrar a vocês como criar isso. Começa com apenas um círculo, e eu vou fazer um simples que é azul. Esta vai ser a sua forma principal de que você está trabalhando o tempo todo. Uma coisa fácil que você pode fazer é lembrar o seu tamanho. Então, eu só vou fazer isso seis polegadas, porque eu vou estar repetindo a forma em cima de si mesmo. Para que isso pareça esférico, uma maneira muito rápida de fazer isso seria usar a ferramenta de malha, e ela está bem aqui na sua barra de ferramentas. Você só quer pegar essa ferramenta e decidir onde você quer ter, digamos um destaque, então eu vou escolher o canto superior direito, e ele apenas cria essa malha para as formas. Então, o que está acontecendo aqui é que ele criou todos esses nós diferentes e meio começou a arredondar ao redor para criar este ponto bem aqui nesta âncora. Pegue sua ferramenta de caneta branca e pegue essa âncora, você pode mudar essa área específica das formas. Então, eu vou clicar em branco, e quase imediatamente temos uma forma esférica, que é muito legal. Isso não pára por aí, você poderia adicionar mais coisas acontecendo como digamos, eu queria adicionar um pouco mais de escuridão para o canto inferior esquerdo aqui. Você pode voltar para a ferramenta de malha e adicionar mais desses nós. Então, eu vou adicionar um par aqui e eu vou dar a isso um tipo diferente de destaque nesta área inferior. Então, digamos que eu quero isso de forma vermelha, isso é um pouco intenso demais. Vamos como um azul escuro e estamos vendo algo interessante acontecendo aqui. luz é meio interessante no sentido de que não é apenas sobre uma fonte de luz, você poderia ter um lado legal e um lado quente, digamos que este canto inferior esquerdo é mais quente e temos algo assim. O objetivo de tudo isso é mostrar como tudo isso é personalizável. O que eu também vou fazer é trazer mais formas em cima dela. Então vamos em frente para fazer outro círculo, e eu vou fazer seis polegadas novamente, e colocá-lo em cima da mesma coisa que eu acabei de fazer. Vá em frente e torná-lo branco e, em seguida, trazer um efeito sobre ele. Então, vamos estilizar e ir para o brilho interno. Com brilho interno o que ele vai fazer é criar uma cor que rodeia a coisa toda se movendo para dentro. Você tem um monte de opções em termos de sua opacidade e também o borrão em termos de quão longe você quer que ele vá. Digamos que eu quero que seja tanto assim eu sou apenas como trazê-lo para baixo para cerca de meia polegada e você pode completar isso e fazer isso ser em multiplicar. O que isso está fazendo é essencialmente dar a este aspecto ainda mais arredondado. Talvez seja um pouco intenso demais e você queira que seja um pouco menos de opacidade. Talvez você queira brincar com dar transparência diferente como sobreposição, que poderia lhe dar efeitos estranhos mas é tudo o que você pode experimentar e se você está tentando obter um olhar específico, vale a pena apenas tipo de experimentando todas essas transparências diferentes. Mas, multiplicar é provavelmente uma boa maneira de
obter uma combinação de tudo o que você está procurando. Outra maneira de fazer isso parecer mais realista é adicionar textura. Já temos esse arquivo aqui. Essa é uma imagem em escala cinza de uma lua e o que você pode fazer é trazer isso como um arquivo vinculado para seu arquivo ilustrador e realmente tê-lo sobreposto em cima de sua imagem real. Você quer fazer isso dentro de uma máscara de recorte. Então, está tudo na mesma forma. Então, o que eu vou fazer é realmente chegar muito perto do tamanho do que estávamos trabalhando com e trazê-lo o mais perto que eu puder do perímetro aqui. Enviei esta imagem para a parte de trás, mas vou usar a mesma forma que criei este brilho interno e
vou copiá-la e colá-la no lugar para que fique na frente. Então, esse é o nosso comando C e comando F. Então eu vou pegar essa forma mais a imagem que está na parte de trás simultaneamente e então eu apenas criar uma máscara de recorte clicando com o botão direito. Então, para que você veja exatamente o que você está fazendo, você pode realmente simplesmente dizer rapidamente multiplicar e de
repente você tem uma textura em cima de todo o trabalho que fizemos por trás disso. Então, apenas com algumas ferramentas, estamos criando uma esfera bastante realista e interessante, e não apenas uma esfera, mas um planeta real. Então, uma coisa legal sobre realmente ter imagens em escala de
cinza dentro de seu trabalho artístico vetorial é que, se ele realmente fez para ser uma imagem em grande escala, ele poderia ser personalizado em termos de sua cor, agora este é um imagem padrão preto e branco , mas tecnicamente eu posso transformá-lo para qualquer cor que eu quiser. Se você simplesmente pegar a imagem com sua ferramenta de caneta branca dentro da máscara de clippy, você pode alterar qualquer tom cinza e preto. Então, se eu quisesse, eu poderia mudá-lo para vermelho ou azul escuro, por exemplo. Então, essa é uma maneira muito rápida de criar uma esfera realista e não apenas uma esfera, mas um planeta real. Toda essa coisa ferramenta de malha é muito legal no sentido de que você pode trabalhar com qualquer forma que você realmente quiser. Como, se eu quisesse criar uma lágrima, por exemplo, eu poderia fazer uma lágrima com minha ferramenta caneta muito rapidamente e obter como uma forma de aparência mais orgânica. A partir daí, você pode usar a ferramenta de malha para dar mais realismo a isso. Então, o que eu vou fazer é pegar essa forma preexistente e envolver a ferramenta de malha e você só tem que decidir onde você quer seus destaques. Então, há uma opção ali mesmo para como branco para entrar ou uma cor mais clara e quase imediatamente ele começa a olhar tridimensional. Como eu disse antes, adicionar mais dessas malhas dá a oportunidade de ter diferentes fontes de luz, pontos
mais escuros que você normalmente não teria. Então, por exemplo, eu posso começar a dar mais personalização a partir daqui. Como se eu quiser ter toda essa área de trás de uma cor mais escura eu posso agarrá-la assim. É tudo sobre usar a ferramenta de seta branca e apenas pegar esses nós específicos para mudar a cor que você deseja. Então, mesmo se eu tiver essa cor predesignado como este roxo super escuro, eu posso até fazer um mais escuro com minhas cores e começar a personalizar a partir daí. Então, com apenas alguns cliques, o que parece uma pintura é na verdade apenas todo vetor e isso é completamente, você pode ampliar todo o caminho diferente de qualquer outra imagem vetorial. É só usar uma variedade de cores diferentes e uma forma tridimensional. Então, como você pode ver, a ferramenta de malha é bastante versátil. Nós o usamos muito se queremos fazer algo parecer realista, ele só começa com a forma básica, você traz a ferramenta de malha, você decide onde suas fontes de luz estão, e com alguns cliques você pode fazer algo olhar de um círculo simples para um completo em esfera tridimensional ou um planeta.
3. Criar folhagem com pincéis personalizados: Para este truque, vamos discutir pincéis personalizados e, em particular, usando dois pincéis personalizados diferentes para criar uma árvore como neste pôster de Dave Matthews. E à primeira vista, pode
parecer bem assustador pensar em criar todos esses ramos, todas essas folhas individualmente, e muitas vezes não temos o luxo de trabalhar dessa forma meticulosa. Então, procuramos algumas soluções para fazer algo tão complexo, mas de uma maneira mais rápida. Então, este cartaz começou com um esboço à esquerda aqui, e como você pode ver, também é bastante complicado. Mas, vamos usar isso como uma base para tipo de trabalho e mostrar um par de métodos para criar alguns deste trabalho de arte vetorial que você vê à direita. Então, a primeira coisa que vamos fazer é começar com este triângulo e usá-lo para criar nosso pincel que vamos usar para os ramos. E porque os galhos diminuem, estamos basicamente usando o fato de que um
triângulo diminui para imitar esse mesmo tipo de olhar. Então, vamos começar com um triângulo longo. Vamos arredondar os cantos um pouco. E, em seguida, em Efeito, Distorcer e Transformar, vamos usar a ferramenta áspero para dar um pouco mais de textura. Acho que algo sutil como isso provavelmente é suficiente para o que precisaremos. Então, em seguida, venha para sua palete pincéis e você pode criar um novo pincel. E neste caso, vamos selecionar Pincel artístico. E basicamente, essas opções padrão aqui funcionarão. Você pode ver que tem direcionalidade. E, clique em Ok, e você verá que
esse pincel de triângulo agora é adicionado à sua paleta de pincel. Então podemos ir para o nosso esboço e vamos escolher um ramo que vamos tentar desenhar. Então, usando a ferramenta caneta, podemos começar a desenhar algumas dessas curvas. Então, há um galho no lugar. Agora ele só tem um acidente vascular cerebral básico normal nele. Mas se selecionarmos nosso novo pincel de galho que fizemos, você pode ver que ele começa a dar um pouco mais de forma. E então, se entrarmos em nossa paleta de traçados, então vamos reduzir para um quarto de ponto. E você pode ver que isso começa a parecer mais como um ramo real. A partir daí, podemos até começar a adicionar em alguns desses ramos menores da mesma maneira. Então, digamos que um desses ramos menores. Você quer colocar sobre lá. Mais uma vez, vamos selecionar nosso novo Pincel de arte e agora podemos até ir um pouco menor com nosso traçado. Então, nós estávamos em um quarto de ponto antes, eu vou descer para um décimo de ponto agora. E outra coisa que você pode começar a fazer uma vez que você tem isso no lugar é, se você realmente quiser ajustar qualquer uma dessas interseções, nós podemos apenas ir lá com a ferramenta de caneta normal e começar a adicionar esses pequenos tipos de recantos e crannies na árvore. E eu vou encher isso com preto, e você começa a ter alguns cruzamentos mais realistas lá. Então, agora que temos alguns ramos no lugar, vamos dar uma olhada em como vamos adicionar algumas dessas folhas. E em vez de adicionar em cada folha individualmente, já que estamos tentando fazer uma árvore de bordo, isso foi para um cartaz que foi um concerto que aconteceu no Canadá, então, pensamos que folhas de bordo seria bom. Então, aqui está um. Mas, obviamente, em uma árvore real que é realista, cada folha não vai ser perfeitamente plana vista frontal como esta. Então, eu só vou pegar esta folha e duplicá-la algumas vezes e começar a fazer algumas modificações nela e começar a distorcê-la, girá-la. Há muitas maneiras que você pode mudar essas folhas apenas para fazer parecer que você está olhando para elas de ângulos diferentes. Você pode começar a compartilhar alguns desses, talvez alguns deles são planos. Então, estamos apenas vendo uma borda da folha. E é claro que eles também estariam saindo da árvore em muitos ângulos diferentes. Então, uma última coisa que fazemos antes de criarmos este pincel é que eu vou colorir em algumas
dessas folhas com algumas cores que eu
escolhi que estão um pouco no espectro de cores de outono. Então, teremos uma árvore que parece que suas folhas estão mudando de cor. E mais uma coisa que eu vou fazer antes de criarmos nosso novo pincel para essas folhas, é em nossa paleta de transparência, eu vou mudá-las para multiplicar e dar-lhe cerca de 90% de opacidade. E a razão para isso ficará clara quando começarmos a usar isso como um pincel. Mas a ideia é dar um pouco mais de realismo quando estas folhas começam a sobrepor-se umas às outras. Então, agora vamos voltar à nossa paleta de pincéis. Novamente, crie um novo pincel. E desta vez vamos escolher o Pincel Espalhado. Agora, eu vou deixar
todas essas configurações fixas para que possamos apenas ver como ele reagiria normalmente. E podemos chamar isso de nosso Escova de Folhas. Então, agora que apareceu em nossa paleta de pincéis e podemos voltar ao nosso esboço e começar a desenhar um caminho onde queremos que essas folhas se alinhem com nossa filial. E ele não tem que pousar exatamente em sua filial, talvez apenas em algum lugar nas proximidades apenas para torná-lo um pouco natural. E vamos selecionar esse novo pincel. E como você pode ver, ele está começando a seguir o caminho de nossa filial, mas obviamente não parece super realista ainda. Vou desligar a camada de esboço por enquanto só para nos concentrarmos nisso. Então, vamos clicar duas vezes nesse pincel, e agora podemos começar a brincar com algumas dessas configurações. E como você pode ver, tudo está em um tamanho fixo agora, mas nós vamos começar a entrar e mudar isso para aleatório. E com todas as configurações aleatoriamente, podemos começar a jogar com o intervalo máximo e mínimo de quanto queremos que as configurações sejam aleatoriamente. Então, você pode ver em tempo real, uma vez que eu começar a brincar com coisas
como tamanho, quanto vai variar o espaçamento, quanto entre esses pedaços, e podemos começar a fazer nossas folhas mais ou menos densas. Alguns deles parecem estar ficando um pouco grandes demais, alguns podem ficar menores, e começar a espaçá-los mais juntos. Obviamente, estão todos alinhados no mesmo ângulo, o que não parece normal. Então, vamos continuar a jogar com algumas dessas ferramentas como dispersão que muda o quão longe eles vão se desviar de sua linha original, e então a rotação vai ajudar a espalhá-los em direções ainda mais aleatórias. Então, eu acho que agora estamos começando a chegar a um ponto em que isso parece muito mais realista. Você pode ficar ainda mais denso com ele. E você pode ver que porque nós anteriormente definimos tudo para se multiplicar em 90% de opacidade onde as folhas começam a se sobrepor umas às outras, isso nos dá ainda mais profundidade de cor e é uma boa maneira de garantir que isso vai parecer muito mais fotorrealista. Então, a partir daí, podemos jogar com essa linha ainda mais, mover esses nós, fazer com que tudo se encaixe bem em nossas filiais. E a partir daqui, é apenas uma questão de continuar a adicionar traços e adicionar folhas. E você pode realmente fazer isso com qualquer forma ou qualquer objeto que você está procurando por um padrão aleatório. Então, isso é basicamente uma maneira de usar dois pincéis personalizados, um pincel de arte e um pincel de dispersão para fazer uma árvore de aparência orgânica de uma maneira muito rápida e eficiente, em vez de ter que desenhar cada folha individualmente. E esta ferramenta também pode ser usada para qualquer coisa em que você esteja procurando fazer um tipo orgânico aleatório de aparência. Isso pode ser usado para um céu noturno, outros tipos de folhagem, realmente qualquer coisa que você queira algo aleatório, mas não precisa colocar cada ponto individualmente, a ferramenta de pincel de dispersão é uma ótima maneira de realizar coisas assim.
4. Camadas complexas com máscaras de recorte: Para esta lição, vamos discutir máscaras de recorte. É uma maneira muito robusta de obter várias formas dentro de uma única forma. A razão pela qual usamos isso é que mantém nosso trabalho organizado e também é uma capacidade de fazer nosso trabalho parecer fotorrealista sem muita complicação. Com este cartaz desonesto que temos aqui, tão complexo e fotorealista quanto parece, tecnicamente é apenas uma série de máscaras de recorte, e para mostrar a vocês como isso parece à medida que eu passo para o projeto, vocês podem ver que, tudo isso é vetor, por exemplo, e à medida
que entro nesses grupos, estamos lidando com uma série de máscaras de recorte. Então, por exemplo, como esta área
aqui é apenas um monte de formas dentro de uma forma dentro de uma máscara de recorte. Aqui está outra máscara de recorte. É apenas uma maneira de manter as coisas de uma forma organizada sem ser sobrecarregado, mas você está terminando com um visual muito complicado no final. Então, para mostrar como as máscaras de corte podem ser utilizadas até sua capacidade máxima, eu vou apenas mostrar-lhe uma maneira rápida de usá-las para recriar a forma aqui, por exemplo, na área da bochecha. Então, isso pode ser criado muito rapidamente. Nós temos esse tipo de forma, eu vou ir em frente e torná-lo azul. Esta é a sua forma básica que vai acabar sendo praticamente a máscara de recorte para todas as outras formas. Vou em frente e dar um destaque, por exemplo, e se eu quiser que isso pareça algo assim, é com
isso que provavelmente vamos acabar. Isto pode ser branco, por exemplo. Vá em frente e pegue essa forma e basta copiar e colá-lo na frente, e é assim que você recorte com as máscaras você apenas agarra as duas formas, clique
direito e está feito. Obviamente, isso parece bastante vetorial ainda e pode sempre empurrar isso ainda mais em termos de torná-lo mais realista. Um par de técnicas seria transformar isso em um gradiente, por exemplo. Você pode ter um lado ser branco e o outro lado ser como uma versão de zero por cento desse branco. Então é assim que isto pareceria. Vamos mudar o ângulo. Então, isso já está começando a parecer um pouco mais brilhante e metálico. Você também pode dar as coisas desfocadas indo para desfocar, desfoque
gaussiano, 10 pixels é provavelmente suficiente. Novamente, ele começa a manter este aerógrafo apelado para ele. Você pode usar gradientes dentro disso, então você pode literalmente desenhar uma forma que é um pouco maior do que a forma de sua máscara de recorte, você pode cortá-la. Uma vez que cortamos essa forma, tudo o que você precisa fazer para colocá-la dentro de sua máscara de recorte é selecionar a forma que você já
criou dentro dela com a ferramenta de seta branca e você pode optar por copiá-la no lugar em frente ou atrás dele. Para este exemplo em particular, eu vou jogá-lo logo atrás dele, então esse é o comando B. Você já pode ver como ele apenas é jogado lá dentro. Você pode ajustá-lo de lá, se você quiser. Vou em frente e mudar esse gradiente para
que fique escuro em uma extremidade e leve na outra. Então, já estamos recebendo esse visual legal como metálico, você pode mudar seus ângulos obviamente com essa máscara de recorte. Se você queria obter como um destaque muito rapidamente é o mesmo processo. Continua a desenhar mais formas e a atirá-las. Por exemplo, se eu quiser um destaque branco na borda aqui, é a mesma coisa. Então, pegue essa cópia ou corte-a em vez disso e cole-a no lugar dentro da máscara de recorte e você pega algo
assim e volta para os desfoques gaussianos. Você pode estar perguntando como fazemos com que pareça ainda mais realista porque estamos vendo todos esses pontos diferentes e coisas assim com essa imagem. A razão pela qual isso parece é porque estamos usando imagens rasterizadas. Quando digo imagens rasterizadas quero dizer qualquer coisa como um jpeg, qualquer coisa que seja criada com pixels no Photoshop pode realmente ser colocada dentro da sua ilustração. Então o que eu vou fazer é trazer uma imagem rasterizada de metal, é uma textura que temos, é um dito JPEG e na verdade é feito para ser completamente em tons de cinza. O que fazemos é fazer escala de cinza para que possamos mudar sua
cor se quisermos, se você não selecionou, mas para essa circunstância particular, eu só quero ter uma textura que basicamente se multiplicará sobre essa coisa toda. Você pode pegá-lo e multiplicar imediatamente se você quiser apenas para ver como ele seria, mas obviamente, você quer ter que ir dentro da máscara de corte para você agarre esta forma com a ferramenta de seta branca, você cortá-lo e, em seguida, você apenas pegar outra forma dentro da máscara de recorte e colar na frente. Então o que temos aqui é uma máscara de recorte que está segurando um monte de diferentes tipos de elementos, uma imagem rasterizada, muitas formas vetoriais diferentes usando todos esses filtros diferentes como gradientes, desfoques
gaussianos, é realmente ilimitado, Adobe Illustrator permite que você coloque praticamente qualquer coisa dentro de uma máscara de recorte, e uma vez que você o tenha dentro dessa máscara de recorte, é tecnicamente como um agrupamento e esses agrupamentos podem ser compilados como peças de quebra-cabeça juntos para fazer uma ilustração final que parece muito realista no final.
5. Tipo dimensional com combinações: Para esta dica, vamos falar sobre como trabalhar com o tipo e como você pode usar a ferramenta de mesclagem para adicionar algumas três dimensionalidade e realismo para digitar que, de outra forma, poderia parecer um tipo de padrão e plano, e realmente uma maneira de fazer o seu tipo parecer mais ilustrativo e mais personalizado com base no que você gostaria de criar. Então, aqui está um exemplo de um cartaz que fizemos, onde temos alguma tipografia que está flutuando, você pode ver que tem um tipo de sombra e profundidade. Então, ele realmente parece que ele está definido em seu ambiente. Então vamos dar uma olhada em apenas uma única letra e ver se podemos fazer alguns efeitos semelhantes. Então eu estou começando com esta letra E. Eu só tenho um 50 por cento cinza, e eu vou copiar e colá-lo no lugar, então controle C, controle B para colá-lo diretamente atrás de si mesmo, e eu vou usar o comando 2 para bloquear a camada superior. Eu também vou copiar isso novamente, e tipo de arrastá-lo ao lado de si mesmo. Então, estamos lidando com dois. É aqui que vamos começar a usar a ferramenta de mesclagem. Então, primeiro vamos olhar para nossas configurações. Então, em Blend Options, vamos selecionar Specified Steps e 256 é o número que normalmente usamos para garantir que obtemos uma mistura suave agradável, e ele não parece irregular ou passo de escada em tudo. Então, agora que nossas configurações estão no lugar, voltamos ao menu Objeto, Misturar e depois Criar, e você verá que ele basicamente preencheu a lacuna entre essas duas letras e o tornou em uma forma agradável e suave. Então, podemos ver isso um pouco melhor. Vou deixar isso um pouco mais claro cinza. Neste ponto vamos começar a pensar um pouco sobre a fonte de luz, e o fato de que agora temos o lado direito desta letra com uma cor mais clara, vamos considerar nosso destaque,
nossa fonte de luz meio que vem de no canto superior direito aqui, e isso vai entrar em jogo com o nosso próximo passo. Então, agora que temos uma forma misturada no trabalho, vamos novamente,
copiá-lo e colá-lo, então comanda C comando F e esta nova mistura. Eu só vou torná-lo magenta por agora para que possamos vê-lo mais claramente. Eu também vou trazê-lo para a frente. Você pode ver que ele é composto por duas letras. Um está no canto superior esquerdo, no canto inferior direito. Eu só vou usar a ferramenta de seta branca para pegar o no canto superior esquerdo, e apenas tipo de arrastá-lo para baixo para um ponto arbitrário. No lado inferior esquerdo aqui. Agora vamos pegar todo esse grupo magenta empurrar isso para trás, e eu vou fazer isso um
cinza ainda mais claro e você já pode ver que isso está dando mais três dimensionalidade que parece que está aterrado para a página um pouco mais, mas outra característica agradável da ferramenta Mistura é que não precisamos deste agrupamento de letras inteiro para ser da mesma cor. Podemos começar a brincar com ele. Então, novamente eu vou usar apenas a ferramenta de seleção de seta branca para selecionar este E no canto inferior esquerdo, e eu vou fazer esse branco, e o que isso vai fazer é nos dar um gradiente dentro dessa mistura, e ele não está literalmente usando o gradiente , é apenas usando uma mistura de um tipo de cinza claro E até nossos 256 passos para o nosso E branco, e isso tipo de lhe dá um olhar ainda mais realista sobre quanto mais longe estamos da nossa fonte de luz. A sombra começa a dissipar o bit. Então, essa é uma maneira rápida e fácil de fazer uma letra tridimensional. Se você quiser ainda mais cartas personalizadas, nós também podemos até olhar dentro da nossa forma principal, e se queremos fazer algo dentro disso para torná-lo ainda mais único. Então, o que eu vou fazer é ir até Object Path, Adicionar pontos de ancoragem, e isso só vai começar a adicionar alguns nós adicionais ao longo desta letra. Então, eu posso começar a ver a estrutura dele um pouco mais, e este é um bom momento para usar seus guias inteligentes. Você pode realmente encaixar esses pontos para que eu possa encontrar o ponto intermediário dessas várias partes do E. Então, ao adicionar algumas dessas formas adicionais, o que eu vou fazer é continuar a adicionar algumas três dimensionalidade a esta letra. Neste caso, com uma espécie de olhar chanfrado. Então, eu vou começar a adicionar em formas adicionais tipo de usando esses pontos médios de cada parte deste E. Novamente
pensando em lightsource qualquer coisa em direção ao topo vai ser mais brilhante. Qualquer tipo de enfrentamento abaixo será considerado mais na sombra, e você já pode ver como esse tipo de braço superior
deste E está começando a se projetar um pouco mais e tem mais três dimensionalidade. Podemos até empurrar isso um pouco mais e começar a adicionar gradientes para algo assim, e até mesmo mudar a luz ainda mais. Parece ainda mais direcional do que é brilhante ,
mas também vem do canto superior direito. Então, antes de mostrar como um produto acabado pode parecer, uma última coisa que podemos fazer é adicionar uma sombra ao lado inferior deste E. Então, novamente com nossos guias inteligentes ligados, podemos usar a ferramenta de caneta para traçar a forma deste fundo do nosso E. Talvez torná-lo uma cor mais escura já que ele vai estar recebendo a menor quantidade de luz. Baseado na nossa fonte de luz. Então, você vê que há um monte de três dimensionalidade em jogo aqui usando a mistura e o gradiente, e eu vou mostrar a vocês como isso seria se você fosse tudo para fora e adicionasse gradientes, e misturas para cada lado dele e talvez colori-lo tipo de um ouro. Você tem um visual quase metálico. Então, é claro que há outras maneiras de fazer isso. Você pode usar as ferramentas 3D no Illustrator, mas às vezes você realmente não deseja girar seus formulários de carta, você quer mantê-los planos e retos como um exemplo é este cartaz, mas você quer adicionar alguma profundidade. Então, a ferramenta de mesclagem e a ferramenta de gradiente são maneiras muito rápidas de serem capazes de adicionar essas três dimensionalidades para digitar no Illustrator.
6. Personalizar usando a distorção com envelope: Para esta dica, usaremos a ferramenta Distorção de Envelope. A maioria de vocês pode saber isso como a ferramenta que toma uma forma básica e pode distorcê-la em outras formas. Então, vamos dizer que você começa com esta ilustração que você quer se transformar em um arco, ou você quer fazer com que pareça um peixe ou algo assim. Todas essas configurações são ótimas, mas você está preso com as predefinições. A coisa boa sobre a ferramenta Distorção de Envelope é que você também pode criar uma malha, não diferente da ferramenta de malha. Na verdade, é uma malha dentro da ferramenta Distorção de Envelope. Usar a versão em malha da ferramenta Distorção de Envelope é útil quando você deseja ter mais personalização. Digamos que você queira ter uma ilustração enrolada em torno de uma forma e sentir que ela está realmente moldando em cima dela, é aí
que você usaria essa ferramenta. Então, agora tenho um projeto aberto que criamos para o filme original dos Caça-Fantasmas. E você pode ver que há muito realismo acontecendo aqui. E mais importante, há esse reflexo de toda
essa cena acontecendo no pára-brisas. Esta cena originalmente começou como apenas uma ilustração vetorial, bem simples, mas, nós fizemos com que
parecesse que realmente está refletido neste pára-brisas. Para fazer isso, trazemos esta ferramenta Distorção de Envelope. Então, isso está localizado em Object, bem aqui. O que vamos fazer é realmente tirar esta imagem. Isso é totalmente vetorizado dentro de uma cena de Máscara de recorte que criamos. E nós vamos realmente pegar isso e selecioná-lo. Vá para Ferramenta de Distorção de Envelope e Faça com Mesh, em vez de fazer para Warp, que é disso que eu estava falando com arco. Obviamente, há muitas opções aqui, mas não muito eles são personalizáveis. Na verdade, vamos fazer algo um pouco diferente. Vamos trazê-lo para Distorção de Envelope e ir para Make with Mesh. Uma boa maneira de começar é um quatro por quatro. Isso é completamente personalizável, também. Você pode alterar a quantidade de colunas que você tem, a quantidade de linhas que você tem. Você pode ver o que acontece se você ativar a visualização. Então, é basicamente criar este sistema de grade, esta malha de uma plataforma de quatro por quatro. Então, eu acho que isso vai ser muito útil para nós. Então, eu vou ficar com quatro. Então, agora o que temos é a mesma ilustração, mas tudo está neste sistema de grade que pode ser movido agarrando esses nós. Então, se você pegar sua ferramenta de flecha branca e puxar alguns desses nós você pode ver que eu já estou começando a deformar. E pode realmente ir em qualquer direção. É basicamente como um espelho de casa de diversão. Então, se eu quiser que isso fique bem com o pára-brisas que temos, eu realmente puxei a forma principal do nosso pára-brisas
no veículo e tenho a forma bem aqui. Vou usar esta forma como uma espécie de orientação para mim. Então, vá em frente e solte-o, essencialmente, e você pode realmente transformar a forma em um sistema de guia personalizado. Assim, muito parecido com a forma como você pega das réguas, você pode criar esses tipos de guias, mas você também pode criar um guia personalizado apenas agarrando a forma e fazendo o comando cinco. E o que isso está fazendo é criar esse sistema de guia que não é mais uma forma e, na verdade, apenas guia. Então, o que eu vou fazer é realmente começar a brincar com deformar isso à mão. E é tão simples quanto agarrar nós
um de cada vez e movê-los para a direção que eu quero. Então, por exemplo, eu só vou pegar esses nós e começar a arredondar para as bordas muito externas do que estamos vendo aqui. Então, podemos ver que eu posso trazer esses cantos para realmente enrolar em torno desta forma personalizada e começar a mover-se nos lados. Não precisa ser bonito no começo. É algo que você pode jogar completamente e personalizar o quanto quiser. Mas, você pode ter a idéia de que todos esses nós podem ser jogados com. Então, por exemplo, vá para o outro lado, faça uma versão rápida da mesma coisa. E é preciso um pouco de fingimento. É como trabalhar com a ferramenta Caneta e ter essas linhas de Bezier apenas como enrolar a forma real. Estou basicamente a dar a volta ao perímetro por enquanto. A única coisa que não está mudando é realmente o centro da ilustração. Queremos que pareça que está enrolando o pára-brisas. Então, a maneira como você faria isso é pegar os nós centrais, e é por isso que você tem este sistema de grade como você pode trazer essas coisas para cima e fazê-las deformar em torno dele, e o que estamos tentando fazer é ter esse arco que está acontecendo aqui. Então, o que vou fazer é começar a mudar os ângulos. Vou começar a levantar estas coisas ligeiramente, mas os nódulos podem assumir a sua própria dobra. Obviamente, isso pode parecer gelatina se você está correndo, mas eu acho que é uma questão de decidir qual é o seu plano, qual seria a forma três dimensionalmente, e tipo de embrulho baseado na sensação de que você está tentando chegar. Talvez o lado de fora deste pára-brisas seja um pouco mais chanfrado. Você pode trazer seus nós para que ele realmente faça algo assim. É algo que pode parecer um pouco estranho no começo, mas vale a pena tentar. E o truque é garantir que todos os nós façam a mesma coisa, caso contrário, você vai ficar estranho puxando em certas áreas. Mas, você pode vê-lo começando a funcionar lá. Talvez este seja um pouco longo demais. Posso começar a endireitá-lo. E você pode personalizar dentro disso ainda mais, se você quiser envolver algumas dessas linhas verticais. Essas coisas podem ser movidas ligeiramente para acomodar as três dimensionalidades deste pára-brisas, por exemplo. Mas, obviamente, isso pode durar para sempre e é preciso um monte de fingimento apenas para levar o seu tempo e fazer isso parecer o mais bom
possível para a forma que você está tentando envolvê-lo em torno de. Mas só para seguir em frente, a maneira como fizemos isso funcionar com nosso pôster é que
pegamos a mesma forma que foi usada como nossa diretriz, este pára-brisas, e jogamos isso em uma máscara de recorte. Então, eu basicamente vou alinhar
isso para os guias que eu criei em cima da imagem,
pegar ambos, e clicar com o botão direito para fazer uma máscara de recorte. E basicamente, temos o nosso pára-brisas pronto para ir. Podemos deixar isso no nosso cartaz. Então, você pode ver aqui que ele já foi aplicado ao pôster final. E você também pode ver como lidamos com finalizar este sistema de guia, este sistema de malha, para ser o mais preciso possível. Você pode ver que demoramos nosso tempo para torná-lo o mais limpo e preciso para o pára-brisas, tanto quanto pudermos. Obviamente, eu passei pela Distorção de Envelope original, mas eu acho que o truque com isso é ter um plano de jogo baseado na forma que você está tentando envolvê-lo, entender como seria três dimensionalmente, e usando esta ferramenta para literalmente pintar uma imagem sobre ela de uma forma tridimensional. Então, apenas para recapitular, temos uma ilustração vetorial totalmente renderizada aqui dentro de sua própria máscara de recorte, uma cena inteira que precisava ser enrolada em torno de uma forma personalizada, e essa forma acabou sendo este pára-brisas para este exemplo. E para vos mostrar um antes e um depois, isto é o que acabamos por receber. Então, eu vou mover isso de lado e mostrar a vocês a ilustração plana versus a que foi embrulhada para ir ao redor deste pára-brisas. Então, uma grande diferença, mas não muito trabalho. É apenas uma questão de alguns cliques, realmente apenas uma ferramenta, e tomar o seu tempo.
7. Conclusão: Muito obrigado por assistir a nossa aula e conferir as cinco dicas. Estamos realmente ansiosos para ver como você usa isso. Você pode começar a usar essas dicas imediatamente. Aplique-os a todos os diferentes tipos de projetos, quer você esteja tentando fazer algo metálico e realista ou algo mais orgânico. Estamos ansiosos para vê-lo. Como você os aplica ao seu próprio trabalho e também talvez compartilhe suas próprias idéias sobre diferentes maneiras de usar essas dicas. Fora destas cinco dicas, sinta-se livre para usar qualquer uma delas. Seja o que for que criares, adoraríamos vê-lo. Então, por favor, faça o upload para a galeria do projeto. Além disso, basta informar se você gostou desta aula, temos 10 outras dicas em uma aula anterior que você pode tirar imediatamente. Estamos ansiosos para ver seu trabalho na galeria do projeto e
descobrimos que a galeria é um ótimo lugar para compartilhar suas próprias dicas também. Especialmente estas aulas relacionadas com dicas. Definitivamente promoveu muita colaboração e continuamos a aprender com vocês todas as maneiras diferentes de fazer efeitos semelhantes no Illustrator ou novas formas de ser eficiente e adicionar realismo ao seu trabalho. Então, estamos ansiosos para ver o que você compartilha.
8. Saiba mais com DKNG: