Como Criar um Efeito de Texto de Biscoito com Cobertura no Adobe Photoshop

Neste tutorial eu vou mostrar a você como usar as configurações de pincel do Photoshop, estilos de camada e camadas de ajuste para criar um efeito de texto brilhante e divertido de biscoitos com cobertura. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

• Fonte Sniglet
• Biscoitos por PublicDomainPictures
• Textura de cimento por kues1

1. Como Criar um Fundo com Degradê e Camadas de Texto

Passo 1

Crie um novo documento de 1000 x 800 px, e clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) para adicionar uma camada de Degradê (Gradient).

Crie o preenchimento de degradê usando as Cores #e8d2d6 para a esquerda e #ddbcc0 para a direita, e altere o Ângulo para 107.

Passo 2

Crie o texto com Todas em Maiúsculas (All Caps) usando a fonte Sniglet, e defina o Tamanho (Size) para 250 pt.

Você pode criar a palavra inteira de uma vez, ou, se você quiser um resultado mais dinâmico, você pode criar cada letra em uma camada separada.

Se você estiver criando as letras separadamente, certifique-se de colocar cada uma das camadas em um grupo com o nome da letra.

2. Como Criar e Salvar a Ponta do Traçado do Pincel

Passo 1

Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Brush). Escolha uma ponta arredondada dura e use as seguintes configurações:

Forma da Ponta do Pincel (Brush Tip Shape)

Dinâmica da Forma (Shape Dynamics)

Passo 2

Clique no ícone Criar Novo Pincel (Create New Brush) no canto inferior direito do painel, altere o Nome para Traçado do Biscoito e clique em OK.

3. Como Criar e Traçar o Demarcador de Trabalho

Passo 1

Clique com o Botão Direito do Mouse na camada do texto e escolha Criar Demarcador de Trabalho (Create Work Path).

Passo 2

Crie uma nova camada acima da camada do texto e chame-a de Traçado (Stroke). Certifique-se de que a Ferramenta Pincel (B) ainda esteja ativa, e pressione a tecla Enter (Return) para traçar o demarcador.

Pegue a Ferramenta de Seleção Direta (A) e pressione a tecla Enter novamente para se livrar do demarcador de trabalho.

Passo 3

Coloque ambas as camadas de Texto e Traçado em um grupo e chame-o de Texto e Traçado (Text and Stroke).

4. Como Estilizar um Grupo de Camadas

Dê um duplo clique no grupo Texto e Traçado para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 7
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode):
  • Cor: #b08965
• Modo de Sombra (Shadow Mode):
  • Cor: #d3a35e
  • Opacidade: 35%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Meia-Volta (Half Round)
• Marque a opção Suavização de Serrilhado (Anti-aliased)

Passo 3

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Cor: #762b3d
• Opacidade: 38%
• Distância: 3
• Tamanho (Size): 5

Passo 4

Adicione outro instância do efeito de Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Cor: #7d3848
• Opacidade: 50%
• Distância: 15
• Tamanho (Size): 25

Isso vai estilizar a forma principal da bolacha.

5. Como Adicionar a Imagem de Textura

Passo 1

Abra a imagem dos Biscoitos, e pegue a Ferramenta Letreiro Elíptico (M) para selecionar um dos biscoitos na imagem. Você pode selecionar somente a parte que você quer usar também.

Vá para Editar > Copiar (Edit > Copy) para copiar a parte selecionada.

Passo 2

Volte para o documento original e vá até Editar > Colar (Edit > Paste) para colar a textura do biscoito copiado.

Coloque a camada colada dentro do grupo da letra acima do grupo Texto e Traçado (Text and Stroke). Em seguida, clique com o Botão Direito na camada de textura do biscoito e escolha Criar Máscara de Corte (Create Clipping Mask).

Pressione Command/Ctrl-T para entrar no Modo Transformação Livre. Redimensione e rotacione a textura até que você goste do resultado.

Pressione Enter para confirmar as mudanças.

6. Como Contrair uma Seleção

Passo 1

Segure Command/Ctrl e clique na miniatura da camada do texto para criar uma seleção.

Passo 2

Vá para Selecionar > Modificar > Contração (Select > Modify > Contract) e altere o valor de Reduzir em (Contract By) para 5.

Passo 3

Crie uma nova camada acima na parte de cima do grupo da letra e chame-a de Cobertura 01 (Glaze 01).

Preencha a seleção com a cor Branca, e pressione Command/Ctrl-D para desselecionar.

Passo 4

Duplique a camada Cobertura 01 (Glaze 01) e chame a cópia de Cobertura 02 (Glaze 02) e altere o valor do Preenchimento (Fill) da cópia para 0.

Passo 5

Coloque ambas as camadas de cobertura em um grupo e chame-o de Cobertura (Glaze).

7. Como Criar um Estilo de Cobertura Suave

Dê um duplo clique na camada Cobertura 01 (Glaze 01) para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 9
• Suavização (Soften): 9
• Marque a opção Suavização de Serrilhado (Anti-aliased).
• Modo de Realce (Highlight Mode): Luz Suave
  • Cor: #b08965
• Modo de Sombra (Shadow Mode):
  • Cor: #b69c5e
  • Opacidade: 35%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Meia-Volta (Half Round)
• Marque a opção Suavização de Serrilhado (Anti-aliased).

Passo 3

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Nuvens (Clouds)
• Profundidade (Depth): 25%

Passo 4

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações

• Cor: #d3d1c8
• Opacidade: 35%
• Distância: 3
• Tamanho (Size): 7

Passo 5

Adicione uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

• Cor: #f1efde

Passo 6

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Linear Burn
• Cor: #2c1c0b
• Opacidade: 15%
• Distância: 3
• Tamanho (Size): 3

Isso vai criar um estilo de cobertura suave.

8. Como Criar um Estilo de Cobertura Texturizado

Dê um duplo-clique na camada Cobertura 02 (Glaze 02) para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 7
• Suavização (Soften): 7
• Desmarque a opção Utilizar Luz Global (Use Global Light).
• Ângulo: 85
• Altitude: 26
• Marque a opção Suavização de Serrilhado (Anti-aliased).
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Cor: #ffffff
• Modo de Sombra (Shadow Mode): Superexposição Linear (Linear Burn)
  • Cor: #b1997c
  • Opacidade: 28%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Meia-Volta (Half Round)
• Marque a opção Suavização de Serrilhado (Anti-aliased).

Passo 3

Adicione uma Textura com as seguintes configurações:

• Padrão (Pattern): Acetinado (Satin)
• Profundidade (Depth): 26%

Isso vai criar uma cobertura mais texturizada.

9. Como Criar Mais Letras

Repita os mesmos passos para criar mais letras de acordo com sua necessidade.

Use o Modo Transformação Livre para girar as letras e posicioná-las de acordo com sua preferência.

Você não precisa reaplicar todos os estilos de camada para cada camada.Ao invés disso, você pode clicar com o Botão Direito do Mouse na camada estilizada, escolher Copiar Estilo de Camada (Copy Layer Style), clicar com o Botão Direito do Mouse na nova camada que você quer aplicar o mesmo estilo de camada e escolha Colar Estilo de Camada (Paste Layer Style).

Assim que você terminar, coloque todos os grupos de letras em outro grupo e chame-o de Texto.

10. Como Criar uma Ponta de Pincel de Granulados

Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Brush).

Escolha uma ponta arredondada dura e use as seguintes configurações:

Forma da Ponta de Pincel (Brush Tip Shape)

Dinâmica da Forma (Shape Dynamics)

Dispersão (Scattering)

11. Como Criar um Estilo de Granulados

Passo 1

Crie uma nova camada acima do grupo do Texto e coloque-a em um grupo com o nome Granulados (Sprinkles).

Dê um duplo-clique na nova camada para aplicar o seguinte estilo de camada:

Passo 2

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 6
• Desmarque a opção Utilizar Luz Global (Use Global Light).
• Ângulo: 98
• Altitude: 53
• Marque a opção Suavização de Serrilhado (Anti-aliased).
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Opacidade: 5%
• Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)

Passo 3

Adicione um Contorno com as seguintes configurações:

• Contorno: Degraus Arredondados (Rounded Steps)
• Marque a opção Suavização de Serrilhado (Anti-aliased).
• Escala (Range): 59%

Passo 4

Adicione uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

• Cor: #f88dc7

Aqui é onde você pode escolher a cor dos granulados na camada estilizada, então você pode escolher qualquer cor de sua preferência.

Passo 5

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Cor: #2a2826
• Opacidade: 20%
• Distância: 2
• Tamanho (Size): 3

12. Como Adicionar Granulados

Passo 1

Renomeie a camada estilizada com o mesmo nome da cor escolhida para o efeito da Sobreposição de Cor (Color Overlay), e copie seu estilo de camada.

Clique-e-arraste suavemente sobre as letras para adicionar granulados. Você pode alterar os valores do Espaçamento (Spacing) e Dispersão (Scattering) da ponta do pincel, de acordo com o necessário para criar um efeito de sua preferência.

Passo 2

Crie novas camadas, nomeie cada uma com a cor desejada para o granulado e cole o estilo de camada em cada uma delas.

Tudo o que você precisa fazer para alterar a cor dos granulados é dar um duplo-clique na camada dos granulados, e escolher um novo valor para a Cor do efeito de Sobreposição de Cor (Color Overlay).

Passo 3

Você pode adicionar várias camadas de granulados e cores  de acordo com sua preferência para preencher o texto.

13. Como Adicionar os Ajustes Globais

Passo 1

Assim que você terminar de adicionar os granulados, coloque os grupos de Texto e Granulados em um novo grupo e chame-o de Biscoitos.

Passo 2

Adicione uma camada de ajuste de Níveis (Levels) e transforme-a em máscara de corte para o grupo Biscoitos.

Em seguida, altere o valor dos Realces (Highlights) para 6, o Gamma para 0.90 e as Sombras (Shadows) para 248.

Passo 3

Adicione uma camada de ajuste de Vibratilidade (Vibrance), transforme-a em máscara de corte para o grupo Biscoitos e altere o valor da Vibratilidade para 20.

Passo 4

Adicione uma camada de ajuste de Brilho/Contraste (Brightness/Contrast), transforme-a em máscara de corte para o grupo Biscoitos e altere o valor do Contraste para 15.

Passo 5

Coloque a imagem da Textura de cimento acima da camada de preenchimento de Degradê (Gradient), redimensione-a para que ele caiba dentro do documento e renomeie sua camada para Sobreposição de Textura (Texture Overlay).

Altere o Modo de Mesclagem (Blend Mode) da camada Sobreposição de Textura para Superexposição Linear (Linear Burn) e sua Opacidade para 50%.

Parabéns! Você Terminou!

Neste tutorial, nós criamos um fundo com um degradê e camadas de texto.

Em seguida, nós criamos uma ponta de pincel simples, usamos ela para traçar o texto e estilizamos as camadas do texto e do traçado para criar a forma principal do biscoito.

Depois disso, criamos e estilizamos as camadas das coberturas e criamos uma ponta de pincel de granulados que nós adicionamos em cima dos biscoitos com cobertura e estilizamos com cores diferentes.

Finalmente, usamos algumas camadas de ajuste para adicionar os ajustes globais ao efeito.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.