Como Criar um Cartão Escrito à Mão e Texturizado no Adobe Photoshop
Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)



Neste tutorial, vou mostrar como criar um cartão decorativo com hand lettering do Adobe Photoshop utilizando formas vetoriais e pincéis de textura. Vamos desenhar um cartão do Dia dos Namorados com um sabor mexicano, incluindo o texto "Te Quiero Mucho" ("Eu te amo muito") e muitos ornamentos e decoração. Vamos começar!
1. Como Preparar o Seu Esboço
Passo 1
As letras em estilo mexicano são muito decorativas, portanto, divirta-se e adicione muitos detalhes. Eu desenhei um esboço do futuro cartão postal utilizando lápis e papel, fiz a foto com meu smartphone e enviei para mim mesmo via e-mail. Você pode desenhar as letras sozinho ou pode baixar algumas fontes impressionantes ou efeitos de texto. Como personagem principal, escolhi um coração de estilo mexicano com o rosto de uma caveira mexicano.
Passo 2
Primeiro de tudo, precisamos preparar o nosso fluxo de trabalho. Crie um Novo Documento (Comando-N) no Adobe Photoshop e defina o tamanho para 1800 px x 1500 px e Resolução para 144 px/inch. Você pode alterar o tamanho da sua prancheta utilizando Image > Canvas Size.
Basta mover sua foto de esboço da pasta para a prancheta e pressionar Enter para posicioná-la. Para ajustar o tamanho da obra de arte, você pode utilizar a Ferramenta Transform (Command-T). Se você quiser alterar o tamanho da tela, vá para Image > Canvas Size ou utilize a Ferramenta Crop (C).



Passo 3
Para preparar o esboço para a pintura, utilizo Image > Adjustments > Hue/Saturation (Comando-U) e Levels (Comando-L).



Passo 4
Se você quiser alterar algo no seu esboço (por exemplo, eu movi um pouco as letras "Mucho"), você pode utilizar a Ferramenta Lasso (Q) e a Ferramenta Transform (T). Se você quiser adicionar alguns detalhes, você pode desenhá-los diretamente no seu esboço com a Ferramenta Brush (B) e apagar algo com a Ferramenta Erase (E). Você pode fazer o que quiser!
Agora podemos começar o processo de pintura. Defina o modo de camada do seu esboço para Multiply e defina a Opacidade para 15-20%. Depois disso, adicione uma nova camada sob a camada do esboço. Não se esqueça de Bloquear a posição da camada.



Passo 5
Você pode pular este passo, mas eu sempre começo meu trabalho de cores fazendo o esquema de cores (dica profissional: selecione as três cores principais e utilize-as e suas cores no começo). O estilo mexicano é muito utilizado e tem cores brilhantes e quentes. Eu escolhi vermelho, uma espécie de amarelo e turquesa. Em uma nova camada sob a camada de esboço, eu utilizo Brush (B) e tento encontrar o esquema de cores que mais gosto. Eu sempre faço várias variações. É um processo criativo, por isso não hesite em pintar e refazer algo.
No final, selecionei duas variações que mais gostei. Eu prefiro o segundo.



Salve seu trabalho (basta salvar a camada e desenhar minha variação final logo acima dela para ver o esquema de cores em todo o processo).
2. Como Criar Formas Vetoriais no Photoshop
Passo 1
Vamos começar com o personagem do coração. Crie uma nova Camada sob o esboço, mas acima do esquema de cores, e desenhe uma forma de coração com a Ferramenta Pen (P).



Passo 2
Em uma nova camada acima, desenhe a forma interna do coração. Para tornar o processo de pintura mais fácil, faço uma cópia da camada do esquema de coloração, diminuo-a e movo-a com a Ferramenta Transform (T) para que eu possa facilmente tirar as cores utilizando a Ferramenta Eyedropper (I). Além disso, defino a Opacidade do esquema de cores principal (o grande) para 70-80% e bloqueio a posição da camada.



3. Adicionando Textura e Volume
Passo 1
A mágica está começando agora. Para as texturas e valores, eu utilizo o Kyle T. Webster Brushes do Photoshop oficial, mas você pode escolher qualquer um dos outros incríveis conjuntos de pincéis disponíveis. O detalhe principal é que seu pincel deve ter pincéis de textura e pincéis que imitem carvão ou qualquer outro material 'vivo'.
Crie uma camada de corte acima da camada vermelha do coração:
- Mantenha pressionada a tecla Alt, posicione o ponteiro sobre a linha que divide as duas camadas no painel Layers (o ponteiro muda para dois círculos sobrepostos) e depois clique.
- No painel Layers, selecione a camada superior de um par de camadas que você deseja agrupar e escolha Layer > Create Clipping Mask.
Eu utilizo o Oil Lush Brush do conjunto Kyle Brush. Você pode escolher qualquer outro pincel de pintura ou até utilizar o pincel de pattern do Photoshop (basta definir a Opacidade do seu pincel para suavizar as cores). Eu utilizo tons claros e escuros da forma de coração vermelho para criar o efeito de volume.
Dica profissional: utilize Alt ao pintar para obter as cores ao redor para uma transição suave de cores.



Passo 2
Crie uma nova Camada de Corte para o coração vermelho, acima da camada de volume. Utilizando o pincel de textura (eu utilizo Airbrush - Grainy Opaque), crie uma sombra com a cor marrom escura. Defina o Multiply Mode para esta camada.
Utilize quase o mesmo processo para os destaques. Crie uma nova camada de corte acima da camada escura, desenhe destaques utilizando a cor vermelha clara e seu pincel de textura e defina o Screen Mode para ela. Altere a Opacidade para torná-la mais calma e natural (utilizei 50%).



Então, meu fluxo de trabalho usual para este tipo de foto é:
- Crie a forma de vetor.
- Crie volume com os pincéis.
- Adicione texturas escuras e claras com pincéis de textura e diferentes modos de camada.
- Adicione alguns outros detalhes, se necessário.
Passo 3
Utilize quase o mesmo processo que o formato de coração externo amarelo—basta adicionar uma ornamentação simples com o Gouache Round Opaque Brush. Você pode utilizar outros pincéis e não se esqueça de alterar o modo de mesclagem e a opacidade do pincel nas configurações de pincel, perto do menu de pincéis (ou utilize F5 para abrir as Configurações avançadas de pincéis).
Dica profissional: utilize [ou] para aumentar ou diminuir o tamanho do pincel.



Passo 4
Utilize o mesmo processo para os olhos e a boca. Não esqueça de adicionar uma camada para a sombra (eu utilizo o pincel de textura novamente para ela). Selecione todas as camadas do olho e Agrupe-as (Comando-G).



Copie (Comando-J) e Mova (V) o grupo de olhos. Agora o coração tem dois olhos.



Passo 5
Continue colorindo e adicionando detalhes. Faça a forma do nariz com a Ferramenta Pen e adicione algum volume com uma camada de Corte e um pincel. Para pintar os lábios, utilize a Ferramenta Rotate (R) para ajudá-lo a fazer boas pinceladas.



Termine a boca utilizando a técnica familiar. Além disso, adicionei linhas de dentes em uma nova camada. Eu utilizei o seu novo favorito Inker do conjunto Kyle Brush. Qualquer outro pincel de tinta funcionará bem também. Não esqueça a sombra embaixo da boca.



Passo 6
Para adicionar um pouco de decoração, eu utilizo uma cor amarela quente e pincel de tinta (o mesmo que para as linhas de dentes). Crie uma nova Camada de Corte acima da camada do coração vermelho e desenhe alguns enfeites nela. Além disso, eu desenhei as sobrancelhas aqui. O rosto do coração está pronto!



Passo 7
Selecione todas as camadas e grupos de camadas do coração (incluindo boca, olhos e nariz) e agrupe-os (Comando-G). Organize suas camadas para facilitar a navegação. Se você agrupou os objetos incorretamente, poderá desmontar o grupo (Comando-Shift-G).



Passo 8
Agora é hora das asas do coração. Desenhe duas grandes asas na mesma camada utilizando a Ferramenta Pen (P).



Em uma outra camada, desenhe as formas das asas internas. Você pode editar sua forma com a Ferramenta Direct Selection (A) e editar os pontos de ancoragem. Certifique-se de que o ponteiro da Ferramenta Direct Selection esteja branco. Você pode alterá-lo no painel Tools.



Passo 9
Crie uma nova camada de textura acima da camada das asas vermelhas e desenhe a sombra das asas internas com um pincel de textura e uma cor vermelha escura. Defina o modo de camada para Multiply e defina a Opacidade para torná-la agradável e natural. Eu utilizo 60% de Opacidade.



Passo 10
Crie uma nova camada de Corte para a camada de asas vermelhas. Com o pincel de tinta e a cor vermelha clara, desenhe as linhas de penas. Você pode desenhar qualquer tipo de linha—o objetivo é adicionar textura e detalhes. Eu desenhei linhas retas simples. Defina o modo para Screen e depois defina uma boa Opacidade (eu defini 80%).



Passo 11
Para a forma das asas internas, criei duas camadas de sombra escura utilizando o mesmo pincel de textura. A primeira é uma camada laranja escura em Multiply Mode e 70% de Opacidade. A segunda é uma camada marrom, também em Multiply Mode. Várias camadas de sombra adicionam mais profundidade à imagem.



Em uma nova camada de Corte, adicione os destaques com o pincel de textura e a cor amarela clara. O modo é Screen. Apague as pinceladas desnecessárias (se houver alguma) com a Ferramenta Erase (E).



Passo 12
Em uma outra camada de Corte, desenhe a decoração com o pincel de tinta e bloqueie a Opacidade da camada. Utilizando o pincel de textura, adicione algum valor com a cor mais escura mais próxima da face do coração. Agrupe todas as camadas da asa e agora está pronta.



Passo 13
Eu decidi mudar um pouco meus planos e desenhar uma coroa no topo do meu coração. Utilizando a Ferramenta Pen (P), desenhei várias formas de coroa. Tornei invisível a camada do esquema de cores para tornar o processo de desenho de formas mais claro e fácil. Basta clicar no ícone do olho no painel Layers.



Passo 14
Utilizando a técnica familiar, adicione os valores para a coroa. Utilize camadas escuras no modo Multiply com o pincel de textura e as camadas de luz no Modo Screen. Brinque com a quantidade de camadas e sua opacidade.



Organize as camadas e parabéns! Nós terminamos com o coração e seus itens.



4. Como Vetorizar e Colorir o Lettering
Passo 1
Agora é hora das fitas e letras. Com a Ferramenta Pen (P), desenhe a fita. Eu utilizo a cor turquesa. O esquema de cores é novamente invisível.



Passo 2
Em uma nova camada, desenhe as letras com a Ferramenta Pen (P). Para criar formas sobrepostas (como o espaço interno em Q), selecione as duas formas com a Ferramenta Direct Selection (A) e selecione Exclude Overlapping Shapes.



Utilize a seta preta da Ferramenta Direct Selection (A) se precisar mover algumas formas. Edite os pontos de ancoragem utilizando a seta branca do mesmo instrumento.



Passo 3
Como sempre, adicione algum volume com o pincel e alguma textura com o pincel de textura em diferentes camadas, com Multiply para as sombras e Screen para os destaques.



Passo 4
Utilizando a Ferramenta Pen (P), adicione algumas linhas tracejadas como decoração. Eu rasterizo todas as camadas da linha tracejada (clique com o botão direito do mouse em Layer > Rasterize) e mescle-as em uma (selecione todas as camadas necessárias e Comando-E).



Passo 5
Crie uma nova camada de corte para nossas letras. Eu o colori com o pincel: amarelo claro no topo e laranja e laranja escuro no fundo. Isso acrescenta algum valor à nossa assinatura.



Passo 6
Mais uma vez, adicione textura com o pincel de textura. Utilize uma camada escura para as sombras e uma camada de luz para os destaques.



Passo 7
Agora, pelo momento da magia. Duplique a camada de letras (Comando-J) e posicione-a sob a camada de letras. Clique na nova camada, pinte-a de turquesa escura e mova-a para baixo e para a esquerda (V ou utilize apenas os botões de seta do teclado). Agora nós temos uma sombra sob nossas letras.



Passo 8
Crie uma nova camada sob a fita e desenhe a parte interna da fita com a Ferramenta Pen (P). Aqui, decidi alterar o primeiro esquema de cores e colori-lo com turquesa escura. Em uma nova camada de corte, adicione algum volume com o pincel. Selecione todas as camadas de fita e letras e agrupe-as (Comando-G).



Passo 9
Duplique (Comando-J) o grupo da faixa de opções e mescle os itens internos (Comando-E).



Mova essa nova camada sob o grupo de fitas superior e clique duas vezes na miniatura da camada (ou clique com o botão direito do mouse > Blend Options). Selecione Color Overlay e defina a cor para marrom escuro.



Mova esta camada (V ou setas do teclado) e defina o modo para Multiply. Defina a Opacidade para 40-50%. Nós terminamos a fita superior. Repita os passos para a fita inferior.



Passo 10
Hora dos detalhes. Adicione novos detalhes e desenhe algumas bordas.



5. Como Adicionar Cor ao Plano de Fundo
Passo 1
É hora do plano de fundo. Crie uma nova camada sob todas as camadas desenhadas e pinte-a com a Ferramenta Paint Bucket (G). Certifique-se de ter selecionado a Ferramenta Paint Bucked em vez da Ferramenta Gradient.



Passo 2
Utilizando a Ferramenta Pen (P), crie as linhas de decoração e pinte-as em um tom amarelo mais escuro.



Passo 3
Para criar a moldura, desenhe a forma de quadro e a forma de retângulo grande (o mesmo tamanho da prancheta cheia) na mesma camada. Selecione-o com a Ferramenta Direct Selection (A) e escolha Exclude Overlapping Shapes.



Passo 4
Selecione qualquer pincel de textura (por exemplo, deste conjunto) e adicione um pouco de granulado no quadro, criando uma nova camada de corte acima.



Passo 5
Clique duas vezes na camada da moldura para abrir as opções de mesclagem e defina a cor de Drop Shadow como marrom escuro, 20-35% de Opacidade, 90 graus de Ângulo, Distância de 15 px, Tamanho de 20 px e Ruído como 16%.



Passo 6
Hora da decoração da moldura. Com a Ferramenta Pen (P), desenhe um pequeno coração e um pouco de fogo amarelo em camadas separadas.



Duplique este objeto e mova-o para os quatro cantos.



Passo 7
Com a Ferramenta Pen (P), desenhe linhas nas laterais da nossa moldura Agrupe (G) todas as camadas da moldura.



Nós terminamos com a coloração principal. Aqui está o nosso resultado intermediário. Vamos terminar!



Passo 8
Selecione as fitas e o grupo da camada do coração e aumente-os um pouco. A conveniência da computação gráfica é que podemos mudar livremente e mover objetos.



6. Como Adicionar Pequenos Detalhes
Passo 1
Vamos trabalhar com os detalhes. Eu adicionei alguns destaques sob o nariz do coração. Para selecionar rapidamente a camada que você precisa, utilize a Ferramenta Move (V) e marque Auto-Select > Layer no painel superior.



Passo 2
Além disso, adicionei algum ruído ao plano de fundo utilizando diferentes pincéis de ruído e textura. Defina-os para o modo Multiply e defina a Opacidade para 5-15%.



Passo 3
Clique duas vezes no grupo principal de camadas do coração e defina a Drop Shadow para uma cor marrom-escura, modo Multiply, 90 graus de Ângulo, Distância de 6 px, Tamanho de 13 px e 16% de Ruído.



Passo 4
Eu decidi mudar a sombra da fita para o mesmo que o do coração. Você pode manter o antigo. Selecione o grupo de sombra antigo e torne-o invisível (ou simplesmente Delete). Segure a tecla Alt e mova os efeitos de camada do grupo de camadas principal do coração para o grupo de camadas da fita superior. Faça o mesmo com a fita inferior.



Passo 5
Agora podemos decorar o quanto quisermos! Com o pincel de tinta, adicionei algumas linhas internas para as letras. Você pode utilizar a Ferramenta Rotate (R) para tornar o desenho mais confortável. Não esqueça que você pode pressionar Comando-Shift-Z para Desfazer a ação.



Passo 6
utilizando a Ferramenta Pen (P), desenhe várias estrelas. Na camada de corte, faça vários traçados com o pincel de textura.



Passo 7
Aplique a sombra para a camada das estrelas. Defina a cor vermelho escuro, modo Multiply, 50% de Opacidade, 6 px de Distância, 10 px de Tamanho, 16% de Ruído.



7. Como Utilizar o Ajuste de Cor
Crie uma nova camada de ajuste de níveis acima do plano de fundo.



Mova o controle deslizante escuro um pouco para tornar as cores do plano de fundo mais arrojadas.



Adicione algumas gotas vermelhas escuras e ornamentos geométricos sob a moldura com a Ferramenta Pen (P).
Terminamos!
Este estilo decorativo dá a você muita liberdade, e você pode brincar facilmente com cores e elementos decorativos. Você pode utilizar este fluxo de trabalho como base e criar seus próprios projetos. Obrigado por criar e experimentar comigo. Aproveite o processo e compartilhe seu resultado!



Confira alguns outros tutoriais incríveis com passo-a-passo de desenhos de letras bonitos, bem como ótimos tutoriais de desenho do Photoshop com dicas de pincel pro!
- Hand LetteringComo Criar um Pôster de Inauguração com Hand Lettering no Adobe PhotoshopYulia Sokolova
- Hand LetteringComo Criar um Cartão de "Amor" no Adobe IllustratorYulia Sokolova
- PrimaveraComo Criar um Cartão de Lettering de Primavera com Decoração Floral no Adobe IllustratorNataliya Dolotko
- IlustraçãoComo Criar Texturas de Cabelo e Pele no Photoshop Utilizando os Conjuntos de Pincéis de Kyle T WebsterRowena Aitken
