em , , , ,

Como colocar fogo em palavras e letras.

Preview Descrição: Neste tutorial veremos como aplicar fogo em um texto de forma realista.

Tutorial Avançado

01. Pressione Ctrl+N para criar um novo documento e defina um tamanho de 1920×1200 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, defina um gradiente que use tons de marrom, no caso do tutorial foram usadas as cores #5c3d09 e #1f1409, defina o modo radial como modo de gradiente e aplique no documento como na foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

02. Neste passo será necessário usar uma textura de papel, neste site você encontrará a textura usada no tutorial, mas nada impede que se use outra textura, pressione Ctrl+O e abra a textura de papel que será usada, pressione Ctrl+Shift+U para retirar a saturação da imagem, pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar, volte ao documento que estávamos trabalhando e pressione Ctrl+V para colar.

tutoriais photoshop

03. Mude o modo de blend da layer para Overlay e defina a opacidade em 70%, caso queira acentuar seu efeito pressione Ctrl+O e carrega mais texturas realizando os dois últimos passos.

tutoriais photoshop

04. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #66500f e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor Bege, vá em Filter> Texture> Texturizer e defina os valore abaixo.

tutoriais photoshop

05. Mude o modo de blend da layer para Overlay.

tutoriais photoshop

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #4b4f3b e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionara a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, agora clique no ícone de Add Layer Mask no rodapé da paleta de layers, clique no ícone da máscara que aparece ao lado da miniatura da layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o preto, aplique no documento afim de que sua imagem fique como a da foto abaixo, defina o valor de 45% para a opacidade da layer.

tutoriais photoshop

07. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, neste tutorial foi usada a fonte Trajan, defina a cor #cb9328 para o texto, para layer defina o modo de blend em Linear Dodge e opacidade em 8%.

tutoriais photoshop

08. Pressione Ctrl+G ou vá em Layer> Group Layers para criar uma pasta para agrupar as layers de texto, feito isto clique na layer de texto e pressione Ctrl+J para duplicar a layer mude a cor do texto duplicado para #5e3f1c.

tutoriais photoshop

09. Mude o modo de blend da layer para Overlay e defina a opacidade em 70%.

tutoriais photoshop

10. Pressione Ctrl+J para duplicar a layer novamente, agora mude a cor do texto para #cb9328, mude o modo de blend da layer para Linear Dodge e defina a opacidade em 30%, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara em sua layer, clique na miniatura da máscara que aparece ao lado da sua layer de texto, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool e aplique um gradiente no modo Linear, seu texto deve ficar como na imagem abaixo.

tutoriais photoshop

tutoriais photoshop

11. Pressione Ctrl+J novamente para duplicar mais uma vez a layer de texto, defina a cor do texto em preto #000000, vá em Filter> Blur> Gaussian Blur e defina um valor de aproximadamente 4 pixels para o Radius e pressione Ok, deixe esta layer abaixo de todas as outras layers de texto, seu texto deve ficar como o da foto abaixo.

tutoriais photoshop

12. Agora clique no ícone de Add Layer Mask no rodapé da paleta de layers para aplicar uma máscara na layer com o texto em preto, novamente pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, usando o modo Linear e um gradiente que vá do preto para o branco, aplique o gradiente afim de que suas letras fiquem como a da foto abaixo.

tutoriais photoshop

13. Pressione Ctrl+J para duplicar a layer e pressione a letra R do teclado para selecionar a Smudge Tool, use um brush de ponta macia e tamanho médio e passe nas bordas da letra afim de borrar as áreas escuras como se fossem marcas de queimado.

tutoriais photoshop

14. Depois de aplicar a Smudge Tool seu texto deve ficar parecido com o da foto abaixo.

tutoriais photoshop

15. Agora clique na primeira layer de texto e pressione Ctrl+J para duplicar a layer, mude a cor do texto para #dc9a08, vá em Filter> Blur> Gaussian Blur e defina um valor de 8 pixels para o Radius, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho médio e apague a parte inferior da letra como na imagem abaixo.

tutoriais photoshop

16. Mude o modo de blend da layer para Soft Light.

tutoriais photoshop

17. Clique na layer de texto que está abaixo da layer que estávamos trabalhando e pressione Ctrl+J para duplicar a layer, deixe a cópia acima de todas as outras layers, mude a cor do texto para #dc9a08 vá em Layer> Rasterize> Type para rasterizar a layer, com a tecla Ctrl pressionada clique sobre a miniatura da palavra na paleta de layers afim de ativar a seleção ao redor da palavra, vá em Select> Modify> Contract e defina o valor de 1 pixels, pressione Ok, pressione Delete e logo após Ctrl+D para desativar a seleção.

tutoriais photoshop

18. Mude o modo de blend da layer para Overlay, sua palavra deve ficar como a da foto abaixo.

tutoriais photoshop

19. Clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara em sua layer, faça o mesmo processo realizado anteriormente, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Linear e um gradiente que vá do preto para o branco, aplique na layer, vá em Filter> Blur> Gaussian Blur e defina o valor de 1 pixel para o Radius, pressione Ok, pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Gaussian Blur e defina o valor de 2 pixels para o Radius, pressione Ok, pressione Ctrl+J novamente para duplicar a layer, vá em Filter> Blur> Gaussian Blur e defina o valor de 4 pixels para o Radius, pressione Ok, com a tecla Ctrl pressionada clique na miniatura de qualquer layer de texto para ativar a seleção ao redor da palavra, pressione Ctrl+Shift+I para inverter a seleção agora clique em uma das layers de borda que criamos anteriormente e pressione Delete para eliminar qualquer área de sobra nas bordas criadas, faça isto em todas as cópias da borda que foram criadas.

tutoriais photoshop

20. Agora clique em uma layer de borda e pressione Ctrl+J para duplicar a layer, faça isto com as outras 3 layers de borda que foram criadas, passe todas as layers copiadas para cima na paleta de layers, deixando estas layers como sendo as primeiras, pressione Ctrl+E 3 vezes afim de mesclar todas estas layers em uma só, pressione a letra R do teclado para selecionar a Smudge Tool, passe a ferramenta sobre a borda que acabou de ser mesclada afim de deixar suas letras como na foto abaixo.

tutoriais photoshop

21. Mude o modo de blend da layer para Overlay.

tutoriais photoshop

22. Caso queira intensificar o efeito nas bordas clique em uma das layers de borda e pressione Ctrl+J quantas vezes achar necessário.

tutoriais photoshop

23. (Opcional)Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo abaixo da palavra, neste tutorial foi usada a fonte Swiss Light.

tutoriais photoshop

24. Agora precisaremos de imagens de fogo, neste tutorial foram usadas fotos pagas e gratuitas, respectivamente dos sites Fotolia.com e Flickr.com, (para baixar as imagens basta clicar nos links),

tutoriais photoshop

25. Com as imagens salvas pressione Ctrl+O, escolha a imagem que será usada e pressione Ok, vá em Window> Channels clique nos Channels até achar o que tenha maior contraste na imagem, no caso do tutorial este Channel é o Red, com a tecla Ctrl pressionada clique sobre a miniatura do Channel, isto irá ativar uma seleção sobre a imagem, clique novamente no Channel RGB, pressione Ctrl+C para copiar a parte selecionada, volte para o documento onde estavamos trabalhando e pressione Ctrl+V para colar o fogo sem o fundo.

tutoriais photoshop

26. Sua imagem deve ficar como a da foto abaixo, deste a layer do fogo fora da pasta de texto e acima dela.

tutoriais photoshop

27. Use a mesma técnica e copie outros formatos de fogo para seu documento como na imagem abaixo, duplique as layers de fogo, rotacione, enfim crie outras variações do fogo que será utilizado, mude o mode de blend das layer de fogo para Screen.

tutoriais photoshop

28. Como o texto do tutorial tem apenas 4 letras foram usadas 4 imagens de fogo diferenciadas, uma para cada letra da palavra.

tutoriais photoshop

29. Agora pressione a letra V do teclado para selecionar a Move Tool e posicione as cópias de fogo em cima das letras como na imagem abaixo.

tutoriais photoshop

30. Para os mais detalhistas o fogo usado na letra I e na letra R são os mesmos, a diferença está apenas no fato de que uma foi esticada e a outra não.

tutoriais photoshop

31. Então caso queira modificar as imagens de fogo pressione Ctrl+T para abrir a caixa de Free Transform e distorça a imagem como quiser.

tutoriais photoshop

32. Agora este procedimento deverá ser feito em cada imagem de fogo que foi utilizada, clique em uma layer que contenha a imagem de fogo pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Gaussian Blur e defina o valor de 3 pixels para o Radius e defina o valor de 15 % para a opacidade da layer, repita isto para todas as imagens de fogo utilizadas.

tutoriais photoshop

33. Sua imagem deve estar como a da foto abaixo.

tutoriais photoshop

34. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer acima de todas as outras layers, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X para inverter as cores, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo radial e aplique o gradiente como na foto abaixo, defina o modo de blend da layer em Overlay e a opacidade em 40%.

tutoriais photoshop

35. Ao final sua palavra estará como na foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

site de origem: http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para utabjCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

62 Comments

  1. Ai eu n to sabendo passo 19, dps do ctrl+alt+shift+i esa koisa d layer d borda q e pra deleta eu n sei o q e layer d borda eu presiso sabr pra deletar pq meu pai n fala
    Anos:11 to nb ainda então pfv respond

  2. Aeh pessoal, me chamo Jair, trabalho com comunicação visual, e vi que tem mt gente que não sabe o que fazer no passo 11, vou dar uma explicada melhor…

    No passo 11 vc tem que pegar a primeira ou segunda camada de texto,
    duplicá-la(crtl + j), em seguida coloque ela em baixo de todas as outras camadas de texto…ainda dentro da pasta. Feito isso troque o mode da blend para normal, volte apacidade para os 100% e aplique o filtro Gaussian Blur. Agora duplique essa camada qntas vzs achar necessário, para que a sombra apareça ao redor do seu texto, mescle essas camadas que vc duplicou(crtl + e), e o passo final é segurar o ctrl, clicar em umas das outras duas camadas de texto(isso selecionará td o conteúdo de texto) clique na camada de sombra(aquela em que vc as mesclou) e pressione o delete para apagar o coneúdo interno(que não é necessário nessa camada).

    Espero ter ensinado de uma forma de fácil entendimento.

    abç

  3. pessoal quem estiver com duvidas na traduçao. tem aqui este site zielcom.wordpress.com/category/traducao-do-photoshop/ que ajuda muito . . .
    eu nao li os coments acima por isso nao sei se alguem ja nomeou este site. de qualquer maneira espero ter ajudado

  4. Aí pessoal, não sei se ainda tem alguém que olha esses comentários ou está na dúvida na parte 11, mas a parte que está faltando do Tutorial, na hora da tradução, é o seguinte:
    Depois que você faz uma cópia do texto em cor preta e aplica o Gaussian Blur, você tem que selecionar qualquer outro texto, pressionando o Ctrl, para que a palavra seja selecionada. Em seguida, volte para o texto em preto e aperte Delete, deixando apenas a parte embaçada da palavra, formando uma sombra.

    Espero ter ajudado alguém 😉

    Valeu!

  5. Ele não fez a tradução correta de tudo, alguns passos foram esquecidos como "Then Ctrl-click any of the other text layers and go back to the black layer and hit delete so you are just left with a sort of shadow. Then duplicate this layer and merge it with the first so the effect is heavier. You should have something that looks like the screenshot below"
    Se vc fizer passo a passo como está no tuto não vai ficar como o resultado final

  6. CARA MTO LOKO MANO!!! EU FIZ MAI SOU MENOS SEGUINDO O ESQUEMA AI CIMA!!! ME ENROSQUEI MAIS NA PARTE DO FOGO, PQ NAUM AXEI IMAGEN DO GEITO Q EU QUERIA!!! MAIS A GALERA GOSTOU DO JEITO Q FICOU O MEU!!! VALEU!!!

    PARABENS PELO TUTO, MTO BEM EXPLICADO E DETALHADO NAUM TEM COMO ERRAR!!!

    OLHA O MEU RESULT AEW:

    orkut.com.br/Main#Album?uid=12890495432882757143&aid=1271670085

  7. ola André. muto bom!queria pedir te um grande favor..podias fazer igual a este pa mim que é para por n meu forum,com o nome TUGA24H quando tiveres tempo faz e manda me para este e-mail…diogosousa1[at]hotmail.com obrigado.e agredecerei mt se fizesses :).xau ptt e tenhas sucesso.

  8. olá andre! em primeiro lugar vc esta de parabens por mais esse trabalho profissional, muito bom mesmo.
    O seu tutorial esta bem explicado mais so que falta uma coisa, mais screenshots pq vc duplica varias vezes, e assim agente acaba se perdendo pq as vezes nao da pra entender qual a camada que vc duplicou, por favor, nomeie cada camada assim fica mais facil de saber qual se vai duplicar ou se der coloque mais screenshot, ainda que isso possa alongar um pouco o tutorial, mais sera um pouco mais facil de entender pra quem e mais novato. vlw abraço! aki vc pode dar uma olhada no meu resultaado! orkut.com.br/Main#Album?uid=13076251474119725617&aid=1200212006 (num ta tao profissional como o seu, ate pq depois do passo 11 eu tive que me virar sozinho, mais valeu apena)

  9. cara como tod mundo , ou pelo menos a maioria citou, ficou faltando algo na parte 11! ja tentei a madrugada toda , fiz passo a passo e a parada ñ fica igual o seu de jeito nenhum !! eh pra duplicar qual layer ? nessa parte eu me perdi !! se puder ajudar eu agradeço ^^

  10. Aqui é o CS4, tambem tenho o photoshop CS2, soh que nos dois quando eu fazer o 4º passo: 04. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #66500f e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor Bege, vá em Filter> Texture> Texturizer e defina os valore abaixo.
    a opção texture não está habilitada, tem como resolver isso?

  11. Step 11

    Next we duplicate the text layer yet again, but put this layer right on the bottom. Set the color to black—#000000. Then go to Filter > Blur > Gaussian Blur and it will ask you to rasterize the text, click yes to that, and then set the Radius to about 4px.

    Then Ctrl-click any of the other text layers and go back to the black layer and hit delete so you are just left with a sort of shadow. Then duplicate this layer and merge it with the first so the effect is heavier. You should have something that looks like the screenshot below.

    Muito bom esse tuto, porem, ha um pequeno problema, o passo 11 nao esta muito bem explicado. procurei saber o do por que. depois de se criar a imagem faltou a segunda parte, que creio eu seja esse o problema de nao conseguirmos efetuar o mesmo efeito. Por favor sera que tem alguem que poderia ajudar a traduzir tecnicamente essa parte que faltou???
    desde ja agradeco

  12. OI AMIGO!!
    Gostei muito!!.Estou precisando muito desta montagem que vc fez so que não estou conseguindo fazer com o nome TERMOLOGIA.
    Ficarei muito agradecido se fizer e enviar para este imail:alissoncesargta[at]hotmail.com

  13. Entaum cara, esse foi um dos efeitos de fogo mais realista q já vi!!! Parabéns!!!
    Acontece que tentei acompanhar o tutorial, mas chega na parte de colocar o efeito de “brasa” na borda da letra naum consigo deixar com o mesmo efeito!! Vc deve tá escondendo algum segredinho aí!!! rsrsrs
    Abraços

  14. E aí pessoal… queria saber se tem diferença em fazer no CS2… eu não consegui deixar aquele efeito das letras incandescentes… ah, e tb empaquei no passo 11… mas dei uma improvisada… se alguém puder me explicar sobre as versões do photoshop, pq eu acho q este tutorial foi feito no CS3…

  15. Só passei para agradecer pelo excelente tutorial de fogo realista, em português, pois há bastante tempo procuro na web algo semelhante mais este tutorial é o que tem o resultado mais realista e fácil de fazer…
    Obrigado!

  16. No passo 11 pessoal acredito que vcs estão duplicando a layer errada!!
    Tive que duplicar todas até achar a que ficou igual ao do tutorial.
    Tem duas layers de texto que não tem efeito nenhum (máscaras, etc), a layer que está em cima é a layer a ser duplicada. Espero estar correto o meu burro empacou no item 19 se alguém quiser ajudar agradeço. Obrigado!

  17. 19. Clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara em sua layer, faça o mesmo processo realizado anteriormente,
    Olá, você poderia por favor dar um melhor parecer sobre o item 19 onde fala (faça o mesmo processo realizado anteriormente) Que processo é esse? Estou com dificuldades nessa etapa do tutorial. Obrigado, gostei muito desse tutorial. Abraços!

  18. Opa… Muto fera esse tutorial!

    Estive tentando fazer aqui, só que empaquei no passo 11!
    Axo que faltou alguma coisa, um detalhezinho!
    A milaa_nesquik e o Dark tbm não consseguiram, se alguem souber,
    avisa aew!
    O da grama fico mto massa tbm…

    Desde jah agradeço

  19. o senhor poderia disponibilizar a psd? porque chegou uns momentos q ficou confuso para mim principalmente nas horas em que fala para duplicar a primeira layer,se puder disponibilizar agradeço.
    OBs:. Tentei durante uma semana e só agora estou comentando.

  20. parabens Andre, muito bom esse tutorial, tah de parabens
    ve ai como ficou a minha
    valew feraaa!!!!

    orkut.com.br/AlbumZoom.aspx?uid=12712539035755887233&pid=1218322608762&aid=1199728055#pid=1218322608762

  21. olá andré blz? muito legal esse tutorial. tenho uma sugestão… a palavra rasterize ( rasterizar ) em portugues é: converter camada em Bitmaps. ( para seu banco de dados ,hehehe), haaa antes que me esqueça ta aqui o meu resultado: cjb.net/images.html?54c4e.jpg

  22. “pow fico da hora mais fico faltando algum detalhe na hora q as letras ficam com o contorno preto, c vc poder reavaliar vlw, pq o meu nao fico com o contorno preto e d mais pessoas tbm nao vlw…”

    tb tive esse problema ; / … vi q na suas layers, ao invez de vc usar um layer normal de texto vc usou um layer transp e aplicou o texto..será q é isso?

  23. pow fico da hora mais fico faltando algum detalhe na hora q as letras ficam com o contorno preto, c vc poder reavaliar vlw, pq o meu nao fico com o contorno preto e d mais pessoas tbm nao vlw…

  24. E aí André a tradução de “Add Layer Mask” é “Adicionar máscara de camadas”

    Pelo menos essa é a tradução do meu PS 8.0.

    Se precisar de mais alguma tradução que seja possível saber pelo photoshop cs é só falar. Eu sei da tradução pq eu tenho photoshop cs2 em inglês e o cs em português.

  25. haahah, consegui fazer, com alguns pequenos probleminhas mas nada que o famoso “jeitinho brasileiro” naum resolva hehehe

    Pra quem quizer ver o resultado:

    orkut.com/AlbumZoom.aspx?uid=6450639224062694295&pid=1212873032099&aid=1

    Vlw.

  26. Eae André Blz?
    Nossa cara…muito fera este tuto…
    Parabéns pelo blog cara…muito bom…
    Ei…eu ví num site um tuto q ensina a fazer signs para fóruns…eu gostei…ta ai o link
    z12.invisionfree.com/Advanced_Designers/index.php?showtopic=9
    vc pode colocar no seu blog…da para fazer,alem de sign, avatares,banners ou ateh msm wallpapers
    ta ai o meu resultado
    orkut.com/AlbumZoom.aspx?uid=3316857478722472507&aid=1211522488&pid=1212884023795

  27. André, antes de mais, parabéns por mais um excelente tutorial!

    Seria possivel também traduzir este?

    Parece ser simples, mas está em Inglês..

    graphic-design-employment.com/photoshop-tutorial-bling-text.html

  28. Que filho da puta! Ficou muito massa! Muito profissional… Paguei pau nessa e na letra de capim, agora falta de água pra completar! rsrs
    vou tentar fazer! Parabéns! Vou usar isso pra fazer uns flyers (panfletos)…

Bjork – Wanderlust, vídeo feito totalmente em 3D.

Comercial da Orquestra Filarmônica de Zurique.