Ilustração vetorial: brincando com texturas

1. Introdução: Olá, meu nome é Hayden Obey. Sou designer gráfico e ilustrador e especializei-me em arte vetorial. Uma das perguntas mais comuns que as pessoas me fazem é, como adicionar textura às ilustrações no Adobe Illustrator? Embora existam muitas técnicas diferentes para fazer isso, muitas envolveram trazer sua ilustração para o Photoshop, pincéis de rotina ou texturas, ou até mesmo trabalhar com imagens rasterizadas. Mas se você é como eu e você ama a idéia de tudo ser alojado dentro do Adobe Illustrator, então esta aula é para você. A técnica que vou mostrar a vocês, é inteiramente um vetor livre de pincel. Você sempre pode editá-los e ele oferece muito controle e dar-lhe apenas a quantidade de textura que você procura. Juntos vamos percorrer alguns exercícios para entender como a técnica é feita e, em seguida, passar por cima de como ela é aplicada a uma ilustração passando de algo assim para algo assim. Esta classe, é para quem quer levar suas ilustrações para o próximo nível sem comprometer o que torna o trabalho com vetor tão grande. Estou ansioso para te ver na aula. 2. A técnica: Para criar texturas para nossas ilustrações, usaremos uma combinação de gradientes, grãos e modos de mesclagem. Existem muitas técnicas diferentes lá fora para adicionar textura, esta é apenas uma delas. Mas o que eu acho bom sobre essa técnica é que tudo está alojado dentro do Adobe Illustrator. Há muitas técnicas envolvidas entrar no Photoshop ou puxar texturas diferentes. É tudo baseado em vetores, o que é ótimo porque isso significa que é escalável e está sempre ao vivo. que significa que a qualquer momento da sua ilustração, você será capaz de alterar a quantidade de grão, mudar a cor dele, bem como como como o intervalo do gradiente real em si você será capaz para mudar na mosca, que é bastante útil. Dito isto, uma das desvantagens para esta técnica é que é muito melhor com sombras do que com destaques. Você ainda pode fazer destaques com ele, mas é um pouco mais complicado. Para dar a vocês uma melhor noção de como a técnica funciona, eu montei este pequeno documento aqui que mostra os diferentes modos de mistura que poderíamos estar usando. Se você não estiver familiarizado com os modos de mesclagem, eles serão usados em muitos produtos diferentes da Adobe, Photoshop, Illustrator, InDesign. O que eles fazem é decidir como as duas camadas diferentes serão sangradas juntas, duas camadas que estão deitadas uma sobre a outra. Se você olhar aqui para todos esses quadrados diferentes, há na verdade dois quadrados lá, aqueles de cor plana atrás. Depois, há a camada texturizada no topo, que estará em um desses diferentes modos de mesclagem. Como você pode ver, diferentes modos de mesclagem tendem a funcionar em diferentes situações. Pessoalmente, eu realmente gosto de como ele funciona sobreposto, mas a maior parte do tempo ele não produz a sombra que eu preciso. Por isso vou multiplicar ou escurecer. Da mesma forma, eu costumo usar tela iluminada quando estou tentando fazer destaques. Mas às vezes você pode obter alguns efeitos interessantes com toque de cor. Pessoalmente, eu só recomendo que você brinque com esses diferentes modos de mistura, mesmo aqueles que eu não listei aqui. Descubra como eles funcionam e como você pode incorporá-los em seu próprio trabalho. Agora vou mostrar a vocês como a técnica é feita. Eu tenho um quadrado aqui que eu quero aplicar uma textura de grão em cima. O que eu vou fazer é eu vou duplicar este quadrado pressionando o comando C para copiar, e então eu vou pressionar Comando F para colá-lo no lugar, que realmente apenas cola outro quadrado em cima dele. Como eu disse, você precisa de duas camadas para esta técnica. Você tem a cor plana por baixo e, em seguida, você tem a camada de textura na parte superior, que obtém o modo de mesclagem e, em seguida, cria a textura. Nesta camada superior aqui, eu vou para Gradient. Se você não tiver a janela de gradiente aberta, você pode encontrá-la em Janela aqui. Parece ser o Comando F9. Então eu vou apenas aplicar um gradiente linear com ambas as paradas aqui. Quero que seja preto. Quero que uma dessas paradas seja zero por cento de opacidade. Você ganha algo assim. Daqui, vou para a Aparência. Mais uma vez, se você não tiver aberto, você pode encontrá-lo sob a janela. Eu vou para Efeitos aqui, New Effect. Vou rolar para baixo até Texture and Grain. É aqui que aplicamos o efeito real do grão. Você poderia fazer suas configurações assim, como eu as tenho, ou você pode experimentar. Eu recomendo definitivamente brincar com a intensidade pois isso realmente lhe dá a quantidade de grão que você vai usar. Eu gosto de um monte de lado grão, mantê-lo geralmente em torno de 20. Mas dependendo do que eu estou fazendo, eu poderia colocá-lo todo o caminho para obter pedacinhos. Então, para o tipo de grão, eu costumo ficar com granulado, mas sinta-se livre para experimentar com eles. Eu encontro contraste. Se você movê-lo de 58 tende a bagunçar as coisas um pouco. Tenha cuidado com isso. Mas de qualquer forma, estou feliz com isso, vou pressionar “Ok” e o efeito ocorre. É importante agora que sob a aparência você certifique-se de que o efeito de grão bem aqui está dentro do preenchimento, também eu vou arrastar em parte para lá. Se você não colocá-lo dentro do preenchimento ao alterar o modo de mesclagem, ele não funcionará corretamente. Agora que ele está lá, vou clicar em “Opacidade” e vou colocá-lo para, como eu disse, eu gosto de como a sobreposição funciona. Neste caso, eu acho que ele realmente funciona muito bem. Isso vai me dar o efeito. Se eu quisesse que este fosse um destaque, eu poderia apenas clicar no “Opacidade” e eu poderia mudá-lo para a tela e eu também posso destacar em vez disso. O que eu mencionei é muito bom sobre esta técnica é que agora que eu fiz isso, eu posso continuar a brincar com ela. Assim como mudei de uma sombra para realçar, posso colocá-la de volta à sua sombra, posso entrar no gradiente real aqui, e posso movê-la e mudá-la. Eu poderia até mudar essas cores. Na verdade, até muda para vermelho em ambos os lados e, em seguida, talvez, torná-lo escurecer. Agora eu tenho essa sombra vermelha profunda. É realmente útil. Ele continua sendo um vetor e seu slide pode alterá-lo o tempo todo. Também vale a pena notar que o tamanho do seu documento determina a quantidade de grãos que você tem. Se você estiver criando um arquivo muito pequeno, talvez você queira que o tamanho do documento seja muito maior apenas para que você possa obter muito mais grãos. 3. Exercício de formas: Agora que você viu como a técnica funciona, quero mostrar-lhe como aplicá-la de muitas maneiras diferentes. Para fazer isso, eu juntei este pequeno documento de exercícios que você pode baixar da aula, e eu encorajo você a seguir comigo, ou apenas me assistir fazer isso e então vá fazer você mesmo. Então, mais ainda, eu gostaria de encorajá-lo a postar isso seu projeto pessoal aqui na classe apenas para nos mostrar como você está indo. O que eu vou fazer é começar com, é que eu vou apenas para esses dois retângulos aqui, e primeiro, eu vou fazer exatamente como nós fizemos antes, eu vou apenas fazer um gradiente linear neste retângulo vermelho. Mais uma vez, vou copiar que é o Comando C, e depois colar no lugar, que é o Comando F, para criar outra forma no topo. Eu vou aplicar um gradiente linear, e eu vou fazê-lo ir do escuro para a luz, de baixo para cima, e então, assim como antes, eu vou definir estes para preto e fazer um deles opacidade zero. Então, assim como fizemos antes sob a aparência, eu vou para efeitos, textura, grão. Eu gosto da intensidade de 20, então eu vou ficar com isso, e então eu vou colocar o grão no enchimento. Vou tentar sobreposição, mas não está funcionando muito bem, então vou multiplicar. Ótimo, então foi exatamente o que fizemos antes. Super simples, e então eu vou começar a mudar as coisas um pouco. Para o retângulo azul, vamos fazer um gradiente diferente, apenas para mostrar o que é possível. Assim como antes, vou copiar e colar outro no lugar, e vou aplicar o gradiente. Mas desta vez, eu realmente vou pegar minha parada preta de 100 Pasi, e eu vou colocar isso bem no meio desse gradiente, e eu vou criar outra dessas paradas de opacidade zero e colocá-las de cada lado. Eu recebo algo assim. Digamos que isso era um cilindro e queríamos adicionar alguma sombra aqui no meio para que você tenha uma noção disso, então é quando eu poderia usar um gradiente como este. Assim como antes agora, vou para textura, grão, e depois colocar o grão no preenchimento e mudar o modo de mistura e opacidade. Vou tentar sobrepor. Agora, faça a multiplicação. Você pode ver que você pode fazer gradientes diferentes. Acho que para isso, vou diminuir a opacidade, talvez uns 70. Isso foi muito forte. Seguindo em frente no exercício, vamos criar uma esfera a partir de um círculo. Assim como antes, eu vou copiá-lo e duplicá-lo no lugar, e desta vez eu vou estar adicionando um gradiente radial, então você pode mudá-lo de linear para radial apenas aqui em cima, e eu vou estar usando de um 100 por cento para zero, assim como fizemos originalmente. Só que eu vou fazer isso invertido assim, e então o que eu estou tentando fazer é imaginar que a luz está vindo do canto superior esquerdo aqui, vai ser mais clara aqui em cima e mais escura aqui em baixo. Eu encontrei uma ótima maneira de fazer isso é usar a ferramenta de gradiente aqui pressionando G ou clicando aqui e nas barras de ferramentas, e apenas crescendo isso e movendo-o para obter algo assim. Já que parece muito mais 3D. Na verdade, eu só vou para cima da luz assumir um pouco mais. Agora vou fazer exatamente o que fizemos antes, aplicando a textura de grão e dando-lhe um modo de mistura que funcione. Veja, nossa multiplicação funciona bem. Além das sombras sobre este, eu também quero adicionar um destaque. O que eu vou fazer é realmente criar outra elipse. Vou colocar isso aqui em cima onde a luz vai bater, vou reverter, começa mais escuro no meio e apaga-se. Embora pareça uma sombra agora, uma vez que aplicamos o efeito de grão, podemos adicionar um modo de mistura a ele que faz parecer um destaque, então eu vou fazer exatamente isso. Textura de grão, ok, e vamos tentar a tela. É bastante sutil. Eu quero fazer isso um pouco mais forte, eu acho, então eu vou entrar nisso e talvez eu possa ver o que a luz faria. Não, iluminação não. Esquiva de cor. Isso é legal, mas eu vou ficar com a tela. Às vezes, se o efeito não é tão forte quanto eu quero que seja, eu vou apenas colar outro em cima dele assim. Eu não vou fazer isso por isso, eu vou deixar assim. Em seguida, vamos adicionar um brilho ao lado de fora do círculo. Vamos copiá-lo novamente, Comando C, Comando F, e sob a aparência afeta, vou adicionar um brilho externo. Vou fazer algo assim. Depende do tamanho em que trabalhas, mas é isto que vou criar. Então, como antes, eu vou adicionar grãos, às vezes, se estes não são ordenados corretamente, ele não funciona corretamente. Parece que você precisa manter o grão fora do preenchimento para que isso se multiplique. Esta é uma maneira apenas de obter um brilho aqui, e assim como o grão está vivo, efeito também é. O brilho externo, eu posso decidir que eu quero ser maior, talvez 80 pixels, e eu posso torná-lo maior. Talvez eu decida que eu realmente quero que ele seja vermelho, eu posso torná-lo um vermelho. Ele não funciona apenas com a ferramenta de gradiente, há também em seus efeitos que funcionam bem. Então o exercício final que vamos fazer é outro desses efeitos, desta vez vamos fazer um brilho interior. Se você tem uma aparência mais oblonga como esta, você não pode realmente criar gradiente de rádio do usuário ou gradiente linear para realmente capturar o formulário, então às vezes é útil usar o brilho interno. Assim como eu fiz, copiar e colar na frente, e depois sob efeitos, vou adicionar a integra. Vou fazer alguma coisa. Comece com preto por agora. Sim, algo assim. Então, mais uma vez, o grão parece bom. Então eu acho que para este, alguns modos de mistura funcionaram melhor do que outros. Quando eu uso multiplicar, o grão passa por tudo, mas eu realmente não quero isso. Enquanto escurecer, ele só fica ao redor das bordas e que é exatamente o que eu quero. Posso fazer algo assim. Eu encorajo você a baixar este arquivo de demonstração. Vou incluir as versões que eu fiz aqui e só para que você possa fazer referência. Mas como eu disse, eu encorajo você a fazê-las você mesmo, e depois que você fizer isso, faça o upload para o seu projeto para que possamos ver. 4. Trabalhando com ilustrações: Agora que passamos pela técnica, e alguns dos diferentes usos para os quais podemos usá-la, vou mostrar como aplicá-la a uma ilustração inteira. Então, em vez de passar pela hora que eu levei para fazer isso, eu acelerei, e vou tentar destacar alguns pontos-chave que eu fiz muitas vezes com sombreamento aqui com o gradiente, mas também usando gradientes eu vou deixar uma linha tênue aqui para cortar no fundo da cabeça, porque normalmente, quando há uma sombra vai haver uma luz fina. Uma boa maneira de fazer isso é usar a opção caminho de deslocamento em caminho de deslocamento. Você vai notar para a cabeça, os olhos que estou fazendo agora, bem como algumas dessas bolinhas na ponta de seu chapéu, eu vou estar usando técnicas semelhantes que fizemos para as esferas ou o exercício de esfera que fizemos. Se houver algo que você vê aqui que você não entende como eu fiz isso, basta colocar uma mensagem na discussão abaixo, e eu vou adicioná-la como uma nota aqui no skillshare. Meu próprio conselho que eu não aceitei quando eu estava fazendo isso, é que eu estava fazendo um pouco pequeno de um tamanho, e não é grande coisa, porque no final eu era capaz de apenas expandir, apenas explodi-lo para um tamanho maior, mas você vai notar como eu estou fazendo isso aqui, que o gradiente não é super fino, especialmente, uma vez que eu começar a trabalhar na boca, bem aqui, você vai ver que o gradiente não parece super agradável, é bastante grosso, mas no muito final quando eu ampliá-lo, parece muito melhor. Aqui estou eu usando o palhaço interior, assim como fizemos no exercício. Você também vai notar no meu painel de amostras, eu peguei as cores sólidas que eu tinha, o roxo, e o rosa. Eu fiz apenas alguns tons dele, porque eu acho que, que, muitas vezes, ajuda com destaques, e sombras. Em vez de usar o preto muito forte, usarei talvez o roxo escuro. Eu posso usá-lo aqui só para torná-lo um pouco mais suave. Na verdade, aqui no chapéu também, você vai notar que eu estou continuando a duplicar a mesma camada em cima dela, e mudar o gradiente ao redor. Muitas vezes, se eu tiver sombras mais complexas, serão apenas várias camadas de gradiente sobrepostas na base. Eu acho que aqui eu estava brincando um pouco com saltos entre palha interior, palha exterior, vendo o que funcionava melhor, e eu acredito que no final eu apenas resolvi realmente fazer um gradiente radial, apenas para mostrar a sombra de onde seu pescoço estaria entrando em suas roupas induzidas. Você também vai notar algo que eu faço aqui mesmo no corpo é, na verdade, que foi uma grande peça por eu dividi-lo para que eu poderia aplicar diferentes tipos de sombras para ele, e de diferentes ângulos sem afetar como as sombras olhavam para as calças em oposição à camisa. Além disso, quando se trata de destaques como aqui, eu realmente descobri que passar por esta ilustração que eu posso fazer o destaque muito melhor se eu ajustar o gradiente para ser muito maior do que menor. No exercício eu mostrei que às vezes eu vou manter o gradiente em 20 quando eu estou fazendo sombras, e isso me dá muito, mas agora eu descobri se eu realmente definir o inverso mais perto do outro lado do espectro como 80 quando eu estou fazendo destaques , dá-me muito mais gradiente. Mais uma vez, aqui estou eu usando o caminho offset para tornar esse braço um pouco menor, modo que eu tenha aquela luz fina diante da sombra. Acrescenta um bom pouco extra de reflexão. O Illustrator caiu aqui, então tive que fazer isso. Provavelmente, a coisa boa é que eu estava trabalhando um pouco de um tamanho menor, porque eu poderia ter esmagado mais vezes com todo aquele gradiente. Então eu só tive que refazer este braço e foi isso. Acho que não tenho que dizer isso a vocês, tantas vezes, porque isso acontece. Para este braço aqui, eu estou usando um gradiente real, que realmente combinou com a curva do braço, então, eu posso obter uma sombra que é muito semelhante à linha reta no outro braço. A mão aqui, eu acho que eu estava brincando com ele um pouco, tentando adicionar sombras, e destaques para dedos individuais, mas no final, eu acredito que eu me instalei em uma sombra. Às vezes, se as sombras da reflexão vão ser muito pequenas, às vezes não faz sentido para mim incluí-las. Às vezes, em termos de composição, se você tem uma peça que tem muitos detalhes, e então o resto não tem tanto, parece um pouco fora de equilíbrio, e eu não quero que a atenção de todos vá para esta mão com toneladas de diferentes destaques, e sombras sobre ele. Agora, uma vez que você tem as pernas, é a mesma coisa que os braços. Além disso, algo que é bom saber por causa da velocidade, se você continuar aplicando o mesmo gradiente nas mesmas configurações, você poderia realmente apenas ir para cima para afetar no topo do fato que ele vai dizer aplicar gradiente, e em seguida, praticamente ele vai apenas aplicá-lo novamente. Também há um atalho para isso. Só estou brincando com algumas opções diferentes para o círculo de fundo. Vamos resolver principalmente no gradiente no fundo lá. Lá está ele. Agora eu encorajo você a pegar uma de suas próprias ilustrações, e aplicar alguma textura a ela usando as técnicas que analisamos. Se você não tem uma ilustração própria, eu vou fazer upload da ilustração a cores planas do palhaço aqui, e você pode dar uma chance você mesmo. Assim como antes, todo o trabalho que você faz, você pode ir, e enviá-lo para o seu projeto aqui no skillshare. 5. Próximos passos: O que é ótimo em aprender essas técnicas é que há muito espaço para brincar, experimentar, e realmente torná-lo seu próprio. Você pode ver o que acontece se eu usar efeitos diferentes. Então tentamos o brilho externo, tentamos o brilho interno, acredito que tocamos no do outro. E se você usar diferentes modos de mesclagem? Se encontrar algo excitante, volte aqui e compartilhe conosco. Eu realmente aprecio você fazendo a aula e se há algo que eu possa fazer para ajudá-lo melhor, assim como eu sei, e se você alguma vez busca tópicos futuros da aula, definitivamente mande-os para mim. Se você quiser saber mais, você pode conferir a minha outra classe onde eu orientá-lo do início ao fim, como eu faço ilustração Vector. Então eu espero que você tenha gostado da aula, e aprendido muito e agora você tem uma nova arma e sua Ilustração ou assim.