Tutorial: Como Criar Efeito de Texto Explosivo no Photoshop

Por , em 21/11/2011
Lido 5.801 vezes

Neste tutorial, você vai aprender a criar um belo efeito de texto com um efeito "explosão solar", também conhecido como "sunburst". É de destaque, ideal para textos em banners chamativo, cabeçalhos, efeitos espaciais, ou qualquer mensagem com bastante impacto. Como você vai notar, o efeito funcionará bem com fundos escuros (pretos principalmente, como usaremos no exemplo criado em nosso passo-a-passo).

Para aplicar o efeito, não é preciso nenhum conhecimento avançado de Photoshop: tudo se resume à criação do texto, uma seleção, uma camada de degradê, alguns ajustes em modos de mesclagem e alguns filtros. Siga o tutorial e aprenda mais uma técnica para incrementar seus trabalhos com textos.

Isto é o que será criado:

Tutorial Efeito de Texto Explosivo no Photoshop finalizado

Primeiro, crie um novo documento no Photoshop.

Novo documento no Photoshop

Preencha a camada única de branco (para facilitar a visualização), em seguida, com a ferramenta Horizontal Type (Letreiro Horizontal), digite o texto que receberá o efeito, na cor preta. No nosso caso, foi usada a fonte Impact. Use a que você achar melhor.

Ferramenta Horizontal Type

Clique com o botão direito sobre a miniatura da camada de texto e selecione Rasterize Type (Rasterizar). Seu texto se transformará numa camada de imagem comum.

Para deixar seu texto mais justo, use a transformação (Ctrl + T), arrastando um pouco a guia lateral para achatá-lo um pouco. Faça isso apenas se achar que as letras ficaram muito afastadas.

Crie uma seleção em torno do texto (com a tecla Ctrl pressionada, clique sobre a imagem da miniatura da camada). No menu Select > Save (Seleção > Salvar, salve a seleção; vamos precisar dela um pouco à frente.

Clique, com Ctrl pressionado, sobre a miniatura; então salve a seleção

Salvando a seleção

Na camada de texto que foi rasterizado, pressione Shift + F5 para abrir a janela de preenchimento (Fill). Preencha-a de branco, no modo Multiply (Multiplicação). Toda a área vazia ao redor do texto será preenchida de branco.

Janela de Fill. Use preenchimento White, no modo Multiply

Siga ao menu Filter > Blur >  Gaussian Blur (Filtro> Desfoque > Desfoque Gaussiano) com força 4 na camada, tornando-o um pouco mais borrado.

Filtro Gaussian Blur

Siga ao menu Filter > Stylize > Solarize (Filtro > Estilização > Solarização). A imagem ficará com as cores invertidas, como visto a seguir.

Após o filtro Solarize

Duplique a camada com o comando Ctrl + J, ou menu Layer > Duplicate Layer (Camada > Duplicar camada). Na camada duplicada, pressione Ctrl + L e ajuste os níveis da imagem, tornando as partes brancas mais brilhantes. Arraste o controle deslizante da direita em direção ao centro, corrigindo o histograma.

Ajuste de Levels na camada duplicada

Siga ao menu  Filter > Distort > Polar Cordinates (Filtro > Distorção > Coordenadas Polares, no modo Polar to Rectangular (Polar para Retangular).

Coordenadas Polares no modo Polar para Retangular

Após o Polar Coordinates

Em seguida, vá ao menu Image > Image Rotation > Rotate 90 CW (Imagem > Rotação da Imagem > Girar 90° Horário). A imagem toda será  rotacionada a 90° no sentido horário.

Imagem rotacionada a 90° no sentido horário

Nesse momento, inverta as cores da imagem com o comando Ctrl + I. Vá ao menu Filter > Stylize > Wind (Filtro > Estilização > Vento), nas opções Wind (Vento) e From the Right (Vindo da direita).

Aplicando o Wind na imagem já com as cores invertidas

Inverta de novo as cores com o comando Ctrl + I. Já com as cores normalizadas, pressione Ctrl + F mais três vezes, para repetir o filtro Wind três vezes.

Repita o filtro Wind três vezes na imagem já com as cores re-invertidas

Vá ao menu Image > Image Rotation > Rotate 90° CCW (Rotacionar 90° Anti Horário), para voltar a imagem à posição normal.

Imagem já na posição normal, após rotacionar 90° anti-horário

Aplique outra vez o filtro Polar Coordinates, mas desta vez, com a opção Rectangular to Polar marcada.

Polar Coordinantes no modo Rectangular do Polar, e a imagem voltará ao normal

Ajuste o modo de mesclagem da camada para Screen (Divisão). A camada de baixo, com o texto sem os filtros, vai ficar mais destacado.

Mudando a mesclagem para o modo Screen (Divisão)

Clique no botão Create New Fill or Adjustment Layer (Criar Nova Camada de Preenchimento ou Ajuste), no rodapé da janela de camadas. Selecione a opção Gradient Fill (Preenchimento de Degradê), e crie um degradê de laranja para amarelo, similar ao visto abaixo (ou use outras cores, se quiser).

Criando o degradê que será usado para colorir o efeito de texto

Mude então o modo de mesclagem da camada com o degradê para o modo Color (Cor).

Altere a mesclagem da camada com o degradê para o modo Color

Clique sobre a miniatura da camada com o texto sem filtros (a de baixo) para ativá-la, então vá ao menu Filter > Blur > Radial Blur (Filtro > Desfoque > Desfoque Radial), com os ajustes a seguir: 65, zoom, best.

Aplicando o Radial Blur

Vá ao menu Select > Load Selection (Seleção > Carregar Seleção), e carregue a seleção que salvou no início do tutorial (ao redor do texto).

Carregando a seleção salva

Então preencha (em uma nova camada entre as duas camadas de texto - a que recebeu os filtros e a que foi preservada após o Solarize) ou direto sobre a camada preservada, a área selecionada de preto. Se achar interessante, você pode reduzir um pouco a opacidade da camada superior (que recebeu os filtros), ou posicionar uma camada com o texto em preto logo abaixo da camada do degradê, também com opacidade baixa. Concluído.

Efeito de texto explosivo tipo sunburst concluído

Note que este efeito vai funcionar melhor em textos colocados em dois blocos, um acima do outro. Isso porque a explosão inicia no meio da imagem, e no exemplo mostrado no tutorial, ele acaba sendo escondido pelo texto. Veja abaixo o mesmo tutorial aplicado em um texto de dois blocos, com o centro visível.

Efeito de texto explosivo tipo sunburst modelo 2: em texto de dois blocos, com centro visível

Você pode baixar os arquivos do Photoshop, com os dois resultados do tutorial, clicando no botão abaixo e divulgando este artigo em uma rede social de sua preferência.

Se tiver bom conhecimento de inglês, visite o tutorial base no Photoshop Essentials (em inglês) - Text Effect: Light Burst

Gostei!
0

Mais na categoria Tutoriais