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.

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.

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.

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.

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.

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.

07. Clique em Contour e defina os valores abaixo.

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

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

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

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

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

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

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

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.

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

17. Clique em Contour e defina os valores abaixo.

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.

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

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

21. Clique em Contour e defina os valores abaixo.

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

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

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

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

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.

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

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

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

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.

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.

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.

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

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

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

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

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.

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

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.

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

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

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

43. Defina o Fill da layer em 0%.

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.

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

46. Clique em Contour e defina os valores abaixo.

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

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

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.

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

51. Clique em Contour e defina os valores abaixo.

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

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.

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.

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

56. Clique em Contour e defina os valores abaixo.

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

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

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.

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

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

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.

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.

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.

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.

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.

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

68. Defina os valores abaixo e pressione Ok.

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

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

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

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

73. Clique em Contour e defina os valores abaixo.

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

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

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.

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

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

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.

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.

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

82. Clique em Contour e defina os valores abaixo.

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

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.

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.

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.

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.

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

89. Clique em Contour e defina os valores abaixo.

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

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.

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.

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.

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.

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

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.

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.

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.

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

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

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

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

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 uma resposta

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

2 × um =

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

Conheça os trabalhos de Victor Mosquera

Download: 100 ícones do Mario Bros