no , , , , ,

Tutorial: Efeito de texto SteamPunk no Photoshop

Descrição: Aprenda como criar o efeito de texto steampunk no Photoshop utilizando fontes, texturas, shapes, filtros, modos de blend e diversas ferramentas combinadas em nosso passo a passo.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1250×800 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers e escolha a opção Gradient Fill, defina o gradiente usando as cores #44271b e #110702, defina os valores abaixo e pressione Ok.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

02. Vá em File> Place e adicionar uma textura, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, ajuste a textura como na foto abaixo e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Multiply.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

03. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, vá em Window> Character e defina os valores abaixo, caso queira utilizar a mesma fonte usada neste tutorial clique aqui para fazer o download, escreva uma palavra qualquer.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

04. Pressione Ctrl+J para duplicar a layer, vá em Layer> Hide Layers para retirar a visibilidade da layer, clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Shape, dê o nome de Outline para a layer, pressione Ctrl+J para duplicar a layer, dê o nome de Shape para a nova cópia, pressione a letra A do teclado para selecionar a Direct Selection Tool, clique no shape, clique na layer Outline e defina os valores abaixo na barra de opções da ferramenta.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

05. Pressione a letra P do teclado para selecionar a Pen Tool, na barra de opções da ferramenta escolha a opção Subtract From Shape, clique no shape que criamos e remova algumas partes do texto como nas fotos abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

06. Pressione Ctrl+O e abra uma textura de cortiça, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, com a textura aberta no Photoshop vá em Edit> Define Pattern, dê um nome qualquer para a textura e pressione Ok, volte ao documento que estamos trabalhando, clique na layer Shape, vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

07. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

08. Clique em Texture, carregue a textura de cortiça e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

09. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

11. Vá em Layer> Layer Style> Color Overlay, escolha a cor #b1afa9 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

12. Vá em Layer> Layer Style> Pattern Overlay, escolha o pattern de cortiça e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

13. Vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

15. Pressione a letra U do teclado para selecionar a Rectangle Tool, defina o Radius em 1 pixel, crie um retângulo como na foto abaixo, escolha a cor #d0cac3 e crie um pequeno retângulo na parte superior, como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

16. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

17. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

18. Vá em Layer> Layer Style> Gradiente Overlay, caso queira utilizar o mesmo gradiente usado neste tutorial clique aqui e faça o download do pack de gradientes utilizados neste tutorial e escolha o gradiente Bronze Br44.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

19. Clique e arraste o gradiente dentro do shape para ajustar o efeito.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

20. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

21. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

22. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

23. Vá em Layer> Layer Style> Gradient Overlay, escolha o gradiente Stove Pipe 150 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

24. Vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

25. Seus shapes deverão ficar como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

26. Com a tecla Ctrl pressionada clique sobre as duas layers com retângulos, pressione Ctrl+J para duplicar a layers, pressione a letra V do teclado para selecionar a Move Tool, posicione as cópias acima dos shapes originais, repita a operação para criar uma pilha de shapes como na foto abaixo, utilizando um valor de Radius maior crie um shape no topo e na parte inferior da pilha de shapes, com a tecla Ctrl pressionada clique sobre todos os shapes e pressione Ctrl+G para agrupá-los dentro de um folder, dê o nome de P1.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

27. Crie novas combinações e estilos de gradiente como o Brass 80.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

28. Ao criar shapes na vertical mude o valor de Angle do Gradient Overlay para 90º.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

29. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape esteja selecionada na barra de opções da ferramenta, crie um shape como o criado na letra K, vá em Layer> Layer Style> Gradient Overlay, escolha o gradiente Stove Pipe 110 e defina o ângulo em 27º.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

30. Pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brush, clique na opção Brush Tip Shape e defina os valores abaixo para criarmos o efeito de rebites.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

31. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Path esteja selecionada na barra de opções da ferramenta, crie um path como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

32. Escolha a cor #f1edea, pressione Enter para preencher o path com o brush estilizado, pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, posicione a cópia da layer em outros pontos como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

33. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

34. Escolha a opção Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

35. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

36. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

37. Clique com o botão direito do mouse sobre as layer styles aplicadas na layer e escolha a opção Copy Layer Style, clique com o botão direito do mouse sobre outras layers de rebite e escolha a opção Paste Layer Style para colar as layer styles aplicadas.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

38. Ajuste o valor de Angle de Gradient Overlay de acordo com o shape onde o efeito foi aplicado.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

39. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, defina um valor alto para o Radius, certifique-se de que a opção Shape esteja selecionada na barra de opções da ferramenta e crie um shape como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

40. Vá em Layer> Layer Style> Bevel and Emboss, use as cores #b4b4b4 e #b8b09b, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

41. Vá em Layer> Layer Style> Inner Shadow, escolha a cor #a8a8a8 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

43. Defina o Fill da layer em 0%.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

44. Pressione a letra U do teclado para selecionar a Polygon Tool, defina o valor de Sides em 8 na barra de opções da ferramenta, certifique-se de que a opção Shape esteja selecionada, escolha a cor #67604e e crie um shape como o da foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

45. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

46. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

47. Vá em Layer> Layer Style> Gradient Overlay, defina o gradiente usando as cores #59503a, #62574c e #70685c.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

48. Vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

49. Pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape esteja selecionada e escolha a cor #8f5d26, crie uma elipse como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

50. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #eee4e4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

51. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

52. Vá em Layer> Layer Style> Gradient Overlay, defina o gradiente com as cores #ffec97, #675031 e #2a1f0d.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

53. Com a tecla Ctrl pressionada clique sobre as layers de rebites, pressione Ctrl+G para agrupar as layers em um folder, pressione Ctrl+J para duplicar o folder, pressione a letra V do teclado para selecionar a Move Tool e posicione os rebites duplicados em outras letras da palavra.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

54. Pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape esteja selecionada, com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

55. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

56. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

57. Vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

58. Vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

59. Pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape esteja selecionada na barra de opções da ferramenta, com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

60. Vá em Layer> Layer Style> Gradient Overlay, escolha o gradiente Steel 100.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

62. Pressione Ctrl+O e abra a foto de um relógio, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, com a tecla Shift pressionada clique e arraste para criar uma seleção circular ao redor do relógio, pressione Ctrl+C para copiar.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

63. Volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem do relógio, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para redimensionar a imagem e ajustá-la para o shape, pressione Enter para finalizar a transformação, mude o modo de blend da layer para Overlay, com a tecla Ctrl pressionada clique sobre a miniatura da layer para ativar a seleção ao redor da imagem do relógio, clique no ícone de Add Layer Mask para inserir uma máscara na layer.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

64. Com a tecla Ctrl pressionada clique sobre todas as layers que compõe do shape do relógio, pressione Ctrl+G para agrupar as layers dentro de um folder, pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia da layer em outra letra da palavra.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

65. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 20×6 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers e escolha a opção Gradient Fill, escolha o gradiente Steel 100 e pressione Ok, vá em Edit> Define Pattern, dê o nome de Pipe Pattern e clique em Ok.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

66. Volte ao documento que estamos trabalhando, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe a layer abaixo do elemento onde você queira aplicar o efeito de cano, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Path esteja selecionada na barra de opções da ferramenta e crie um path como na foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

67. Vá em Edit> Fill e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

68. Defina os valores abaixo e pressione Ok.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

70. Agora vá em Filter> Noise> Median e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

71. Caso queira suavizar mais o efeito selecione a Blur Tool e aplique a ferramenta nas bordas do cano que criamos.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

72. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

73. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

74. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

75. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

76. Clique com o botão direito do mouse sobre as layer styles aplicadas e escolha a opção Copy Layer Style, crie mais canos utilizando a mesma técnica que utilizamos antes e depois clique com o botão direito do mouse sobre a layer e escolha a opção Paste Layer Styles.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

77. Abaixo vocês conferem as letras estilizadas com canos que criamos utilizando a técnica aplicada anteriormente.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

78. Utilizando a mesma técnica usada antes adicione mais detalhes nas bases dos canos.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

79. Pressione a letra U do teclado para selecionar a Custom Shape Tool, caso queira utilizar o mesmo shape de engrenagens usado neste tutorial clique aqui para fazer o download, com a tecla Shift pressionada clique e arraste para adicionar engrenagens em meio as letras.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

80. Insira diversos shapes com tamanho diferentes, pressione Ctrl+T para abrir a caixa de Free Transform e rotacione alguns shapes para diversificar o resultado final.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

81. Vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #b4b4b4 e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

82. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

83. Vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

84. Clique com o botão direito do mouse sobre as layer styles aplicadas, escolha a opção Copy Layer Style, clique nos outros shapes de engrenagem e escolha a opção Paste Layer Style, altere os valores usados nas layer styles para obter resultados diferentes.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

85. Pressione a letra U do teclado para selecionar a Ellipse Tool, crie uma elipse no centro do shape criado anteriormente, clique com o botão direito do mouse sobre a layer e escolha a opção Paste Layer Styles, mude os valores afim de estilizar o efeito.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

86. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Wire Yellow, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Wire Blue.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

87. Pressione a lera P do teclado para selecionar a Pen Tool, certifique-se de que a opção Paths esteja selecionada, clique na layer Wires Yellow, crie linhas como as linhas vermelhas abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

89. Clique em Contour e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

90. Vá em Layer> Layer Style> Color Overlay, escolha a cor #99803e e defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

91. Clique com o botão direito do mouse sobre a layer style aplicada e escolha a opção Copy Layer Style, clique na layer Wired Blue, pressione a letra P do teclado para selecionar a Pen Tool e crie mais fios, clique com o botão direito do mouse e escolha a opção Paste Layer Style, mude o valor aplicado na layer style de Color Overlay para #245383.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

92. Clique na layer Shape, clique na layer style de Drop Shadow, clique no ícone do olho em frente a layer style para desativar o efeito.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

93. Com a tecla Ctrl pressionada clique sobre a miniatura da layer Wired Yellow para ativar a seleção, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Wired Shadows.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

94. Clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, escolha a cor preta, reduza a opacidade do brush, aplique o brush na área onde você deseja criar as sombras dos fios.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

95. Repita o procedimento com outros elementos da composição.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

96. Vá em File> Place e adicione uma imagem de fumaça, caso queira utilizar as mesmas imagens usadas neste tutorial clique aqui para fazer o download, ajuste o tamanho da imagem com a saída de alguns canos, pressione Enter para finalizar a transformação, mude o modo de blend da layer para Screen, clique no ícone de Add Layer Mask para inserir uma máscara na layer, pressione a letra B do teclado para selecionar a Brush Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, escolha um brush de pontas suaves e tamanho médio, aplique o brush nas áreas onde é necessário apagar o efeito, para intensificar e melhorar a transparência pressione Ctrl+L para abrir a caixa de Levels e arraste os slider de preto e branco para o centro do gráfico até encontrar o ponto certo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

97. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe a layer abaixo da layer de texto, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, crie uma seleção abaixo de cada letra, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com preto, pressione Ctrl+D para desabilitar a seleção, vá em Filter> Blur> Gaussian Blur, defina um valor baixo e pressione Ok, pressione Ctrl+J para duplicar a layer, diminua a opacidade da layer, com a tecla Ctrl pressionada clique nas duas layers, pressione Ctrl+G para agrupar as layers dentro de um folder.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

98. Com a tecla Ctrl pressionada clique sobre todas as layers e folders com excessão do folder que contenha as layers de fumaça e sombra, pressione Ctrl+G para agrupar as layers e dê o nome de Main Text para o folder, vá em File> Place e adicionar uma textura de papel, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, ajuste a textura no documento para que ela cubra toda primeira letra da palavra e pressione Enter para finalizar a transformação, vá em Layer> Create Clipping Mask, mude o modo de blend da layer para Linear Light.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

99. Pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina os valores abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

100. Repita o procedimento aplicando a textura em outras layers e repetindo o processo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

101. No final sua palavra ficará como a foto abaixo.

Tutorial: Efeito De Texto Steampunk No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

Site de origem: https://design.tutsplus.com/tutorials/steampunk-inspired-text-effect–cms-28206

Publicado 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.

vinte − dezenove =

      Conheça os trabalhos de Victor Mosquera

      Download: 100 ícones do Mario Bros