Tutorial: Palavra com efeito choque
Autor: André Sugai | Publicado: 2017-04-03T00:10:00-03:00

 Descrição: Hoje veremos como criar um efeito elétrico em uma palavra utilizando diversas ferramentas combinadas no Photoshop como filtros, layer styles, modos de blend e mais.

Tutorial Intermediário


01. Pressione Ctrl+N para criar um novo documento, defina o tamanho em 1500x1500 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, clique duas vezes sobre a layer Background e clique em Ok, dê o nome de infamous BG para a layer.



02. Defina a cor de Foreground em #000000 e de Background como #7c7c7c, vá em Filter> Render> Clouds.



03. Vá em Filter> Filter Gallery> Distort> Glass e defina os valores abaixo.



04. Pressione Ctrl+J para duplicar a layer.



05. Pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, pressione Enter para finalizar a transformação, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer.



06. Clique na miniatura da máscara que foi aplicada na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para inverter as cores, pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo.



07. Clique e arraste da esquerda para a direita no documento para preencher a máscara.



08. Clique na layer infamous BG copy e vá em Layer> Merge Visible, pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, pressione Enter para finalizar a transformação, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, clique na miniatura da máscara que foi aplicada na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para inverter as cores, pressione a letra G do teclado para selecionar a Gradient Tool, aplique o gradiente de baixo para cima.



09. Clique na layer infamous BG copy 2 e vá em Layer> Merge Visible, vá em Edit> Define Pattern..., dê o nome de inFamous Pattern e pressione Ok, pressione Ctrl+S para salvar o documento, salve o arquivo .PSD e pressione Ok.



10. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.



11. Vá em View> New Guide> Guide e defina o valor de 40% em Horizontal, repita o procedimento com 60% Horizontal, 29% Vertical e 71% Vertical.



12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Brush, pressione a letra B do teclado para selecionar a Brush Tool, define os valores abaixo.



13. Desenhe algumas linhas como na foto abaixo.



14. Mude o tamanho do brush para 4 pixels e crie alguns raios como na foto abaixo.



15. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo utilizando a cor #4cb8ff.



16. Pressione Ctrl+J para duplicar a layer, clique na adjustment layer e usando a cor #30d6ff defina os valores abaixo.



17. Vá em Edit> Define Pattern, dê o nome de Electric Pattern e pressione Ok.



18. Pressione Ctrl+S para salvar o documento em .PSD, pressione Ctrl+N para criar um novo documento, defina os valores abaixo usando a cor #191919.



19. Pressione a letra U do teclado para selecionar a Line Tool, use a cor #ffffff e defina o valor de Weight em 4 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Line, com a tecla Shift pressionada clique e arraste para criar uma linha como na foto abaixo.



20. Agora vá em View> New Guide> Guide e defina o valor de 7% Vertical, repita o procedimento e defina os valores de 50% Vertical e 93% Vertical.



21. 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, defina os valores abaixo.



22. Clique no ícone de Add Layer Mask no rodapé da paleta de layers, clique na miniatura da máscara aplicada, pressione a letra G do teclado para selecionar a Gradient Tool, clique e arraste como indicado na foto abaixo para aplicar o gradiente.



23. Vá em Layer> Layer Style> Blending Options e defina os valores abaixo usando a cor #004eff.



24. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação.



25. Pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique na seta direcional para cima no teclado uma única vez.



26. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique na seta direcional para baixo no teclado seis vezes.



27. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo usando a cor #75c6ff.



28. Com a tecla Ctrl pressionada clique sobre todas as layers com linha, clique com o botão direito do mouse sobre as layers e escolha a opção Convert to Smart Object.



29. Vá em File> Open, escolha uma imagem de fundo, caso queira utilizar a mesma imagem clique aqui para fazer o download.



30. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Impact e escreva uma palavra qualquer, vá em Window> Character e defina os valores abaixo.



31. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.



32. Vá em Layer> Layer Style> Stroke e defina os valores abaixo, clique na janela de pattern e escolha o efeito elétrico que criamos.



33. Clique e arraste o efeito para trás do texto.



34. Vá em Layer> Layer Style> Gradient Overlay, para o primeiro ponto de fina a cor #c9c9c9 na posição 11%, para o segundo ponto defina a cor #639dbb na posição 24%, para a terceira cor defina a cor #356d8a na posição 38%, no quarto ponto defina a cor #d9d9d9 na posição 47%, no quinto ponto defina a cor #979797 na posição 71%, na sexta posição defina a cor #dedede na posição 82%, no sexto ponto defina a cor #2b2b2b na posição 95%.



35. Defina os valores abaixo e clique em Ok.



36. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.



37. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style.



38. Defina o Fill da layer em 0%.



39. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.



40. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo usando a cor #abe4ff.



41. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.



42. Volte ao documento onde criamos o efeito de luz, clique na layer Light Line Copy 2, pressione Ctrl+A para selecionar todos conteúdo do documento, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar o efeito.



43. Pressione Ctrl+T para abrir a caixa de Free Transform, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação.



44. Pressione a letra V do teclado para selecionar a Move Tool, mova o efeito para cima do texto, mude o modo de blend da layer para Screen.



45. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia como na foto abaixo.



46. No final sua imagem estará como a foto abaixo.



Site de origem: https://design.tutsplus.com/tutorials/how-to-create-an-infamous-inspired-text-effect-in-adobe-photoshop--cms-27873