Home Sem categoria	Como Adicionar Textura a uma Ilustração Plana no Photoshop
O calor do verão é o momento perfeito para tomar aquele copo bem gelado de limonada caseira, para desintoxicar e renovar as energias. Nesse tutorial, você vai aprender a fazer uma ilustração plana de uma jarra de limonada, usando formas básicas e trabalhando com os Blending Modes do Adobe Photoshop. Em seguida, nós deixaremos nossa imagem parecendo detalhada e única, adicionando texturas granuladas com a ajuda dos pincéis sujos (ou grungy) do Adobe Photoshop, que você pode selecionar nos conjuntos de pincéis padrão.
Para um maior conforto, você pode usar sua mesa gráfica. Porém, como não existem elementos desenhados à mão nessa ilustração, você pode usar seu mouse também! Além do mais, essas técnicas podem ser usadas não apenas para fazer uma jarra plana com bebidas, mas também refeições ou pratos planos, paisagens planas ou qualquer outro tipo de ilustração plana. Esses efeitos farão qualquer um dos seus trabalhos artísticos parecem mais chiques. Vamos testar!
1. Crie a base da jarra a partir de formas geométricas
Crie um New Document de 2480 x 1748 px (orientação horizontal de A5).
Selecione a Rounded Rectangle Tool (U) e faça uma forma com 585 x 820 px, que será o corpo da jarra.
Vá para o painel Properties (Windows > Properties) e vamos adicionar alguns parâmetros. Nosso retângulo permanecerá um vetor de Live Shape, até que nós o rasterizemos manualmente, de modo que possamos mudar seu tamanho, sem perder qualidade.
Nós também podemos alterar sua cor de preenchimento, clicando no quadrado de cor (Fill) e selecionando uma cor das amostras ou do painel Solid Color, se clicarmos no ícone colorido do topo direito do menu suspenso de amostras. Vamos configurar a cor de preenchimento com um azul turquesa bem claro.
Finalmente, nós podemos mudar o raio do canto (Corner radius) dos cantos arredondados. Vamos ajustá-los para 85 px, deixando os cantos da jarra mais suaves.
Pressione Control + J para duplicar a camada da forma, para que nós tenhamos duas formas idênticas, uma sobre a outra. Nós precisaremos da cópia um pouco mais para frente.
Vamos adicionar uma forma de 350 x 85 px no topo do gargalo da jarra. Configure seus cantos arredondados (Corner radius) para 20 px. Mantendo a Roundend Rectangle Tool (U) selecionada, selecione as duas formas e clique com o botão direito do mouse para abrir o menu. Clique em Unite Shapes, fundindo as duas peças em uma Live Shape.
Agora, vamos adicionar uma borda de vidro no topo do gargalo. Faça um retângulo arredondado de 395 x 40 px com Corner Radius de 20 px. No menu Properties, mude a cor de preenchimento (Fill) para turquesa-claro.
Pressione Control + J para duplicar nossa forma e movê-la para o topo da borda. Vamos fazer a forma ficar um pouco maior. Você pode fazer isso mudando o seu tamanho no menu Properties. Caso contrário, pressione Control + T para o Free Transform Path e faça uma cópia um pouco maior, segurando Alt + Shift e usando o Move Tool (V) para expandir a forma.
Faça um retângulo laranja de 340 x 80 px com um Corner Radius de 20 px para a tampa da jarra. Envie (Send) a forma para trás (To Back) pressionando Shift + Control + [ ou o arrastando para baixo no menu de Layers, e então, colocando a forma atrás da borda de vidro.
Agora, é hora de usar a cópia do corpo da jarra que nós fizemos no primeiro passo! Ache-a no menu Layers e a arraste para o topo do corpo. Mude a cor de preenchimento (Fill) da cópia para azul-claro.
Mantendo a Rounded Rectangle Tool (U) selecionada, diminua o tamanho da forma, retratando a água dentro da jarra.
Agora, crie outro retângulo, cobrindo o topo da forma da água. Mantendo a Rounded Rectangle Tool (U) selecionada, selecione ambas as formas e clique com o botão direito do mouse para abrir o menu. Clique em Substract Front Shape, deixando o topo da jarra vazio.
À propósito, nossas formas ainda são editáveis! E nós podemos alterar o tamanho da forma subtraída: basta clicarmos nela com a Direct Selection Tool (A) e pressionar Control + T para o Free Transform Path.
Agora, mude para Rectangle Tool (U) e faça uma tira vertical amarelo-claro de 35 x 1110 px para o canudo. Selecione todas as formas no menu Layers e alinhe (Align) os centros horizontais do painel de controle no topo.
Depois, selecione apenas o canudo e pressione Control + [ várias vezes, movendo a camada para baixo, até conseguir colocá-la entre o corpo da jarra e a borda de vidro.
Vamos dar forma à alça da jarra. Use a Roudend Rectangle Tool (U) para fazer uma forma turquesa e, depois, mais uma forma menor no topo dela. Selecione ambas as formas, enquanto a Rounded Rectangle Tool (U) ainda está selecionada, e clique em Substract Front Shape para cortar fora o topo da forma. Envie a alça para trás pressionando Shift + Control + [ e deixe a cor de preenchimento dela um pouquinho mais escura que o corpo da jarra.
2. Faça um limão a partir de formas básicas
Agora, vamos preparar os principais ingredientes da nossa limonada. Selecione a Ellipse Tool (U) e faça um círculo laranja-amarelado de 320 x 320 px.
Duplique (Control + J) a forma e use o Free Transform Path (Control + T) para deixar a forma menor. Preencha a cópia com amarelo-claro, para fazer a polpa do limão. Depois, adicione uma terceira forma no topo, deixando-a um pouco menor e mais escura.
Nós precisamos dividir o topo do círculo, para formar os segmentos do nosso limão. Deixe o topo do círculo invisível, para que não nos distraia, clicando no ícone que é um pequeno olho, no menu Layers.
Pegue a Line Tool (U) e faça uma tira fina vertical de 9 x 400 px atravessando o limão. Alinhe as formas, se necessário, para fazer os centros coincidirem.
Duplique (Control + J) a tira, pressione Control + T e rotacione a forma em 90 graus, a colocando horizontalmente atravessando o limão.
Faça mais duas cópias da tira, rotacionando cada uma delas a 45 graus. Finalmente, selecione todas as tiras e, com a Line Tool (U) selecionada, clique com o botão direito do mouse e selecione Unite Shapes, fundindo todas as tiras em uma única camada.
Agora, deixe o círculo do nosso limão visível novamente, no menu Layers. Selecione ambos os círculos e as tiras fundidas. Mantenha a Line Tool (U) selecionada, pressione o botão direito do mouse e selecione Substract Front Shape para cortar as tiras.
Ótimo! Dessa maneira, nós formamos os segmentos do nosso limão.
Vamos, também, dar forma ao corpo do limão. Duplique (Control-J) o maior círculo laranja e mova a figura para a direita.
Pegue o Rectangle Tool (U) e faça uma forma estreita 86 x 340 px, colocando-a sobre o círculo duplicado.
Mantendo a Rectangle Tool (U) selecionada, selecione ambos os círculos e o retângulo, clique com o botão direito do mouse e selecione Unite Shapes. Termine o corpo do limão formando um carocinho no lado direito da forma com a ajuda de uma Ellipse Tool (U).
Vamos fazer mais um detalhe para nossa limonada: uma folha fresca de hortelã. Pegue a Custom Shape Tool (U) e encontre a forma Raindrop no menu suspenso de Formas, que está localizado no painel de controle no topo.
Faça uma forma de 190 x 300 px e a preencha com turquesa-escuro.
3. Pinte os objetos com pincéis com textura
Agora que as formas básicas estão prontas, vamos dar um toque de textura, para deixá-las mais detalhadas e tridimensionais.
Primeiro, vamos selecionar as partes da rodela de limão e agrupá-las (Group ou Control + G). Depois, agrupe o corpo do limão e, por fim, junte esses dois grupos em um só. Manter nossas camadas limpas e organizadas vai nos ajudar a achar e editar as formas mais rapidamente.
Agora, vamos selecionar a camada do corpo do limão, apertar e segurar o Alt e clicar no botão Create a new layer, no topo do menu Layers. Na janela pop-up New Layer, marque Use Previous Layer to Create Clipping Mask. Agora, a nova camada será associada à camada do corpo do limão. Você verá uma pequena seta próxima à nossa camada no menu Layers, indicando uma camada associada.
Essas camadas nos permitem pintar dentro das arestas da forma selecionada, o que nos ajuda a acelerar nosso trabalho, uma vez que nós não teremos que usar a ferramenta Eraser Tool (E) para limpar as arestas. Vamos experimentar!
Selecione a camada associada e clique em Brush Tool (B). Clique com o botão direito do mouse para abrir a lista de pincéis. Selecione qualquer pincel com textura grungy do seu gosto, da coleção padrão do Photoshop.
Nós vamos usar o Dry Brush 1 #2 do conjunto padrão M Brushes. Você pode acrescentar (Append) ou substituir (Replace) os pincéis, clicando na pequena engrenagem no topo direito da lista de pincéis. Monte seu conjunto e pronto!
Selecione um tom laranja-escuro no painel Color e tente dar umas pinceladas acima do corpo do limão.
Se você quiser adicionar pinceladas de mais pincéis diferentes, tente brincar com as configurações no menu Brushes (Window > Brush). Aqui, você pode mudar o espaçamento Spacing ou deixar o pincel texturizado ou até com a borda molhada.
Adicione mais pinceladas com textura ao corpo, variando a cor de laranja-escuro para amarelo-claro.
Em seguida, selecione o maior círculo do limão, segure Alt e faça uma nova camada associada. Pinte pelo círculo laranja do limão para deixa-lo texturizado também.
Agora, vamos texturizar os segmentos do limão também. Adicione uma camada associada e use o pincel texturizado para pintar sobre ele, usando laranja-escuro e amarelo-brilhante.
Você pode variar a opacidade (Opacity) e fluxo (Flow) do pincel no painel de controle no topo, deixando as pinceladas claras e transparentes. Eu estou usando uma mesa gráfica, então, mantive a função Pressure for Opacity ligada. Se você estiver trabalhando com seu mouse, não tem problema – apenas mexa em Opacity para ajustar a espessura das pinceladas.
Nós podemos também usar as teclas [ e ] para mudar o tamanho do pincel mais rapidamente.
Faça uma nova camada (New Layer) para os pequenos detalhes. Agora, eu abro o conjunto padrão de pincéis Dry Media Brushes e uso o pincel Charcoal Pencil para dar algumas pequenas pinceladas vermelhas acima do segmento. Continue adicionando pinceladas, deixando o limão pintado. Use outras cores para deixar nossa imagem mais variada, trocando para laranja, amarelo-brilhante e branco.
Adicione alguns pontos ao corpo do limão também. Agora já parece completo!
Vamos adicionar algumas variações das fatias de limão. Duplique o grupo de círculos do limão, selecionando-os no menu Layers e pressionando Control + J. Vamos cortá-lo na metade, criando uma fatia. Mantendo o grupo selecionado, clique no ícone Add layer mask, na parte inferior do menu Layer, para adicionar uma Clipping Mask para o grupo todo.
Agora, use a Rectangular Marquee Tool (M) para selecionar a parte superior do limão. Clique na máscara no menu Layers e use o Paint Bucket Tool (G) para preencher a área selecionada com a cor preta. Isso deixará invisível o topo do nosso limão. Agora, nós temos uma bela fatia de meio limão!
Vamos aplicar nossas técnicas na folha. Crie uma camada associada e use um pincel de textura seca para pintar a folha. Deixe uma das metades mais clara. Adicione pinceladas de azul mais escuro na base da folha.
Adicione uma iluminação clara suave no topo da folha, usando a cor turquesa-claro. Use o pincel Charcoal Pencil para desenhar as veias da folha: azul-escuro na metade mais escura, e azul-claro na metade mais clara.
Agora, vamos colorir nossa jarra. Selecione a forma do corpo e adicione uma camada associada (Linked Layer). Use o pincel Dry Brush 1 #2 (ou qualquer outro pincel de textura granulada do seu gosto) e comece pintando turquesa-escuro pelas arestas da jarra.
Adicione mais turquesa ao longo das arestas e troque para azul-escuro. Pinte acima, adicionando mais contraste e cor.
Adicione uma camada associada (Linked Layer) para a forma da água e texturize a forma da água com a pintura acima dela. Quando você estiver feliz com o resultado, trabalhe na alça da jarra, adicionando dimensão a ela.
Agora, parta para a borda de vidro. Lembre-se de adicionar uma camada associada nova para cada forma que você quiser colorir. Torne os elementos tridimensionais, usando uma cor mais escura nas arestas e adicionando uma iluminação suave no centro.
Agora, vamos fazer o padrão de bolinhas na tampa da jarra. Selecione a camada da tampa e adicione uma nova camada associada a ela.
Selecione um pincel Pastel Rough Texture do conjunto Dry Media Brushes ou use qualquer outro pincel que você preferir. Faça uma bolinha branca no topo da tampa. Adicione mais bolinhas, formando um padrão. Por fim, selecione a camada do padrão e configure seu Blending Mode em Overlay, no topo do menu Layers. Diminua a Opacity da camada para 78%.
Vamos dar forma ao canudo. Primeiro, crie uma nova camada associada (Linked Layer) e desenhe tiras diagonais rosas, usando o mesmo pincel de textura granulada, como você fez antes. Agora, vamos deixar o canudo mais tridimensional, adicionando algumas camadas associadas adicionais.
Mude uma das camadas associadas para Screen Blending Mode e pinte ao longo da aresta esquerda do canudo com amarelo, para criar uma iluminação. Mude outra camada associada para Multiply Mode e pinte ao longo da aresta direita com rosa, para adicionar uma sombra suave.
Diminua a Opacity das camadas, se a sombra ou a iluminação ficarem muito intensas.
Vamos adicionar um toque de azul a parte do canudo que está dentro da jarra. Dessa forma, nós mostramos que ele está atrás da superfície de vidro. Adicione uma nova camada associada ao canudo. Pegue a Rectangle Marquee Tool (M) e selecione o pedaço de baixo do canudo que está dentro d'água. Preencha a área selecionada com a cor azul-claro e altere a camada para Multiply Mode.
Nós podemos adicionar mais uma camada associada ao canudo e, dessa vez, preencher toda a forma dentro da jarra com a cor azul-claro. Troque a forma para o Multiply Mode também e diminua um pouco a Opacity.
4. Construa uma composição equilibrada
Vamos pensar, o que nós temos para fazer uma limonada? Temos um limão inteiro (fiz isso juntando as duas partes do corpo do limão), metade de um limão, uma rodela e uma fatia de limão, e uma folha de hortelã. Vamos misturar tudo!
Vamos colocar alguns limões nos dois lados da jarra. Use as combinações das teclas Shift + Control + [ e o Shift + control + ] para rearranjar as formas, conforme o necessário.
Duplique a rodela de limão e coloque algumas cópias dentro da jarra. Vamos editar essas formas um pouco. Copie a rodela maior do limão e coloque-a no topo das outras rodelas. Mude sua cor de preenchimento para azul e troque para Multiply Mode, diminuindo a Opacity para aproximadamente 60%. Esse toque suave de azul dá aos nossos limões um visual realista, mostrando que eles estão boiando na água.
Adicione mais fatias dentro e fora da jarra. Comece a decorar toda a cena com folhas.
Agora, duplique a forma da água e posicione as cópias no topo dos limões. Troque para Multiply Mode, a fazendo parecer um pouco mais real. Adicione mais folhas para equilibrar a composição.
Use o pincel Charcoal Pencil para fazer um risco fino, arqueado, para a haste da planta. Anexe alguns frutos, fazendo pontos arredondados. Duplique as plantas e decore nossa jarra. Use Edit > Transform > Flip Horizontal para espelhar algumas das formas.
Vamos finalizar nossa ilustração fazendo a composição parecer equilibrada. Preencha a camada de fundo com um tom amarelo-claro. Crie uma nova camada (New Layer) no topo da camada de fundo e use um pincel texturizado para fazer uma sombra sutil por baixo da jarra.
Maravilha! Nossa jarra de limonada está pronta!
Ótimo trabalho, meus amigos! Nós aprendemos algumas dicas e truques úteis para trabalhar com formas geométricas, camadas associadas, máscaras de recorte e como tornar nossa imagem única, aplicando texturas granuladas com ajuda dos pincéis.
Como você pode ver, um toque de textura dá um visual muito bonito a uma ilustração plana, fazendo-a parecer única e detalhada. Você pode usar esse conhecimento não só para criar uma jarra chique, mas também para fazer qualquer outro tipo de ilustração parecer diferente.
Como Adicionar Textura a uma Ilustração Plana no Photoshop was last modified: setembro 14th, 2016 by C.D.Z. Team