sexta-feira, 21 de dezembro de 2012

Como criar efeito de fogo em um texto no Photoshop

Neste tutorial ensinaremos a criar um efeito de texto em chamas no Photoshop para deixar sua fonte bem mais estilosa.
Efeito de fogo em um texto no Photoshop (Foto: Reprodução/Aline Ferreira)Efeito de fogo em um texto feito no Photoshop (Foto: Reprodução/Aline Ferreira)

Passo 1. Crie um novo documento em branco clicando em “Arquivo” > “Novo” (“File” > “New”) ou simplesmente usando o atalho Ctrl+N. Coloque o tamanho que você preferir;
Crie um novo documento em branco (Foto: Reprodução/Aline Ferreira)Janela para criar um novo documento em branco (Foto: Reprodução/Aline Ferreira)
Passo 2. Preencha de preto o novo documento para dar maior visibilidade à letra. Para isso basta clicar em “Editar” > “Preencher” (“Edit” > “Fill”) ou usar o atalho Shift+F5. Em seguida escolha a opção “Preto” (“Black”) no item “Conteúdo” (“Contents”) e clique em "Ok";
Preencha o novo documento de preto (Foto: Reprodução/Aline Ferreira)Opção "Preencher", que será usada para fazer um fundo preto (Foto: Reprodução/Aline Ferreira)
Passo 3. Clique na ferramenta Texto na parte esquerda do programa e escolha a fonte. Coloque o texto na cor branca e digite seu texto;
Escreva o texto desejado (Foto: Reprodução/Aline Ferreira)"TechTudo" escrito com a ferramenta Texto do Photoshop (Foto: Reprodução/Aline Ferreira)
Passo 4. Redimensione e mova o texto até que ele fique no tamanho e na posição desejada;
Deixe o texto no tamanho e na posição desejada (Foto: Reprodução/Aline Ferreira)Texto redimensionado no Photoshop (Foto: Reprodução/Aline Ferreira)
Após digitar o texto e colocá-lo na posição correta, vamos rasterizá-lo. É importante saber que após este passo o texto não poderá mais ser editado.
Passo 5. Clique em “Camada” > “Rasterizar” > “Texto” (“Layer” > “Rasterize” > “Text”). Aparentemente não haverá qualquer mudança, entretanto é possível observar que na paleta de camadas houve uma mudança em seu ícone;
Rasterize o texto (Foto: Reprodução/Aline Ferreira)Paleta de camadas após aplicação da opção "Rasterizar" (Foto: Reprodução/Aline Ferreira)
Passo 6. Duplique a camada de texto clicando em “Camada” > “Duplicar Camada” (“Layer” > “Duplicate Layer”) ou simplesmente utlize o atalho Ctrl+J;
Duplique a camada de texto (Foto: Reprodução/Aline Ferreira)Camada de texto duplicada selecionada na paleta do Photoshop (Foto: Reprodução/Aline Ferreira)
Passo 7. Esconda a camada superior clicando em “Camada” > “Ocultar Camadas” (“Layer” > “Hide Layers”) ou simplesmente clique no olho da camada. Em seguida, selecione a camada de texto original clicando sobre ela na paleta de camadas. Sua paleta deverá ficar como a da foto abaixo;
Esconda a camada superior e selecione a camada do meio (Foto: Reprodução/Aline Ferreira)Camada superior, chamada "TechTudo cópia", escondida e camada original selecionada (Foto: Reprodução/Aline Ferreira)
Passo 8. Rotacione o texto em 90° no sentido horário clicando em “Imagem” > “Rotação de Imagem” > “90° Horário” (“Image” > “Rotate Canvas” > “90° CW”);
Rotacione o texto em 90° no sentido horário (Foto: Reprodução/Aline Ferreira)Caminho para a opção de rotacionar o texto em 90° no sentido horário (Foto: Reprodução/Aline Ferreira)
Passo 9. Aplique o filtro Vento clicando em “Filtro” > “Estilização” > “Vento” (“Filter” > “Stylize” > “Wind”) e configure da forma como está na imagem abaixo. Em seguida clique em "Ok";
Aplique o filtro Vento (Foto: Reprodução/Aline Ferreira)Janela para aplicação do filtro "Vento" (Foto: Reprodução/Aline Ferreira)
Passo 10. Agora vamos reaplicar o filtro "Vento" mais algumas vezes até que o efeito fique da forma desejada. Para isso, basta clicar em Ctrl+F quantas vezes for necessário;
Reaplique o Filtro Vento mais algumas vezes (Foto: Reprodução/Aline Ferreira)Resultado do texto após reaplicações do filtro "Vento" (Foto: Reprodução/Aline Ferreira)
Passo 11. Rotacione o texto em 90° no sentido anti-horário clicando em “Imagem” > “Rotação de Imagem” > “90° Anti-Horário” (“Image” > “Rotate Canvas” > “90° CCW”);
Rotacione o texto no sentido anti-horário (Foto: Reprodução/Aline Ferreira)Caminho para rotacionar o texto no sentido anti-horário (Foto: Reprodução/Aline Ferreira)
Passo 12. Aplique o filtro Desfoque Gaussiano clicando em “Filtro” > “Desfoque” > “Desfoque Gaussiano” (“Filter” > “Blur” > “Gaussian Blur”). Configure o raio em 1,2 pixels e clique em "Ok";
Aplique o filtro Desfoque Gaussiano (Foto: Reprodução/Aline Ferreira)Janela para aplicação do filtro "Desfoque Gaussiano" (Foto: Reprodução/Aline Ferreira)
Passo 13. Agora duplique a Camada de Fundo (Background) clicando nela e em seguida em “Camada” > “Duplicar Camada” (“Layer” > “Duplicate Layer”) ou simplesmente utlize o atalho Ctrl+J. Sua paleta de camadas deverá ficar da seguinte forma;
Duplique a Camada de Fundo (Foto: Reprodução/Aline Ferreira)Camada de Fundo duplicada (Foto: Reprodução/Aline Ferreira)
Passo 14. Mescle a camada de texto com a camada copiada do Plano de Fundo. Para isso selecione a camada de texto e, em seguida, clique no botão esquerdo do mouse sobre ela e escolha a opção “Mesclar para Baixo” (“Merge Down”);
Mescle a camada de texto com a camada copiada de Plano de Fundo (Foto: Reprodução/Aline Ferreira)Caminho para mesclar a camada de texto com a camada copiada de Plano de Fundo (Foto: Reprodução/Aline Ferreira)
Sua paleta de camadas deverá ficar da seguinte forma:
Resultado da mesclagem (Foto: Reprodução/Aline Ferreira)Resultado da mesclagem de camadas (Foto: Reprodução/Aline Ferreira)
Passo 15. Selecione o texto utilizando a ferramenta Letreiro Retangular ("Rectangular Marquee Tool") como mostra a imagem abaixo;
Selecione o texto utilizando a ferramenta Letreiro Retangular (Foto: Reprodução/Aline Ferreira)Texto selecionado usando a ferramenta Letreiro Retangular (Foto: Reprodução/Aline Ferreira)
Passo 16. Aplique o filtro "Dissolver" clicando em “Filtro” > “Dissolver” (“Filter” > “Liquify”). Com a ferramenta Deformação Progressiva ("Forward Warp") selecionada, configure o item Opções de Ferramenta ("Tool Options") como mostrado na imagem a seguir;
Configure a ferramenta Deformação Progressiva do filtro Dissolver (Foto: Reprodução/Aline Ferreira)Configuração da ferramenta Deformação Progressiva do filtro "Dissolver" (Foto: Reprodução/Aline Ferreira)
Passo 17. Clique com o mouse nas chamas que saem do texto e arraste-as para a esquerda ou para direita em pequenas distâncias. Tenha o cuidado de não clicar em cima do texto;
Dê uma forma mais realista as chamas que saem do texto (Foto: Reprodução/Aline Ferreira)Edição das chamas que saem do texto sendo feita com a opção Deformação Progressiva (Foto: Reprodução/Aline Ferreira)
Passo 18. Diminua o tamanho da pincel para o valor aproximado de 15. Em seguida, clique nas bordas do texto e arraste-o para cima também em pequenas distâncias;
Adicione ainda mais realismo criando pequenas chamas no texto (Foto: Reprodução/Aline Ferreira)Configuração para adicionar mais realismo criando pequenas chamas no texto (Foto: Reprodução/Aline Ferreira)
Passo 19. Agora adicione chamas ainda maiores aumentando o tamanho do pincel para 50. Em seguida, continue clicando nas bordas do texto e arrastando-o para cima também em pequenas distâncias. Ao finalizar, cliquem em "Ok";
Adicione chamas ainda maiores (Foto: Reprodução/Aline Ferreira)Adição de chamas ainda maiores através do filtro "Dissolver" (Foto: Reprodução/Aline Ferreira)
Passo 20. Adicione novo ajuste de camada e escolha a opção "Matiz/Saturação" como mostrado na imagem abaixo;
Adicione novo ajuste de camada (Foto: Reprodução/Aline Ferreira)Caminho para o ajuste de camada "Matiz/Saturação" (Foto: Reprodução/Aline Ferreira)
Passo 21. Configure a guia que se abrirá clicando em “Colorir” (“Colorize”) e ajustando os valores como mostrado na imagem. Em seguida, volte para a paleta de camadas;
Configure a guia que se abrirá (Foto: Reprodução/Aline Ferreira)Configuração da opção "Matiz/Saturação" no Photoshop (Foto: Reprodução/Aline Ferreira)
Passo 22. Adicione uma segunda camada de ajuste de "Matiz/Saturação" e deixe configurado como mostra a imagem a seguir. Em seguida, retorne à paleta de camadas;
Adicione uma segunda camada de ajuste de Matiz/Saturação (Foto: Reprodução/Aline Ferreira)Novo  ajuste de "Matiz/Saturação" após a adição de uma nova camada de ajuste (Foto: Reprodução/Aline Ferreira)
Passo 23. Vá até a opção "Normal" na paleta de camadas e troque pela opção "Sobrepor" ("Overlay");
Modifique o modo de mistura para Sobrepor (Foto: Reprodução/Aline Ferreira)Modo de mesclagem modificado para "Sobrepor" (Foto: Reprodução/Aline Ferreira)
Passo 24. Clique na camada de cópia do texto e vá em “Camada” > “Mostrar Camadas” (“Layer” > “Layers Show”) ou simplesmente clique no espaço vazio onde ficava o olho que você retirou no Passo 7;
Mostre a camada que anteriormente foi escondida (Foto: Reprodução/Aline Ferreira)Camada "TechTudo cópia" novamente com visibilidade (Foto: Reprodução/Aline Ferreira)
Passo 25. Adicione Sobreposição de Degradê (Gradient Overlay) clicando na opção mostrada na imagem abaixo;
Adicione Sobreposição de Degradê (Foto: Reprodução/Aline Ferreira)Caminho para adição da "Sobreposição de Degradê" (Foto: Reprodução/Aline Ferreira)
Passo 26. Ao clicar em Sobreposição de Degradê abrirá uma janela. Clique nas cores que estão representadas na opção Degradê para que uma segunda janela se abra. Em seguida, dê um duplo clique no limite de cor na parte inferior esquerda e configure a cor 1D0D01 na janela que se abrir. Clique em Ok;
Configure a Sobreposição de Degradê (Foto: Reprodução/Aline Ferreira)Configuração de cor da "Sobreposição de Degradê" (Foto: Reprodução/Aline Ferreira)
Passo 27. Agora dê um duplo clique no limite de cor na parte inferior direita e configure a cor F8A007 na janela que se abrir. Em seguida clique em "Ok" duas vezes;
Configure a Sobreposição de Degradê (Foto: Reprodução/Aline Ferreira)Escolha de cor da "Sobreposição de Degradê" (Foto: Reprodução/Aline Ferreira)
Passo 28. Na janela "Estilo de Camada" deixe as configurações da forma como é mostrado na imagem abaixo. Clique em "Ok";
Configure a janela Estilo de Camada (Foto: Reprodução/Aline Ferreira) (Foto: Configure a janela Estilo de Camada (Foto: Reprodução/Aline Ferreira))Configuração da janela "Estilo de Camada" (Foto: Reprodução/Aline Ferreira)

Nenhum comentário:

Postar um comentário