Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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.

Free files on Envato Elements

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

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.

Solid Color

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.

Create the Text

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.

Add an Image Texture

Passo 2

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

Load a Selection

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.

Intersect Selections

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.

Duplicate the Selection

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.

Repeat to Fill all the Letters

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

Merge Layers

Passo 2

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

Load a Selection

Passo 3

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

Save Selection

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

Load Selection

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.

Create the Brush Layer

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

Brush Settings

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.

Paint Over the Text

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.

Run the Action

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.

Action Result

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

Action Folders and Layers

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

Add a Smoke Image

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.

HueSaturation

Passo 3

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

Mask Out Unwanted Areas

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

Smoke Group

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

Add the Landscape Image

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.

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