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

Como Criar um Efeito de Texto de Tipografia Floral em Camadas no Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Learn Adobe Photoshop.
How to Create a Cute Baby Dragon Photo Manipulation in Adobe Photoshop
How to Colourise an Old Photograph in Adobe Photoshop

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

Final product image
What You'll Be Creating

A tipografia floral é uma tendência de design que combina elementos florais bonitos com tipografia em negrito, para criar alguns designs elegantes. Este tutorial vai mostrar a você como utilizar uma imagem de flor do banco de imagens, com um texto simples e alguns estilos de camada, filtros, texturas, e ajustes para criar seu próprio design de tipografia floral. Vamos começar!

Este efeito de texto também foi inspirado nos diversos Estilos de Camada disponíveis no Envato Market.

Recursos do Tutorial

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

A coisa legal sobre a técnica utilizada neste tutorial é que ela pode funcionar para praticamente qualquer imagem que você utiliza.

Imagens de alta qualidade com detalhes ligeiramente grandes, no entanto, podem criar resultados melhores e mais limpos.

Também é importante escolher uma imagem que possa ser isolada do fundo facilmente, assim você pode adicionar seu próprio plano de fundo.

1. Ajuste a Coloração das Flores

Passo 1

Crie um novo documento de 3000 x 3000 px. Posicione a imagem da vista superior isolada do Buquê de flores em branco na parte superior da camada Plano de Fundo e renomeie sua camada Flores.

Place the Flowers Image

Passo 2

Vá para Image > Adjustments > Vibrance e altere o valor de Vibrance para -10.

Vibrance

Passo 3

Vá para Image > Adjustments > Hue/Saturation e altere o valor de Saturation para -10.

HueSaturation

Passo 4

Vá para Image > Adjustments > Color Balance e altere o Color Levels para -10, -2, 13.

Color Balance

Passo 5

Duplique a camada Flores e clique no ícone Add layer mask na parte inferior do painel Layers.

Verifique se a miniatura da máscara da camada está selecionada e preencha com Preto.

Add a Layer Mask

2. Crie o Texto

Passo 1

Crie o texto em Branco utilizando a fonte Big John Regular. Na verdade, você pode utilizar qualquer fonte e tamanho de fonte que desejar, mas tamanhos maiores e fontes mais ousadas ficam melhores. O Size utilizado aqui é 765 pt.

Se você quiser posicionar as letras separadamente, crie cada uma delas em uma camada separada e posicione-as em toda a imagem de flores que você tiver.

Create the Text

Passo 2

Agrupe as camadas de texto que você possui e chame o grupo de Texto. Depois posicione esse grupo entre as duas camadas de Flores.

Group the Text Layers

Passo 3

Diminua a Opacidade do grupo Texto para um valor que permita ver claramente os detalhes do texto e da imagem de plano de fundo.

Change the Text Group Opacity

3. Pintando as Partes Frontais da Flor

Passo 1

Pegue a Ferramenta Brush (B), defina a Cor de Primeiro Plano para Branco e escolha uma ponta de pincel redonda e dura.

Clique na miniatura da máscara de camada da cópia de Flores para selecioná-la e depois comece a pintar sobre as partes que deseja ter em frente do texto.

Você pode utilizar as teclas [ e ] para aumentar ou diminuir o tamanho da ponta do pincel. Apenas gaste seu tempo para pintar essas partes com a maior precisão possível.

Paint the Front Parts

Passo 2

Se houver qualquer peça que você não queira pintar, basta definir a Cor de Primeiro Plano como Preto e não pinte essas áreas.

Utilize a tecla X para alternar entre as cores Primeiro Plano e Plano de Fundo (Preto e Branco).

Você também pode utilizar ferramentas de seleção para selecionar as partes que deseja pintar, se desejar.

Un-Paint the Unwanted Areas

Passo 3

Quando terminar, defina a Opacidade do grupo Texto para 100% novamente e verifique como tudo está para ver se você gosta dele.

Original Text Opacity

Passo 4

Amplie o zoom para corrigir as áreas que precisam de mais trabalho. É um processo demorado, mas é importante obter um resultado final polido.

Zoom in to Fix Needed Areas

4. Crie a Sombra

Passo 1

Comando-clique na miniatura de máscara de camada cópia de Flores para criar uma seleção.

Create a Selection

Passo 2

Crie uma nova camada na parte superior do grupo Texto e chame-a de Sombra.

Pegue a Ferramenta Paint Bucket, desmarque a caixa Contiguous na barra Options e preencha a seleção com Preto.

Clique com o botão direito do mouse na camada Sombra e escolha Convert to Smart Object.

Create the Shadow Layer

Passo 3

Vá até Filter > Blur > Gaussian Blur e defina o Radius como 7.

Gaussian Blur

Passo 4

Utilize a Ferramenta Move para empurrar as sombras levemente para baixo.

Você vai notar a sombra aparecendo aleatoriamente em algumas das partes apagadas. Para corrigir isto, você precisa pintar essas partes (apagá-las).

Então escolha a Ferramenta Brush, selecione a máscara de camada Cópia Flores, defina a cor de Primeiro Plano para Branco e pinte sobre as partes que deseja cobrir a sombra.

Fix the Shadow Areas

Passo 5

Você pode utilizar um valor menor de Hardness para mesclar essas áreas perfeitamente.

Se necessário, você pode até mesmo mascarar a camada Sombra para apagar qualquer parte extra ou abrir a camada original para adicionar mais sombras.

Fix the Shadows

Passo 6

Quando terminar, altere o Blend Mode da camada Sombra para Multiply e sua Opacidade para 30%.

Shadow Layer Settings

5. Remova o Plano de Fundo Branco

Passo 1

Pegue a Ferramenta Magic Wand, desmarque a caixa Contiguous na barra Options e depois clique na área branca para selecioná-la.

Dependendo da imagem de flores que você está utilizando, pode ser necessário utilizar outras ferramentas para selecionar o plano de fundo, como a Ferramenta Magnetic Lasso ou a Ferramenta Quick Selection. Apenas certifique-se de selecionar o plano de fundo da imagem para removê-lo.

Select the Flowers Background

Passo 2

Vá para Select > Inverse, e adicione uma camada de máscara para esconder o plano de fundo branco.

Mask the White Background

Passo 3

Selecione a área branca novamente (a parte vazia agora na imagem Flores), clique na máscara cópia Flores e preencha a seleção com Preto.

Vá para Select > Deselect.

Apply the Mask to the Top Flowers Layer

6. Adicione o Preenchimento Gradiente do Plano de Fundo

Passo 1

Duplique a camada Plano de Fundo.

Duplicate the Background Layer

Passo 2

Clique duas vezes na camada cópia Plano de Fundo para aplicar um efeito Gradient Overlay com estas configurações:

  • Marque a caixa Dither
  • Style: Radial
  • Scale: 150%
  • Clique na caixa Gradient para criar o gradiente utilizando as cores #ffffff à esquerda e #559793 à direita.
Gradient Overlay

Passo 3

Você também pode utilizar qualquer outro preenchimento gradiente que desejar.

Gradient Background

7. Crie a Sombra do Plano de Fundo das Flores

Passo 1

Comando-clique na miniatura da máscara de camada Flores para criar uma seleção.

Create a Selection

Passo 2

Crie uma nova camada na parte superior da camada cópia Plano de Fundo, chame-a de Sombra das Flores, preencha a seleção com Preto e depois desmarque.

Create the Flowers Shadow Layer

Passo 3

Clique duas vezes na camada Sombra das Flores para aplicar um efeito de Gradient Overlay com estas configurações:

  • Marque a caixa Dither
  • Style: Radial
  • Scale: 150%
  • Clique na caixa Gradient para criar o gradiente utilizando as cores #f7f7f7 à esquerda e #555555 à direita.
Gradient Overlay

Passo 4

Converta a camada Sombra das Flores em um Smart Object e depois altere seu Blend Mode para Linear Burn e sua Opacidade para 70%.

Flowers Shadow Layer Settings

Passo 5

Vá até Filter > Blur > Gaussian Blur, e altere o Radius para 10.

Gaussian Blur

Passo 6

Pressione as teclas Comando-T para inserir Free Transform Mode.

Clique no ícone Warp na barra Options e escolha o Fisheye pré-definido. Ajuste isso, se necessário, e pressione a tecla Return uma vez para aceitar as alterações.

Warp the Flowers Shadow

Passo 7

Agora redimensione e mova a sombra como quiser e pressione a tecla Return novamente para aceitar todas as alterações e sair do modo Free Transform.

Rsize and Move the Flowers Shadow

8. Estilize o Texto

Clique duas vezes no grupo Texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Inner Shadow com estas configurações:

  • Opacity: 23%
  • Size: 10
Inner Shadow

Passo 2

Adicione um Drop Shadow com estas configurações:

  • Opacity: 35%
  • Desmarque a caixa Use Global Light
  • Angle: 90
  • Distance: 22
  • Size: 57
Drop Shadow

Isto vai adicionar algumas sombras ao texto.

Text shadows

9. Crie as Camadas de Filtro

Passo 1

Vá para Select > All, depois Edit > Copy Merged e Edit >Paste.

Copy and Paste

Passo 2

Posicione a imagem colada na parte superior de todas as camadas, renomeie sua camada para Filtros 1 e converta-a em um Smart Object.

Depois altere seu Blend Mode para Soft Light e sua Opacity para 20%.

Filters 1 Layer Settings

Passo 3

Duplique a camada Filtros 1, renomeie a cópia Filtros 2 e mude sua Opacity para 50%.

Filters 2 Layer Settings

10. Aplique os Filtros

Passo 1

Selecione a camada Filtros 1 e vá para Filter > Filter Gallery > Sketch.

Escolha o filtro Stamp e altere o Light/Dark Balance para 45 e a Smoothness para 1.

Stamp Filter

Isto vai fazer com que a imagem pareça mais uma ilustração do que uma foto.

Filter Effect

Passo 2

Selecione a camada Filtros 2 e depois vá para Filter > Other > High Pass e altere o Radius para 10.

High Pass Filter

11. Adicione a Textura e uma Camada de Ajuste Final

Passo 1

Posicione a imagem Paper Grain Texture na parte superior de todas as camadas e redimensione-a como desejar. Em seguida, altere suas camadas Blend Mode para Multiply e sua Opacity para 50%.

Add the Paper Grain Texture

Passo 2

Clique no ícone Create new fill or adjustment layer na parte inferior do painel Layers e escolha Black White.

Black White Adjustment Layer

Passo 3

Altere o Blend Mode da camada de ajuste para Linear Burn e sua Opacidade para 5%. Isto vai adicionar um ajuste de cor muito sutil ao resultado final.

Black White Layer Settings

Parabéns! Você Terminou

Neste tutorial, ajustamos a cor de uma imagem de flores e utilizamos máscaras de camada para adicionar um texto simples a ela. Depois estilizamos as camadas e adicionamos diferentes sombras, além de um plano de fundo gradiente simples.

Depois disso, aplicamos alguns filtros para tornar a imagem mais interessante e definida. Finalmente, adicionamos uma textura e uma camada de ajuste para finalizar o efeito.

Por favor, sinta-se à vontade para deixar seus comentários, sugestões e resultados abaixo.

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