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 Renda Realista 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

Este tutorial vai mostrar a você como usar algumas formas para criar um pincel de renda. Em seguida, você vai modificar as configurações do pincel para traçar e preencher um texto, estilizá-lo e vai usar alguns filtros para criar um efeito de texto inspirado em renda. 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. Criando as Linhas-Guia

Passo 1

Crie um novo documento de 500 x 500 px, pressione Command/Ctrl-R para mostrar a régua, arraste as linhas-guia da horizontal e da vertical e posicione-as no centro do documento.

Se você precisar mostrar/ocultar essas linhas-guias, pressione apenas as teclas Command/Ctrl-; para fazer isso.

Add the Guidelines

Passo 2

Pegue a Ferramenta Linha (U), defina a Cor do Primeiro Plano para Vermelha e o Peso (Weight) na barra de Opções para 1.

Crie um linha vertical reta no centro do documento e certifique-se de estender seu comprimento para além das bordas superior e inferior.

Create a Line

Passo 3

Selecione a camada da forma da Linha e a camada do Fundo (Background) e em seguida pegue a Ferramenta Mover (V).

Na barra de Opções, clique nos ícones Alinhar Centros Verticais e Alinhar Centros Horizontais. Isso vai garantir que a linha esteja exatamente no centro do documento.

Align the Line

Passo 4

Duplique a camada da forma da Linha e pressione Command/Ctrl-T para entrar no Modo de Transformação Livre.

Pressione e segure a tecla Shift e rotacione a linha cópia em 30º no sentido Horário. Pressione Enter para salvar as alterações.

Rotate the Line

Passo 5

Pressione as teclas Option/Alt-Command/Ctrl-Shift-T mais algumas vezes até que você obtenha o resultado abaixo.

Duplicate the Lines

Passo 6

Selecione todas as camadas das formas de Linha que você tenha e rotacione todas elas em 15º no sentido Horário.

Rotate the Lines

Passo 7

Agrupe as camadas das formas de Linha em um grupo e chame-o de Guias, em seguida, clique no ícone Bloquear Tudo (Lock All) na parte superior do painel de Camadas para prevenir qualquer mudança acidental nelas.

Group and Lock

2. Criando a Forma Base

Passo 1

Escolha a Ferramenta Polígono (U) e clique uma vez em qualquer lugar no documento para abrir a caixa de diálogo Criar Polígono (Create Polygon).

Defina os valores da Largura (Width) e Altura (Height) para 450 e o Número de Lados (Number of Sides) para 12, marque as opções Suavizar Vértices (Smooth Corners) e Estrela (Star) e defina o valor de Recuar Lados Em (Indent Sides By) para 10%. Clique em OK.

Coloque o polígono no centro do documento.

Create a Polygon

Passo 2

Duplique a camada do Polígono e reduza sua escala para algo em volta de 375 px para a Largura (Width) e Altura (Height).

Você pode fazer isso pressionando Command/Ctrl-T e em seguida, pressionando e segurando as teclas Shift-Option/Alt e clicando e arrastando a forma para dentro. Ou, você pode simplesmente alterar os valores de L (W) e A (H) na barra de Opções. Pressione Enter para salvar as mudanças quando você terminar.

Certifique-se de que a Ferramenta Polígono (U) ainda esteja ativa, e na barra de Opções, altere a Largura do Traçado (Stroke Width) para 5 e a opção Alinhar para Externa.

Duplicate and Modify the Base Shape

3. Criando as Elipses Externas

Passo 1

Pegue a Ferramenta Elipse (U) e clique no ícone de uma Engrenagem (Opções de Geometria) na barra de Opções.

Escolha a opção Tamanho Fixo (Fixed Size), defina ambos os valores para 14 px e marque a opção A Partir do Centro (From Center).

Clique e arraste suavemente na parte central superior do documento para criar um círculo entre as bordas das duas formas base.

Create a Circle

Passo 2

Crie outro círculo à direita do que você criou anteriormente.

Pressione e segure a tecla Shift, e em seguida clique e arraste mais uma vez para adicionar outro círculo à direita dos dois anteriores.

A tecla Shift vai colocar os dois novos círculos na mesma camada.

Add Two More Circles

Passo 3

Duplique a camada dos dois círculos.

Pressione Command/Ctrl-T, em seguida pressione e segure a tecla Option/Alt e clique e arraste o Ponto Central (de Referência) para posicioná-lo em cima da linha-guia vertical do centro.

Isso fará com que qualquer transformação ocorra em torno do centro vertical do documento.

Reposition the Center Point

Passo 4

Na barra de Opções, adicione um - ao valor L (W) e pressione Enter para salvar as mudanças.

Isso faz com que a cópia dos círculos seja virada verticalmente.

Flip the Circles

Passo 5

Selecione todas as camadas de Elipse que você tenha e pressione Command/Ctrl-E para mesclá-las.

Merge the Ellipses

4. Duplicando os Círculos

Passo 1

Duplique a camada dos círculos mesclados, pressione Command/Ctrl-T e arraste o Ponto Central para o centro do documento (onde todas as linhas-guia se encontram).

Reposition the Center Point

Passo 2

Rotacione a camada cópia em 30º no Sentido Horário, pressione a tecla Enter e em seguida pressione as teclas Option/Alt-Command/Ctrl-Shift-T para repetir os passos por toda a forma base.

Mescle todas as camadas dos círculos em uma camada e chame-a de Elipses Externas.

Duplicate to Fill the Shape

5. Criando as Elipses Internas

Passo 1

Crie um círculo de 30 x 30 px na parte superior do centro da forma base menor.

Em seguida, crie um círculo menor (23 x 23 px) à sua direita, mas faça com que ele se sobreponha como mostrado abaixo.

Create the Overlapping Ellipses

Passo 2

Duplique e vire o círculo menor assim como você fez anteriormente, e mescle todas as três camadas do círculo em uma única camada.

Depois disso, pressione e segure a tecla Option/Alt para subtrair a forma frontal, e então crie uma elipse maior que cubra a parte inferior das três elipses mescladas como mostrado abaixo.

Remove the Lower Part of the Ellipses

Passo 3

Duplique a forma resultante no resto das formas base assim como você fez com as elipses externas, e então mescle todas as camadas das formas de elipse internas em uma camada chamada Elipses Internas.

Duplicate to Fill

6. Criando as Gotas

Passo 1

Crie um elipse vertical de 30 x 85 px no centro do documento, abaixo das elipses internas.

Create a Long Vertical Ellipse

Passo 2

Pegue a Ferramenta Converter Pontos e clique no ponto de ancoragem na parte inferior da elipse.

Convert Bottom Point

Passo 3

Pegue a Ferramenta de Seleção Direta (A) e então clique e arraste para selecionar os dois pontos de ancoragem no meio da elipse, e use a Seta para Cima para deslocá-los um pouco para cima.

Você também pode usar a Ferramenta Converter Pontos para clicar e arrastar o ponto de ancoragem superior e ajustá-lo.

Move and Adjust the Anchor Points

Passo 4

Repita a forma de gota que você criou sobre a forma base e mescle todas as camadas das formas de gota em uma camada chamada Gotas.

Duplicate to Fill

7. Adicionando Mais Algumas Formas e Definindo o Pincel

Passo 1

Use a Ferramenta Linha (U) para adicionar uma linha de 2 px como mostrado abaixo.

Add a Line

Passo 2

Repita o procedimento no resto da forma base e mescle todas as camadas de linha resultantes em uma cada chamada Linhas das Gotas.

Duplicate to Fill

Passo 3

Duplique a forma base menor, arraste a cópia para cima de todas as camadas e reduza sua escala como desejar.

Duplicate and Resize the Base Shape

Passo 4

Duplique a forma com a escala reduzida, e em seguida reduza ainda mais a segunda cópia, você deve terminar com um resultado parecido com o mostrado abaixo.

Duplicate and Scale the Second Copy of the Top Base Shape

Passo 5

Finalmente, crie uma linha de 2 px entre as duas formas base de cima e duplique-a para preencher toda a área.

Mescle as camadas das linhas resultantes em uma camada chamada Linhas Internas.

Duplicate the Inner Lines

Passo 6

Assim que você terminar, vá para Editar > Definir Predefinição de Pincel (Edit > Define Brush Preset), digite Renda para o Nome e então clique em OK.

Isso vai adicionar a forma como uma ponta de pincel nas suas Predefinições de Pincel.

Define the Brush

8. Criando o Fundo

Passo 1

Crie um novo documento de 850 x 602 px, em seguida coloque a textura Tapete Roxo em cima da camada Plano de Fundo (Background) e renomeie sua camada para Textura de Fundo.

Redimensione a textura como desejar.

Add the Background Texture

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

Passo 2

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

  • Cor: #7f89a0
  • Modo de Mesclagem (Blend Mode): Cor
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): Superexposição Linear (Linear Burn)
  • Opacidade: 18%
  • Estilo: Radial
  • Escala: 150%
  • Clique na caixa de Degradê (Gradient) para criar o preenchimento de degradê usando as cores #ffffff para a esquerda e #6c6c6c para a direita.
Gradient Overlay

Isso vai mudar a cor da textura e adicionar uma vinheta.

Modified Texture

9. Criando o Texto e o Demarcador de Trabalho

Passo 1

Crie um texto com a cor Branca usando a fonte Sofia Regular e defina seu Tamanho (Size) para um valor de mais ou menos 320 pt.

Create the Text

Passo 2

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 3

Escolha a Ferramenta de Seleção Direta (A) e na barra de Opções, clique no ícone Operações de Demarcador (Path Operations) e clique no comando Mesclar Componentes de Forma (Merge Shape Components).

Isso vai ajudar a se livrar de partes sobrepostas, o que vai resultar em um traçado muito mais limpo.

Merge Shape Components

Passo 4

Crie uma nova camada, chame-a de Traçado e deixe a camada do texto invisível.

Create the Stroke Layer

10. Modificando as Configurações do Pincel e Criando o Traçado

Passo 1

Pegue a Ferramenta Pincel (B), em seguida abra o painel Pincel (Janela > Pincel (Window > Brush)) e escolha a ponta do pincel de Renda que você definiu anteriormente.

Sob a aba Forma da Ponta do Pincel (Brush Tip Shape), altere o Tamanho (Size) para 25 e o Espaçamento (Spacing) para 60%.

Em seguida, sob a aba Dinâmica da Forma (Shape Dynamics), defina o Controle da Tremulação do Ângulo (Angle Jitter Control) para Direção (Direction).

Brush Panel Settings

Passo 2

Certifique-se de que a camada Traçado esteja ativa, a Ferramenta Pincel (B) ainda esteja selecionada e de que a Cor do Primeiro Plano seja Branca.

Pressione a tecla Enter para traçar o demarcador.

Stroke the Path

Passo 3

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

Create a Selection

Passo 4

Pressione a tecla Delete duas vezes para se livrar do demarcador de trabalho e da parte interna do traçado.

Delete the Inner Part

11. Criando o Preenchimento

Passo 1

Escolha a ponta do pincel de Renda original novamente e altere seu Tamanho (Size) para 70 e seu Espaçamento (Spacing) para 75%.

Modify the Fill Lace Brush

Passo 2

Crie uma nova camada acima de todas as camadas.

Clique uma vez na parte superior onde o texto começa, e em seguida pressione e segure a tecla Shift, e clique onde o texto termina.

Isso irá criar uma linha reta de rendas.

Create a Lace Line

Passo 3

Duplique a linha e mova a cópia para baixo da original. Então, desloque-a um pouco para a direita, para que você preencha as brechas entre as linhas.

Em seguida, duplique ambas as linhas, arraste as cópias para baixo e repita o processo até que todo o texto fique coberto.

Coloque todas as camadas das linhas em um grupo e chame-o de Preenchimento.

Duplicate the Lines to Fill the Text

Passo 4

Pressione Command/Ctrl-clique na miniatura da camada do texto para criar uma seleção novamente, e então clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel Camadas (Layers).

Mask the Fill

12. Estilizando as Linhas de Renda

Dê um duplo-clique em qualquer camada de linha de renda para aplicar o seguinte estilo de camada:

Passo 1

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

  • Tamanho (Size): 1
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Bevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Aro - Duplo (Ring - Double)
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
Contour

Passo 3

Adicione uma Textura com as seguintes configurações:

  • Padrão (Pattern): 45 degree fabric
  • Escala: 71%
Texture

Passo 4

Isso vai estilizar a linha selecionada.

Clique com o Botão Direito do Mouse na camada da linha estilizada, escolha Copiar Estilo de Camada (Copy Layer Style) e então selecione o resto das camadas das linhas de renda, clique com o Botão Direito em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).

Isso vai aplicar os estilos de camada para todas as linhas de renda.

Copy and Paste the Layer Styles

13. Adicionando a Sombra

Passo 1

Selecione o grupo Preenchimento e a camada Traçado, altere seus valores de Preenchimento (Fill) para 91% e em seguida vá para Filtro > Converter para Filtros Inteligentes (Filter > Convert to Smart Filters).

Renomeie o Objeto Inteligente para Preenchimento.

Convert to a Smart Object

Passo 2

Dê um duplo-clique na camada de Preenchimento para aplicar uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
  • Cor: #707070
  • Opacidade: 41%
  • Desmarque a opção Utilizar Luz Global (Use Global Light)
  • Ângulo: 129
  • Distância: 7
  • Tamanho (Size): 10
Drop Shadow

Isso vai adicionar um sombra sutil.

Drop Shadow

14. Aplicando os Filtros

Passo 1

Certifique-se de que a camada Preenchimento está selecionada, e então pressione as teclas Option/Alt-Command/Ctrl-Shift-E para criar uma camada carimbo (com a mesclagem de todas as camadas visíveis) e renomeie ela para Filtros.

Converta a camada Filtros em um Objeto Inteligente (Smart Object).

Create the Filters Layer

Passo 2

Vá para Filtro > Renderização > Efeitos de Iluminação (Filter > Render > Lighting Effects) e escolha a luz Spot com as seguintes configurações:

  • Cor: 250, 250, 248
  • Intensidade: 20
  • Ponto de Acesso (Hotspot): 43
  • Colorir: 245, 248, 248
  • Exposição: 2
  • Reflexo (Gloss): 100
  • Metálico: 100
  • Ambiente: 20
  • Textura: Verde
  • Altura (Height): 1

Tente obter uma forma parecida com a mostrada abaixo.

Lighting Effects

Passo 3

Vá para Filtro > Galeria de Desfoques > Inclinação-Shift (Filter > Blur Gallery > Tilt-Shift).

Defina o Desfoque (Blur) para 5 e a Distorção para 0 e então tente obter uma forma que desfoque as bordas.

Tilt-Shift

Passo 4

Assim que você terminar, altere a Opacidade da camada Filtros para 50%.

Change the Opacity

Você pode brincar com diferentes formas e configurações para criar seu próprio pincel e efeito de renda.

Final Result

Parabéns! Você Terminou

Neste tutorial, nós usamos algumas formas, com algumas dicas e truques para criar e definir um pincel de renda.

Em seguida, nós modificamos a textura do fundo e criamos o texto e o demarcador de trabalho.

Depois disso, nós ajustamos as configurações do pincel e então usamos os pincéis de renda modificados para traçar e preencher o texto e estilizamos as nossas camadas de renda.

Finalmente, nós usamos alguns filtros para finalizar o efeito e dar a ele mais dimensã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.