Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto de Plástico Bolha no Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Este tutorial irá mostrar a você como criar um fácil efeito de texto de plástico-bolha, usando um simples padrão e alguns estilos de camada. Vamos começar!

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

Arquivos do Tutorial

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

1. Carregando os Padrões Padrões

Você precisará carregar dois conjuntos de Padrões padrões do Photoshop. Para fazer isso, vá para Editar > Predefinições > Gerenciador de Predefinição (Edit > Presets > Preset Manager) e escolha Padrões (Patterns) no menu suspenso do Tipo de Predefinição (Preset Type). Em seguida, clique na pequena seta à direita do menu suspenso do Tipo de Predefinição (Preset Type) e você precisará adicionar os conjuntos Padrões (Patterns) e Padrões da Natureza (Nature Patterns). Quando a caixa de diálogo aparecer depois de adicionar cada um deles, apenas clique em Anexar (Append).

2. Criando o Padrão

Passo 1

Comece criando um novo documento de 77 x 41 px, configure a Resolução para 240 Pixels/Polegada (Pixels/Inch) e o Conteúdo do Plano de Fundo (Background Contents) para Transparente.

Em seguida, pegue a Ferramenta Letreiro Elíptico (L) e crie um círculo de 32 x 32 px no centro do documento.

Create a Circular Selection

Passo 2

Preencha a seleção com Preto e vá para Selecionar > Cancelar Seleção (Select > Deselect).

Fill with Black

Passo 3

Em seguida, pegue a Ferramenta Mover (V) e arraste o círculo preto para que seu centro fique sobre a borda inferior do documento.

Crie mais três cópias do círculo e espalhe-os pelas bordas restantes do documento, certificando-se de que seus centros fiquem exatamente em cima de cada borda.

Create and Positions All the Circles

Passo 4

Vá para Editar > Definir Padrão (Edit > Define Pattern), digite Padrão no Nome e clique em OK.

Define Pattern

3. Criando o Fundo

Passo 1

Crie um novo documento de 1204 x 870 px, e defina a Resolução para 72 Pixels/Polegada (72 Pixels/Inch).

Coloque a textura Sorensen Leather - Savanne-royal-30307 acima da camada do Fundo (Background), redimensione-a de acordo com o necessário dependendo da quantidade de detalhe que você queira e renomeie sua camada para Textura de Fundo.

Add the Background Texture

Passo 2

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

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

  • Cor: #e8e8e8
  • Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
  • Opacidade: 50%
Color Overlay

Passo 3

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Marque a opção Pontilhamento (Dither)
  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Estilo: Radial
  • Escala: 150%
  • Clique na caixa de Degradê (Gradient) para criar o degradê usando as cores #d8d8d7 para a esquerda e #ffffff para a direita.
Gradient Overlay

Passo 4

Adicione outra Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Marque a opção Pontilhamento (Dither)
  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 50%
  • Estilo: Refletido
  • Ângulo: 30
  • Escala: 150%
  • Escolha o preenchimento de degradê Chrome Circle
Gradient Overlay 2

Passo 5

Isso irá estilizar a textura de couro e adicionar um pouco de iluminação.

Duplique a camada Textura de Fundo e em seguida, clique com o Botão Direito do Mouse na cópia e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Convert to Smart Object

Passo 6

Vá para Filtro > Outros > Alta Frequência (Filter > Other > High Pass) e defina o Raio para 10.

High Pass

Passo 7

Altere o Modo de Mesclagem (Blend Mode) da camada Textura de Fundo cópia para Sobrepor (Overlay). Isso irá dar um pouco mais de nitidez aos detalhes.

Change Blend Mode

4. Criando as Camadas de Texto e Traçado

Passo 1

Crie o texto com a cor Branca usando a fonte Palamecia Titling e com o Tamanho (Size) de 250 pt.

Se você estiver criando mais de uma linha, defina o valor das Entrelinhas (Leading) para algo por volta de 220 pt.

Create the Text

Passo 2

Duplique a camada do texto duas vezes e renomeie a primeira cópia para Bolhas e a segunda para Traçado.

Duplicate the Text Layer

Passo 3

Altere o valor do Preenchimento (Fill) da camada Bolhas para 0.

Bubbles Fill Value

Passo 4

Clique com o Botão Direito do Mouse na camada Traçado e escolha Converter em Objeto Inteligente (Convert to Smart Object) e em seguida, altere o valor do Preenchimento (Fill) para 0 também.

Convert Stroke to Smart Object

5. Estilizando a Camada de Texto

Dê um duplo-clique na camada de texto original 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 Sombra - Opacidade (Shadow Mode - Opacity): 0%
Bevel and Emboss

Passo 2

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Disposição Horizontal (Laid-horizontal)
  • Profundidade (Depth): 90%
Texture

Passo 3

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Opacidade: 67%
  • Ruído (Noise): 41%
  • Cor: #ffffff
  • Tamanho (Size): 3
Outer Glow

Passo 4

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

  • Opacidade: 75%
  • Distância: 10
  • Tamanho (Size): 10
Drop Shadow

Passo 5

Assim que o texto estiver estilizado, reduza o valor da Opacidade de sua camada para 35% e o valor do Preenchimento (Fill) para 10%.

Você pode precisar alterar esses valores se você estiver usando um fundo diferente.

Layer Settings

6. Criando as Bolhas

Passo 1

Dê um duplo-clique na camada Bolhas para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

  • Padrão (Pattern): Padrão
  • Escala: 50%
Pattern Overlay

Passo 2

Converta a camada Bolhas em um Objeto Inteligente (Smart Object) e altere o seu valor de Preenchimento (Fill) para 0.

Convert to Smart Object

Passo 3

Duplique a camada Bolhas para criar uma cópia.

Duplicate the Bubbles Layer

7. Estilizando a Primeira Camada de Bolhas

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

Passo 1

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

  • Tamanho (Size): 2
  • Modo de Realce - Opacidade (Highlight Mode - Opacity): 100%
  • Modo de Sombra - Cor (Shadow Mode - Color): #6f6f6f
Bevel and Emboss

Passo 2

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Padrão de Textura
  • Profundidade (Depth): 167%
Texture

Passo 3

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

  • Cor: #ffffff
  • Opacidade: 5%
Color Overlay

Passo 4

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

  • Opacidade: 15%
  • Distância: 1
  • Tamanho (Size): 3
Drop Shadow

Isso irá estilizar a primeira camada das bolhas.

Styled Bubbles 1

8. Estilizando a Segunda Camada de Bolhas

Dê um duplo-clique na camada Bolhas cópia para aplicar um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Tamanho (Size): 4
  • Desmarque a opção Utilizar Luz Global (Use Global Light)
  • Ângulo: 45
  • Altitude: 74
  • Modo de Sombra - Opacidade (Shadow Mode - Opacity): 20%
Bevel and Emboss

E é isso para esta camada. Isso só adiciona mais textura e detalhes para a anterior.

Styled Bubbles 2

9. Estilizando a Camada Traçado

Dê um duplo-clique na camada Traçado para aplicar o seguinte estilo de camada:

Passo 1

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

  • Estilo: Traçar Entalhe (Stroke Emboss)
  • Tamanho (Size): 10
  • Desmarque a opção Utilizar Luz Global (Use Global Light)
  • Ângulo: -117
  • Altitude: 42
  • Contorno de Reflexo (Gloss Contour): Cone
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Sombra - Opacidade (Shadow Mode - Opacity): 0%
Bevel and Emboss

Passo 2

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Células (Cells)
  • Profundidade (Depth): 1000%
Texture

Passo 3

Adicione um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 5
  • Posição: Central
  • Opacidade: 30%
  • Cor: #828282
Stroke

Isso irá estilizar as bordas do texto.

Styled Stroke

10. Criando a Parte Interna

Passo 1

Pressione Command/Ctrl-clique na miniatura da camada do texto original para criar uma seleção.

Create a Selection

Passo 2

Vá para Selecionar > Modificar > Contração (Select > Modify > Contract) e digite 5.

Contract Selection

Passo 3

Vá para Selecionar > Modificar > Difusão (Select > Modify > Feather) e digite 10.

Feather Selection

Passo 4

Crie uma nova camada acima da camada Bolhas cópia, chame-a de Detalhes Internos e preencha a seleção com a cor Branca.

Inner Details Fill

Passo 5

Pressione Command/Ctrl-clique na miniatura da camada do texto para selecionar o texto novamente.

Select the Text

Passo 6

Vá para Selecionar > Inverter (Select > Inverse), pressione a tecla Delete para se livrar de qualquer parte extra fora do texto e em seguida, vá para Selecionar > Cancelar Seleção (Select > Deselect).

Delete Outer Parts

11. Estilizando a Parte Interna

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

Passo 1

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

  • Tamanho (Size): 0
  • Modo de Realce - Opacidade (Highlight Mode - Opacity): 100%
Bevel and Emboss

Passo 2

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): Folhas (Leaves)
  • Profundidade (Depth): 99%
Texture

Passo 3

Altere o valor do Preenchimento (Fill) da camada Detalhes Internos para 0.

Isso vai adicionar um pouco mais de textura ao texto.

Fill Value

12. Aplicando Alguns Filtros

Passo 1

Selecione a camada Traçado e vá para Filtro > Distorção > Ondulação (Filter > Distort > Ripple).

Altere a Intensidade (Amount) para 150 e o Tamanho (Size) para Pequena (Small).

Ripple Filter

Passo 2

Vá para Selecionar > Tudo (Select > All), em seguida, Editar > Copiar Especial > Copiar Mesclado (Edit > Copy Especial > Copy Merged) e Editar > Colar (Edit > Paste).

Coloque a camada colada em cima de todas as camadas, renomeie ela para Iluminação e converta-a em um Objeto Inteligente (Smart Object).

Copy Paste and Convert into a Smart Object

Passo 3

Vá para Filtros > Renderização > Efeitos de Iluminação (Filter > Render > Lighting Effects), escolha Spot Light, e modifique suas configurações como mostrado abaixo:

  • Cor: (250, 250, 248)
  • Intensidade: 20
  • Ponto de Acesso (Hotspot): 60
  • Colorir (Colorize): (245, 248, 248)
  • Exposição (Exposure): 2
  • Reflexo (Gloss): 0
  • Metálico: 100
  • Ambiente: 20
  • Textura: Verde
  • Altura (Highlight): 1
Lighting Effects

Passo 4

Mova a luz livremente até você conseguir um resultado parecido com o mostrado abaixo.

Move the Light

Passo 5

Finalmente, reduza a Opacidade da camada Iluminação (Lighting) para 50%. Isso irá ajustar a iluminação e aperfeiçoará os detalhes.

Lighting Layer Settings

Parabéns! Você Terminou

Neste tutorial, nós criamos um simples padrão para a parte do efeito das bolhas e o definimos para que nós pudéssemos usá-lo com os nossos estilos de camada. Em seguida, nós estilizamos uma textura de couro para o fundo e deixamos ela um pouquinho mais nítida.

Depois disso, nós criamos as camadas do texto, das bolhas e do traçado e estilizamos cada uma delas para conseguir uma aparência de plástico-bolha. Finalmente, nós usamos alguns filtros para terminar o efeito e ajustar a iluminação.

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

Final Result
Advertisement
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.