Como Criar um Efeito de Texto de Explosão Colorida no Adobe Photoshop

Este tutorial vai mostrar a você como usar algumas imagens de textura coloridas, com uma ação do Photoshop e algumas sobreposições de textura e fumaça para criar um fácil efeito de texto de explosão colorida. Vamos começar!

Arquivos do Tutorial

Dois dos itens deste tutorial estão disponíveis de graça este mês via Envato Elements.

• Paisagem por Daemaine
• Ação de Tempestade de Areia para o Photoshop por sevenstyles

Os seguintes arquivos foram usados durante a produção deste tutorial:

• Fonte Ministry Bold
• Gota de tinta azul caindo na água por onlyyouqj
• Gota de tinta laranja caindo na água por onlyyouqj
• Figura abstrata feita de tinta por onlyyouqj
• Texturas de Fumaça (baixe as imagens de sua preferência)

1. Como Criar as Camadas de Fundo e do Texto

Passo 1

Crie um novo documento de 1500 x 1000 px, clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers), escolha Cor Sólida (Solid Color) e defina a cor de preenchimento para Preto.

Passo 2

Crie o texto com Todas em Maiúsculas (All Caps) usando a fonte Ministry Bold, e defina o Tamanho (Size) para 500 pt e o Espaçamento entre os Caracteres (Tracking) para 50.

Você pode aumentar o Tamanho da Tela de Pintura (Canvas Size) se o seu texto não couber.

2. Como Preencher o Texto com Texturas de Imagens

Passo 1

Vá até Arquivo > Colocar Vinculados (File > Place Linked) e abra a imagem Gota de tinta azul caindo na água. Pressione a tecla Enter e clique com o Botão Direito do Mouse na camada para escolher Criar Máscara de Corte (Create Clipping Mask).

Em seguida, pressione Command/Ctrl-T para entrar no Modo Transformação Livre e redimensione, rotacione e mova a imagem para dentro da sua primeira letra até que ela seja preenchida pela textura.

Pressione a tecla Enter para salvar as mudanças.

Passo 2

Dê um Command/Ctrl-clique na miniatura da camada do texto para carregar uma seleção.

Passo 3

Pegue a Ferramenta Letreiro Retangular (M), pressione-e-segure as teclas Shift-Option/Alt para cruzar com a seleção e desenhe um retângulo ao redor da sua primeira letra.

Assim que você soltar tudo, somente a primeira letra será selecionada.

Passo 4

Certifique-se de que a camada da textura da imagem esteja selecionada, pressione Command/Ctrl-J para duplicar a seleção em uma nova camada e exclua a camada da imagem original.

Passo 5

Repita os mesmos passos para adicionar as outras texturas de imagem para as letras restantes. Assim que você terminar, oculte a camada do texto.

3. Como Salvar e Carregar as Seleções

Passo 1

Selecione todas as suas camadas menos a camada de texto e vá até Camada > Mesclar Camadas (Layer > Merge Layers).

Passo 2

Dê um Command/Ctrl-clique na miniatura da camada do texto para carregar uma seleção.

Passo 3

Vá até Selecionar > Salvar Seleção (Select > Save Selection) e digite Texto no campo Nome.

Passo 4

Exclua a camada de texto.

Nós vamos usar a seleção para pintar dentro da área do texto, então se a qualquer momento você precisar da seleção novamente, você pode simplesmente ir até Seleção > Carregar Seleção (Select > Load Selection) e escolher a seleção do Texto a partir do menu Canal (Channel).

4. Como Usar a Ação de Tempestade de Areia do Photoshop

Passo 1

Pegue a Ferramenta Pincel (B), crie uma nova camada acima de todas as camadas e chame-a de brush (pincel). O nome é muito importante, então certifique-se de que a grafia esteja correta e de que todas as suas letras sejam minúsculas.

Passo 2

Este é um passo opcional, mas ele ajuda a criar um resultado mais dinâmico. Abra o painel Pincel (Brush) e use as seguintes configurações para as abas Forma da Ponta do Pincel (Brush Tip Shape) e Dinâmica da Forma (Shape Dynamics).

Passo 3

Defina a Cor do Primeiro Plano para uma cor de sua preferência, e comece a pintar sobre as áreas que você quer quebrar.

Esta ação vem com múltiplas opções de direção (Esquerda, Direita, Cima, Baixo e Meio). Então, tenha em mente a direção na qual você deseja que as peças sejam quebradas. 

Além disso, tenha em mente que as peças serão geradas de dentro das áreas pintadas, o que significa que o tamanho do pincel também afeta o resultado.

5. Como Executar uma Ação

Passo 1

Assim que você terminar a pintura, pressione Command/Ctrl-D para desselecionar.

Abra o painel de Ações (Actions), carregue a ação se você ainda não fez isso e escolha a direção que você quer.

Clique no ícone Executar Seleção (Play Selection) na parte inferior do painel de Ações (Actions) para executar a ação e espere até ela ser executada. Isso pode demorar alguns minutos.

Passo 2

Depois de obter o resultado, você pode ver que as camadas de Background (Plano de fundo) e brush (pincel) ainda existem. Se você não gostar do resultado, você pode excluir as camadas da ação, fazer algumas alterações na camada brush e executar a ação novamente.

Não existe certo ou errado neste processo - é um processo de tentativa e erro até você obter um resultado de seu agrado.

Passo 3

Assim que você obter o resultado desejado, você pode conferir todas as pastas e camadas da ação e criar ajustes em qualquer uma delas.

Por exemplo, aqui eu reduzi a escala do grupo Particle Groups (Grupos de Partículas) uniformemente. Você pode avançar e fazer quaisquer outras alterações, apagar áreas indesejadas usando as máscaras e testar as diferentes opções disponíveis no grupo COLOR (COR).

6. Como Adicionar as Camadas de Fumaça e Sobreposição de Textura

Passo 1

Coloque uma das imagens de fumaça acima de uma das letras, transforme-a de acordo com o necessário e altere o Modo de Mesclagem (Blend Mode) da sua camada para Divisão (Screen).

Passo 2

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation), marque a opção Colorir (Colorize) e altere a Saturação para 50.

Em seguida, arraste o controle deslizante da Matiz (Hue) até que você obtenha uma cor parecida com a cor da textura da letra e clique em OK.

Passo 3

Adicione uma máscara para a camada da fumaça e pinte sobre qualquer área que você não goste.

Passo 4

Adicione outras imagens de fumaça para o restante de suas letras com diferentes cores baseadas nas cores da textura de cada letra.

Coloque todas as camadas de textura de fumaça em um grupo e chame-o de Fumaça (Smoke).

Passo 5

Coloque a imagem da Paisagem acima de todas as camadas, redimensione-a para preencher o documento e altere o Modo de Mesclagem (Blend Mode) de sua camada para Luz Suave (Soft Light) e sua Opacidade para 50%.

Parabéns! Você Terminou!

Neste tutorial, nós criamos o texto, preenchemos ele com texturas coloridas e salvamos sua seleção. Em seguida, nós pintamos algumas áreas e executamos uma ação do Photoshop para criar um efeito de explosão colorida.

Finalmente, nós adicionamos algumas imagens de textura de fumaça e uma imagem de sobreposição de textura para finalizar o efeito.

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