Como Criar um Cartão Escrito à Mão e Texturizado no Adobe Photoshop

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:

1. 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.
2. 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 é:

1. Crie a forma de vetor.
2. Crie volume com os pincéis.
3. Adicione texturas escuras e claras com pincéis de textura e diferentes modos de camada.
4. 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 Lettering
  Como Criar um Pôster de Inauguração com Hand Lettering no Adobe Photoshop
  Yulia Sokolova
• Hand Lettering
  Como Criar um Cartão de "Amor" no Adobe Illustrator
  Yulia Sokolova
• Primavera
  Como Criar um Cartão de Lettering de Primavera com Decoração Floral no Adobe Illustrator
  Nataliya Dolotko
• Ilustração
  Como Criar Texturas de Cabelo e Pele no Photoshop Utilizando os Conjuntos de Pincéis de Kyle T Webster
  Rowena Aitken