em , , , ,

Tutorial: Efeito de texto anos oitenta em 3D no Photoshop

Descrição: Veja como criar um texto em 3D com estilo anos oitenta utilizando ferramentas de 3D no Photoshop em conjunto com adjustment layers, texturas e brushes combinados com modos de blend.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1500×800 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, escolha a cor #2d2127 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 com a cor escolhida.

tutoriais photoshop

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, caso queira utilizar a mesma fonte usada neste tutorial clique aqui para fazer o download, escreva uma palavra qualquer usando a cor cinza e o tamanho de 350 pt.

tutoriais photoshop

03. Clique com o botão direito do mouse e escolha a opção Convert to Shape.

tutoriais photoshop

04. Pressione a letra A do teclado para selecionar a Direct Selection Tool, na barra de opções da ferramenta escolha a opção Merge Shape Components.

tutoriais photoshop

05. Pressione Ctrl+J para duplicar a layer, dê o nome de Stroke para a nova layer.

tutoriais photoshop

06. Mude o valor de Fill na barra de opções da ferramenta para None, mude o Stroke Color para branco, defina o valor de Width para 6 pixels e defina os valores abaixo.

tutoriais photoshop

07. Vá em 3D> New 3D Extrusion from Selected Path, repita a operação com a outra layer.

tutoriais photoshop

08. Com a tecla Shift pressionada clique sobre as duas layers, vá em 3D> Merge 3D Layers.

tutoriais photoshop

09. Agora vá em Window> 3D e Window> Properties.

tutoriais photoshop

10. Clique na mesh layer que estamos trabalhando, no caso 1980, no painel 3D, agora vá no painel Properties e clique no ícone de Deform e defina os valores de 220 para Extrusion Depth e 80% para Taper.

tutoriais photoshop

11. No painel 3D clique na opção Stroke, no painel Properties clique na opção Deform, defina o valor de Extrusion Depth para 250 e Taper para 80%.

tutoriais photoshop

12. No painel de Properties clique no ícone de Cap e defina os valores abaixo.

tutoriais photoshop

13. No painel 3D clique na mesh layer do texto que estamos trabalhando e depois em Front Inflation Material, no painel Properties clique em Diffuse e escolha a opção Edit Texture.

tutoriais photoshop

14. Volte para o painel de Layers e pressione Ctrl+J para duplicar a layer.

tutoriais photoshop

15. Pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape esteja selecionada na barra de opções da ferramenta, com a tecla Alt pressionada clique e arraste na parte superior do texto como na foto abaixo.

tutoriais photoshop

16. Vá em 3D> Merge Shape Components, sua imagem deverá ficar como a foto abaixo.

tutoriais photoshop

17. Pressione Shift+U para selecionar a Custom Shape Tool, caso queira utilizar o shape que usamos neste tutorial clique aqui para fazer o download, com a tecla Shift pressionada clique e arraste para aplicar o shape de grama na posição indicada na foto abaixo.

tutoriais photoshop

18. Clique na layer original do texto e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique sobre a amostra de gradiente.

tutoriais photoshop

19. Defina o gradiente usando as cores e posições abaixo:

#eaf3f4 – 0%
#ecf1f0 – 65%
#a1d3db – 81%
#005564 – 100%

tutoriais photoshop

20. Seu texto deverá ficar como a foto abaixo.

tutoriais photoshop

21. Clique na layer copiada, vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique na amostra de gradiente.

tutoriais photoshop

22. Defina as cores e posições indicadas abaixo.

#fcf8ff – 0%
#58b3c1 – 76%
#232e64 – 100%

tutoriais photoshop

23. Sua palavra deverá ficar como a foto abaixo.

tutoriais photoshop

24. Pressione Ctrl+S para salvar o arquivo, feche o arquivo para voltar ao editor 3D.

tutoriais photoshop

25. No painel 3D clique na opção Stroke e depois em Front Inflation Material, no painel de Properties clique em Diffuse e escolha a opção Edit Texture.

tutoriais photoshop

26. Pressione a letra U do teclado para selecionar a Rectangle Tool, crie um retângulo como na foto abaixo.

tutoriais photoshop

27. Vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique na amostra de gradiente.

tutoriais photoshop

28. Defina o gradiente com as cores e posições abaixo.

#6cdced – 0%
#1e4687 – 24%
#6edeeb – 50%
#164f9d – 74%
#8afeff – 93%

tutoriais photoshop

29. Sua imagem deverá ficar como a foto abaixo.

tutoriais photoshop

30. Pressione Ctrl+S para salvar o arquivo, feche o arquivo para voltar ao editor 3D.

tutoriais photoshop

31. No painel 3D clique na layer 1980 e depois em Extrusion Material, vá no painel de Properties, clique em Diffuse e depois em Edit Texture.

tutoriais photoshop

32. Escolha uma cor qualquer 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 com a cor escolhida.

tutoriais photoshop

33. Vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique na amostra de gradiente.

tutoriais photoshop

34. Defina as cores e posições indicadas abaixo:

#002a51 – 0%
#034482 – 13%
#0f5598 – 28%
#1c66ac – 48%
#2a78c1 – 68%

tutoriais photoshop

35. Pressione Ctrl+S para salvar o arquivo, feche o arquivo para voltar ao editor 3D.

tutoriais photoshop

36. Mantenha a tecla Ctrl pressionada e no painel 3D selecione todos os materiais editados, como na foto abaixo, vá no painel Properties e defina o valor de Shine para 100%.

tutoriais photoshop

37. No painel 3D vá na layer do texto e clique em Extrusion Material, vá no painel de Properties e defina o valor de Specular Color para 104, 104, 104.

tutoriais photoshop

38. No painel 3D vá na layer Stroke e clique em Extrusion Material, vá no painel de Properties e defina o valor de Specular Color para 125, 125, 125.

tutoriais photoshop

39. No painel de Properties clique em Diffuse e depois em Extrusion Material.

tutoriais photoshop

40. Mantenha a tecla Ctrl pressionada e selecione as layers de texto e stroke no painel 3D, clique na pequena seta no canto superior direito do painel e escolha a opção Move Object to Ground Plane.

tutoriais photoshop

41. No painel 3D clique na opção Infinity Light, vá no painel de Properties e defina o valor de Intensity para 60% e Softness para 10%.

tutoriais photoshop

42. Defina os valores abaixo no painel de Properties.

tutoriais photoshop

43. No painel 3D clique na opção Environment, no painel de Properties defina o valor de Ground Plane Shadow em 0%.

tutoriais photoshop

44. Seu texto deverá ficar como a imagem abaixo.

tutoriais photoshop

45. Agora vá em 3D> Render 3D Layer, assim que o render terminar clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object.

tutoriais photoshop

46. Vá em Layer> New Adjustment Layer> Hue/Saturation e defina os valores abaixo, clique no ícone de Clipping Mask no rodapé do painel de Hue/Saturation ou vá em Layer> Create Clipping Mask.

tutoriais photoshop

47. Vá em Layer> New Adjustment Layer> Levels, defina os valores abaixo, clique no ícone de Clipping Mask no rodapé do painel de Hue/Saturation ou vá em Layer> Create Clipping Mask.

tutoriais photoshop

48. Agora vá em File> Place e adicione uma textura de concreto, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, cubra todo o documento com a textura e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Color Burn e defina a opacidade em 59%, vá em Layer> Create Clipping Mask.

tutoriais photoshop

49. Clique na layer Background, vá em File> Place e adicione uma textura de céu, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, cubra todo o documento com a textura e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Soft Light.

tutoriais photoshop

50. Vá em File> Place e adicione uma textura de de linhas multicoloridas, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, cubra todo o documento com a textura e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Soft Light, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, aplique o brush nas bordas da textura para suavizar a transição entre as imagens.

tutoriais photoshop

51. Agora vá em File> Place e adicione mais uma textura colorida, caso queira utilizar a mesma textura deste tutorial clique aqui para fazer o download, abra o arquivo .AI ou trabalhe o arquivo .JPG contido no pacote para retirar o texto central antes de inserir a imagem no documento, redimensione a imagem para que ela ocupe toda a área do documento, mude o modo de blend da layer para Soft Light e defina a opacidade em 80%, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves, aplique o brush nas bordas da textura para suavizar a transição entre as imagens.

tutoriais photoshop

52. Vá em Layer> New Adjustment Layer> Hue/Saturation e defina os valores abaixo, clique no ícone de Clipping Mask no rodapé do painel de Hue/Saturation ou vá em Layer> Create Clipping Mask.

tutoriais photoshop

53. Agora vá em File> Place e adicione a textura de concreto novamente, caso queira baixar a textura novamente clique aqui para fazer o download, cubra todo o documento com a textura e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Multiply e dê o nome de BG Texture para a layer.

tutoriais photoshop

54. Vá em File> Place e adicione um efeito de Lens Flare, caso queira utilizar o mesmo efeito usado neste tutorial clique aqui para baixar o pacote usado e escolha o efeito número 2, ajuste a posição e tamanho do efeito e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Screen, posicione o efeito como na foto abaixo.

tutoriais photoshop

55. Vá em Layer> New Adjustment Layer> Hue/Saturation e defina os valores abaixo, clique no ícone de Clipping Mask no rodapé do painel de Hue/Saturation ou vá em Layer> Create Clipping Mask.

tutoriais photoshop

56. Clique na layer do texto 3D e vá em Layer> Layer Style> Outer Glow, defina os valores abaixo usando a cor #dadada.

tutoriais photoshop

57. Sua palavra deverá ficar como a foto abaixo.

tutoriais photoshop

58. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de grid, caso queira utilizar o mesmo set usado neste tutorial clique aqui para fazer o download e escolha o Sample Brush 15, clique em Window> Brushes e defina os valores abaixo.

tutoriais photoshop

59. Clique na layer da textura com linhas diagonais e pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Grid para a layer, escolha a cor #cccccc e aplique o brush como na foto abaixo.

tutoriais photoshop

60. Vá em Layer> Layer Style> Inner Glow, escolha a cor #ffcae5 e defina os valores abaixo.

tutoriais photoshop

61. Vá em Layer> Layer Style> Outer Glow, escolha a cor #ffffff e defina os valores abaixo.

tutoriais photoshop

62. Mude o modo de blend da layer para Vivid Light, defina a opacidade da layer para 35% e o Fill para 0%.

tutoriais photoshop

63. Agora escolha um brush de faísca, caso queira utilizar o mesmo set usado neste tutorial clique aqui para fazer o download, escolha um dos brushes e vá em Window> Brushes, defina os valores abaixo.

tutoriais photoshop

64. Escolha a cor #acacac, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe a layer acima de todas as outras na paleta de layers e aplique o brush, mude o modo de blend da layer para Vivid Light.

tutoriais photoshop

65. Vá em Layer> New Adjustment Layer> Gradient Map, mude o modo de blend da layer para Soft Light e defina a opacidade da layer em 50%.

tutoriais photoshop

66. Clique na miniatura do gradiente de defina o gradiente com as cores e posições abaixo.

#333333 – 0%
#443349 – 13%
#4c3f5d – 28%
#544970 – 48%
#5f5583 – 68%
#686096 – 87%

tutoriais photoshop

67. No final seu texto estará como a imagem abaixo.

tutoriais photoshop

Site de origem: http://www.freepik.com/blog/create-80s-text-effect-adobe-photoshop/

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

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.

2 Comments

Os maiores virais de 2016!

Photoshop: Como receber alertas de novos vídeos no canal