Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Floral e Arrojado Rapidamente no Adobe Photoshop

Scroll to top
Read Time: 7 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Usando uma tipografia bonita e arrojada com títulos de indicação é uma das tendências intemporais do design. Este tutorial irá mostrar a você como usar a seleção simples e técnicas de ajuste para criar rapidamente um efeito de texto floral bonito e arrojado. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis no GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados na produção deste tutorial:

1. Como Fazer uma Seleção Rápida

Passo 1

É importante pegar a imagem certa para o efeito. Uma boa imagem deve ter um monte de flores, preferivelmente com um par de áreas vazias entre elas e um bom contraste com o fundo para ajudar a isolá-las.

Abra a imagem das Rosas Rosas (Pink Roses), pegue a Ferramenta de Seleção Rápida (W) e clique no ícone Adicionar à Seleção (Add to Selection) na barra de Opções.

Depois disso, clique e arraste para selecionar as rosas na imagem. Você pode segurar a tecla Option (Alt) para subtrair da seleção se necessário.

Make a Quick SelectionMake a Quick SelectionMake a Quick Selection

Passo 2

Uma vez que você selecionou as flores, clique no botão Selecionar e Mascarar (Select and Mask) na barra de Opções.

Select and MaskSelect and MaskSelect and Mask

Passo 3

Altere a opção Exibir (View) para Em Preto (On Black) e aumente a Opacidade para 100%.

Ajuste o resto das configurações para obter uma seleção limpa e suave.

Aqui, o valor da opção Suave (Smooth) foi definido para 5 e a opção Deslocar Aresta (Shift Edge) para -30%. Isto cria uma seleção mais suave que garante que as bordas não incluam qualquer área além da área das flores.

Você também pode marcar a caixa Descontaminar Cores (Decontaminate Colors) para reduzir a quantidade em excesso de cores e definir a Saída (Output) para Nova Camada com Máscara de Camada (New Layer with Layer Mask).

Select and Mask OptionsSelect and Mask OptionsSelect and Mask Options

Passo 4

Isto irá criar uma seleção em uma nova camada usando uma máscara de camada. Agora você pode fazer qualquer ajuste necessário na máscara de camada e refinar a seleção ainda mais.

Refine the MaskRefine the MaskRefine the Mask

Passo 5

Duplique a camada selecionada e então clique com o Botão Direito do Mouse na máscara da cópia e escolha Aplicar Máscara de Camada (Apply Layer Mask).

Apply Layer MaskApply Layer MaskApply Layer Mask

Passo 6

Renomeie a camada resultante para Rosas, salve o arquivo como um PSD e mantenha-o aberto já que nós iremos utilizar ele ao longo do tutorial.

Save the FileSave the FileSave the File

2. Como Criar um Fundo e Adicionar o Texto

Passo 1

Crie um novo documento de 1150 x 850 px, clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Degradê (Gradient).

Add a Gradient Fill LayerAdd a Gradient Fill LayerAdd a Gradient Fill Layer

Passo 2

Crie um preenchimento de degradê usando as Cores #ffffff para a esquerda e #d3d3d3 para a direita.

Altere o Estilo para Radial e a Escala para 255.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Passo 3

Crie um texto utilizando a fonte Lust Script. Defina o seu Tamanho para 350 pt e a Cor para #160742.

Create the TextCreate the TextCreate the Text

3. Como Adicionar uma Imagem e Aplicar Ajustes

Passo 1

Posicione a camada das Rosas acima da camada do texto, clique com o botão direito do mouse nela e escolha Converter para Objeto Inteligente (Convert to Smart Object) e então clique novamente com o botão direito e escolha Criar Máscara de Corte (Create Clipping Mask).

Convertendo a camada em um objeto inteligente irá nos ajudar a fazer com que todas as mudanças não sejam destrutivas. Para versões mais antigas do Photoshop, por outro lado, pode não ser possível aplicar alguns ajustes diretamente sobre um objeto inteligente. Então você pode rasterizar a camada ou usar uma Camada de Ajuste, como alternativa.

Add the Image LayerAdd the Image LayerAdd the Image Layer

Passo 2

Vá para Imagem > Ajustes > Cor Seletiva (Image > Adjustments > Selective Color) e use estas configurações:

Vermelhos

  • Ciano: -10
  • Magenta: 5
  • Amarelo: 10
  • Preto: 30

Brancos

  • Ciano: 35
  • Magenta: -30
  • Preto: -10

Neutros

  • Ciano: 35
  • Magenta: 5
  • Amarelo: -50
  • Preto: 15
Selective ColorSelective ColorSelective Color

Isto irá realçar a colorização e introduzir alguns tons de azul nas áreas mais escuras.

Você pode usar valores diferentes para conseguir resultados diferentes, especialmente se você estiver usando uma imagem diferente.

Introducing BluesIntroducing BluesIntroducing Blues

Passo 3

Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels) e use estas configurações:

RGB

  • Entrada de Sombras (Input Shadows): 20
  • Entra de Tons Médios (Gamma): 0.85
  • Saída de Realces (Output Highlights): 235

Azul

  • Saída de Sombras (Output Shadows): 20
Levels SettingsLevels SettingsLevels Settings

Isto irá escurecer a imagem e adicionar um pouco mais de azul.

Adjusted LevelsAdjusted LevelsAdjusted Levels

Passo 4

Vá para Filtro > Ruído > Reduzir Ruído (Filter > Noise > Reduce Noise) e use as seguintes configurações:

  • Intensidade (Strength): 7
  • Preservar Detalhes: 55 
  • Reduzir Ruído de Cores (Reduce Color Noise): 45
  • Tornar Detalhes Nítidos (Sharpen Details): 15

Este é mais um passo opcional, mas adicionará um efeito sutil de plástico às rosas.

Reduce NoiseReduce NoiseReduce Noise

Passo 5

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere a Saturação para -5.

HueSaturationHueSaturationHueSaturation

Passo 6

Vá para Filtro > Filtro do Camera Raw e então, sob a aba Básico, altere a Claridade (Clarity) para 50.

Camera Raw FilterCamera Raw FilterCamera Raw Filter

4. Como Combinar as Cores de Imagens Diferentes

Passo 1

Abra a imagem da Rosa 01 e então selecione e mascare a rosa da mesma forma que você fez com a imagem original das rosas.

Select the Rose ImageSelect the Rose ImageSelect the Rose Image

Passo 2

Aplique a máscara de camada para obter uma camada rasterizada.

Apply the Layer MaskApply the Layer MaskApply the Layer Mask

Passo 3

Já que queremos adicionar a imagem da rosa ao documento original, as cores precisam ser iguais. Isto pode ser feito de várias maneiras diferentes, mas a forma mais rápida neste caso é pela opção Corresponder Cor (Match Color).

Então vá para Imagem > Ajustes > Corresponder Cor (Image > Adjustments > Match Color).

Abaixo das Estatísticas da Imagem, defina a Origem (Source) para o arquivo PSD original das rosas que você salvou no início do tutorial e escolha a camada das Rosas na opção Camada (Layer).

Aqui é a parte onde criar camadas rasterizadas são bem mais utéis, já que ter uma máscara de camada ou usar as imagens originais pode fazer com que a correspondência de cores seja um pouco mais difícil.

Depois de escolher o arquivo de origem e a camada, você pode ajustar as configurações da Opções da Imagem se necessário e então clique em OK.

Match ColorMatch ColorMatch Color

5. Como Copiar os Filtros Inteligentes

Passo 1

Adicione a imagem da rosa modificada ao arquivo original, renomeie sua camada para Rosa 1 e converta-a para um objeto inteligente.

Add the Rose ImageAdd the Rose ImageAdd the Rose Image

Passo 2

Expanda a lista de filtros da camada das Rosas. E então segura a tecla Option (Alt) e arraste a aba Filtros Inteligentes (Smart Filters) para a camada da Rosa 1.

Duplicate the Smart FiltersDuplicate the Smart FiltersDuplicate the Smart Filters

Passo 3

O efeito do Filtro do Camera Raw pode ser um pouco forte demais para a imagem da rosa, então arraste a sua aba para o ícone de Exclusão na parte inferior do painel de Camadas (Layers) para se livrar dele.

Você pode excluir e ajustar qualquer um dos outros filtros se necessário.

Delete the Camera Raw FilterDelete the Camera Raw FilterDelete the Camera Raw Filter

Passo 4

Adicione as imagens Rosa 02 e Rosa 03 ao documento usando os mesmos passos.

Você pode até duplicar e transformar qualquer um delas para ter mais rosas sem realmente usar uma tonelada de imagens diferentes.

Add More RosesAdd More RosesAdd More Roses

6. Como Adicionar uma Efeito de Profundidade de Campo Básico

Passo 1

Você pode adicionar flores pequenas e fazer com elas pareçam estar fora de foco por trás do texto.

Para fazer isso, selecione a camada da rosa que você quer que fique fora de foco e então vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e use o valor de mais ou menos 3 para o Raio.

Gaussian BlurGaussian BlurGaussian Blur

Passo 2

Você também pode adicionar rosas levemente maiores e usar valores menores para o Raio do Desfoque Gaussiano, criando assim um efeito mais dinâmico.

Add More Out of Focus RosesAdd More Out of Focus RosesAdd More Out of Focus Roses

Passo 3

Quando terminar, adicione uma camada de Mapa de Degradê (Gradient Map) acima de todas as camadas.

Crie um preenchimento de degradê usando as Cores #5d4e7c para a esquerda, #8d6385 no centro e #cd9a90 para a direita.

E então, marque a caixa Pontilhamento (Dither) e altere o Modo de Mesclagem (Blend Mode) da camada de Mapa de Degradê (Gradient Map) para Luz Suave (Soft Light).

Gradient MapGradient MapGradient Map

Parabéns! Você Terminou

Neste tutorial, nós isolamos algumas imagens de flores, aplicamos alguns ajustes e filtros para elas e ainda adicionamos um texto para criar um simples efeito de texto floral e arrojado.

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads