Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:MediumLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Gradient Layer

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.

Create the Text Layers

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)

Brush Tip Shape

Dinâmica da Forma (Shape Dynamics)

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.

Cookie Stroke Brush Tip

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).

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.

Stroke the Work Path

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).

Text and Stroke Group

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%
Bevel and Emboss

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)
Contour

Passo 3

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

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

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
Drop Shadow

Isso vai estilizar a forma principal da bolacha.

Styled Cookie Shape

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.

Select and Copy the Texture

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.

Add the Cookie Texture

6. Como Contrair uma Seleção

Passo 1

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

Create a Selection

Passo 2

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

Contract Selection

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.

Fill Selection

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.

Duplicate the Layer

Passo 5

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

Glaze Group

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%
Bevel and Emboss

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).
Contour

Passo 3

Adicione uma Textura com as seguintes configurações:

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

Passo 4

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

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

Passo 5

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

  • Cor: #f1efde
Color Overlay

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
Drop Shadow

Isso vai criar um estilo de cobertura suave.

Styled Glaze

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%
Bevel and Emboss

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).
Contour

Passo 3

Adicione uma Textura com as seguintes configurações:

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

Isso vai criar uma cobertura mais texturizada.

Styled Glaze

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.

Text Group

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)

Brush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape Dynamics

Dispersão (Scattering)

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).

Sprinkles Group

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)
    Bevel and Emboss

    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%
    Contour

    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.

    Color Overlay

    Passo 5

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

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

    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.

    Add the Sprinkles

    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).

    Color Overlay

    Passo 3

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

    Add More Sprinkles

    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.

    Cookies Group

    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.

    Levels

    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.

    Vibrance

    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.

    BrightnessContrast

    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%.

    Texture Overlay

    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.

    Final Result
    Advertisement
    Advertisement
    Looking for something to help kick start your next project?
    Envato Market has a range of items for sale to help get you started.