Guto Bittencourt em 4 de Abril de 2010
Esta imagem foi feita para um flyer de um evento no Rio de Janeiro e bastante pessoas me perguntaram os métodos que utilizei para obter esse resultado. Nesse tutorial explicarei passo a passo como se faz um efeito de letra deste tipo usando Adobe Photoshop, Xara 3D e imagens auxiliares.
Passo 1 (Xara 3D)
Crie um novo documento no Xara 3D, e com a fonte BIRTH OF A HERO (clique aqui para o download da fonte) escreva explosion e posicione-a de maneira que fique de frente. Configure o documento como a imagem abaixo. para configurar as luzes clique no modo de visualização de iluminações e na setinha ao lado direito na paleta de cores vá selecionando Light 1 , Light 2 e Light 3. Mude a cor delas e posicione-as conforme imagem abaixo. As cores das luzes são essas: F98800, C34848e Branca. Posicione a luz branca a frente para ser claro a leitura da palavra.
clique na imagem para ver inteira
Passo 2
Na paleta Extrusion Options configure do mesmo modo que na imagem abaixo
Passo 3
Na paleta Bevel Options configure do mesmo modo que na imagem abaixo
Passo 4
Vá em File>>Export ou então aperte CTRL+SHIFT+E escolha um nome e salve como PNG e logo depois se abrirá uma caixa com opções para salvar. Configure como está na imagem abaixo.
Passo 5 (Adobe Photoshop)
Abra seu Adobe Photoshop e crie um novo documento com 2000 x 2000px , crie uma nova camada e faça um degradê radial do #a60907 para o preto e com a ferramenta subexposição (dodge tool) faça como um 'M' para dar semelhança ao degradê abaixo. Veja as duas imagens abaixo para ver a trajetória da ferramenta no degradê e o modo de configuração da mesma. OBS: eu só usei a Ferramenta Caneta (pen tool) para traçar aonde foi usado a ferramenta Subexposição (dodge tool), para ficar nítido em qual lugar eu usei as ferramentas.
Passo 6
Abra a imagem em PNG no photoshop e com a ferramenta Superexposição (burn tool), "queime" os lugares da palavra explosion. Na segunda imagem abaixo eu usei a ferramenta elipse para demonstrar os lugares que mais usei a ferramenta. Foi usada para simular um pouco o 'queimado' que o fogo provocou e escurecer um pouco a palavra.
Passo 7
Utilizei 3 imagens diferentes de chamas de fogo, todas foram encontradas no site SXC com a tag 'fire'. Abra a imagem no photoshop clique duas vezes na camada para desbloqueá-la e aperte ok. Vá em Selecionar (select) >> intervalo de cores e configure como na terceira imagem abaixo. Para inverter as cores clique com o mouse em cima do preto e ficará como na terceira imgem abaixo e depois aperte ok. Será selecionada toda parte preta, se caso você não consiga fazer selecionar a parte preta e sim a chama é só apertar CTRL+SHIFT+I e inverterá a seleção. Logo depois aperte delete para deletar a área preta da imagem.
Passo 8
Arraste a imagem para a janela aonde estamos fazendo o efeito 'Explosion'. Use CTRL+T para ajustar o tamanho da chama e posicione em cima da primeira letra "O" e coloque no modo divisão (screen) e ficará como a debaixo. Se quiser pode optar por usar a ferramenta borracha para apagar alguns cantos da chama. Repita todo o passo 7 com as outras chamas e as posicione como na segunda imagem abaixo, sempre em modo divisão (screen).
Passo 9
Na imagem abaixo usei dois tipos de fontes diferentes e fiz um efeito de fogo para complementar.
Conclusão
Essa imagem simples feita para uma pré-divulgação de uma festa tinha que ser simples, objetiva e facil de entender, espero ter alcançado o objetivo e que tenham gostado desse tutorial, até a próxima !
Sobre o Autor
 | Sou Guto Bittencourt, apaixonado pelo design, Web/Gráfico Designer, estudante universitário de Comunicação Social voltado para a Publicidade e Propaganda, aventureiro em Designer 3D, de animação e de interiores. Atualmente atuo como freelancer e blogueiro. Meu portifólio está em construção. |
1 comentários:
Muito legal seu tuto, me ajudou bastante, obrigada.......
Postar um comentário