Como Criar um Efeito de Texto de Renda Realista no Adobe Photoshop

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:

• Fonte Sofia Regular
• Tapete Roxo por tizjezzme
• Padrão 45 degree fabric por Atle Mo

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.

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.

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.

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.

Passo 5

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

Passo 6

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

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.

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.

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.

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.

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.

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.

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.

Passo 5

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

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

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.

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.

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.

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.

6. Criando as Gotas

Passo 1

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

Passo 2

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

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.

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.

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.

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.

Passo 3

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

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.

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.

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.

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.

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

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.

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

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.

Passo 2

Clique com o Botão Direito do Mouse na camada do texto e escolha Criar Demarcador de Trabalho (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.

Passo 4

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

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

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.

Passo 3

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

Passo 4

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

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

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.

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.

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

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)

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)

Passo 3

Adicione uma Textura com as seguintes configurações:

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

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.

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.

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

Isso vai adicionar um sombra sutil.

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

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.

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.

Passo 4

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

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

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.