em , , , , ,

Tutorial: Transformando uma palavra em uma pegada na lama usando o Photoshop

Descrição: Hoje veremos como transformar uma palavra comum em uma pegada gravada na lama, para isso usaremos texturas, filtros, layer styles, modos de blend e diversos outros recursos do Photoshop.

01. Pressione Ctrl+O e abra uma textura de lama, no caso deste tutorial usaremos a textura abaixo, caso queira utilizar a mesma textura clique aqui para fazer o download, vá em Image> Imagem Rotation> 90º Counter Clockwise.

02. Vá em Edit> Define Pattern, defina os valores abaixo e clique em Ok.

03. Pressione Ctrl+O e abra uma textura de terra, no caso deste tutorial usaremos a textura abaixo, caso queira utilizar a mesma textura clique aqui para fazer o download, clique com o botão direito do mouse sobre a layer Background e escolha a opção Convert to Smart Object.

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

05. Clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object.

06. Pressione Ctrl+T para abrir a caixa de Free Transform.

07. Clique no ícone de Warp na barra de opções da ferramenta no alto da tela, escolha a opção Fish, distorça a palavra como na foto abaixo.

08. Clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Scale, com a tecla Shift pressionada ajuste a imagem como na foot abaixo, pressione Enter para finalizar a transformação.

09. Pressione a letra P do teclado para selecionar a Pen Tool, escolha a opção Shape na barra de opções da ferramenta no alto da tela.

10. Crie um shape acompanhando a curva da letra.

11. Crie um shape como o da foto abaixo, pressione a letra A para selecionar a Direct Selection Tool e ajuste o shape caso seja necessário.

12. Crie diversos shapes para que sua palavra fique como na foto abaixo.

13. Clique na layer de texto e vá em Layer> Layer Style> Stroke, defina os valores abaixo.

14. Clique com o botão direito do mouse sobre a layer style aplicada e escolha a opção Copy Layer Style.

15. Clique em um shape grande com o botão direito do mouse e escolha a opção Paste Layer Style, repita a operação com outros shapes e letras.

16. Clique em um shape pequeno e vá em Layer> Layer Style> Stroke, defina os valores abaixo.

17. Sua palavra deverá ficar como a imagem abaixo, clique com o botão direito do mouse sobre a layer style que acabamos de aplicar e escolha a opção Copy Layer Style.

18. Clique em outros shapes pequenos com o botão direito do mouse e escolha a opção Paste Layer Style.

19. Com a tecla Shift pressionada selecione todas as layers, clique com o botão direito do mouse sobre as layers selecionadas e escolha a opção Convert to Smart Object, dê o nome de Inner Shapes para a nova layer.

20. Defina o valor de Fill da layer em 0, pressione Ctrl+J para duplicar a layer.

21. Clique na layer Inner Shape e vá em Layer> Layer Style> Bevel and Emboss, defina as cores em #b5b4b3 e #8e877f.

22. Clique na opção Contour e defina os valores abaixo.

23. Clique na opção Texture, escolha o Pattern SoilSand0058 que utilizamos anteriormente e defina os valores abaixo.

24. Vá em Layer> Layer Style> Pattern Overlay, escolha o Pattern SoilSand0058 e defina os valores abaixo.

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

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

27. Clique na layer Inner Shape Copy e vá em Layer> Layer Style> Bevel and Emboss, defina as cores em #b5b4b3 e #8e877f.

28. Clique na opção Texture, escolha o Pattern SoilSand0058 que utilizamos anteriormente e defina os valores abaixo.

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

30. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shapes esteja selecionada na barra de opções da ferramenta no alto da tela e crie um shape em volta da palavra, como na foto abaixo, dê o nome de Outer Shape para a layer.

31. Defina o Fill da layer em 0, deixe ele no topo da paleta de layers e pressione Ctrl+J duas vezes para criar duas cópias da layer.

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

33. Vá em Layer> Layer Style> Pattern Overlay, escolha o Pattern SoilSand0058 e defina os valores abaixo.

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

35. Clique na layer Outer Shape Copy, vá em Layer> Layer Style> Bevel and Emboss, escolha a cor #adacac e a cor #2b2926 e defina os valores abaixo.

36. Clique na opção Contour e defina os valores abaixo.

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

38. Clique na layer Outer Shape Copy 2, vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

39. Clique na opção Contour e defina os valores abaixo.

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

41. Com a tecla Ctrl pressionada clique sobre todas as layers de Inner Shape, pressione Ctrl+G para agrupar as layers dentro de um folder, dê o nome de Inner Shape, repita o procedimento com as layers de Outer Shape.

42. Clique no folder de Inner Shape, pressione a letra V do teclado para selecionar a Move Tool, ajuste a imagem como na foto abaixo.

43. Clique na layer Background e depois pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Texture SH.

44. Pressione a letra J do teclado para selecionar a Healing Brush Tool, em Sample, na barra de opções da ferramenta escolha a opção Current & Below, com a tecla Alt pressionada clique em áreas limpas da textura de fundo.

45. Solte a tela Alt e clique sobre algum ponto que deve ser eliminado da textura.

46. Repita a operação em toda a imagem.

47. Clique em uma das layers Outer Shape, pressione a letra A do teclado para selecionar a Direct Selection Tool, clique sobre o shape e pressione Ctrl+C para copiar.

48. Vá em Window> Paths, clique no ícone de Create New Path no rodapé do painel de Paths, pressione Ctrl+V para colar o path copiado.

49. Clique na layer Background, pressione Ctrl+J para duplicar a layer, deixe ela acima de todas as outras dentro do painel de layers, dê o nome de Edges, clique com o botão direito do mouse sobre a layer e escolha a opção Rasterize Layer.

50. Com a tecla Alt pressionada clique sobre o ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara em preto.

51. Pressione Ctrl+J duas vezes para criar duas cópias da layer, defina o Fill da segunda layer em 0.

52. Vá em Window> Brushes, escolha o brush Chalk 23 e defina os valores abaixo.

 

53. Escolha a cor branca, clique sobre a máscara aplicada na layer Edges, pressione Enter para preencher o path com o brush modificado.

54. Vá em Window> Brushes, escolha o brush Chalk 23 e defina os valores abaixo.

55. Clique na máscara da layer Edge Copy e repita o procedimento.

56. Vá em Window> Brushes e defina os valores abaixo.

57. Clique na máscara da layer Edges Copy 2 e repita o procedimento.

58. Vá em Layer> Layer Style> Bevel and Emboss, escolha as cores #a5a09e e #2b2926, defina os valores abaixo.

59. Clique em Texture, escolha o Pattern SoilSand0058.

60. Mude o modo de blend da layer para Lighten.

61. Vá em Layer> Layer Style> Bevel and Emboss, escolha a core #c5c5c5 e defina os valores abaixo.

62. Clique em Contour e defina os valores abaixo.

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

64. Clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers e escolha a opção Hue/Saturation.

65. Defina os valores abaixo.

66. Clique na layer Edge, vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

67. Clique na opção Contour e defina os valores abaixo.

68. Clique em Texture, na opção Pattern escolha SoilSand0058 e defina os valores abaixo.

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

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

71. Com a tecla Ctrl pressionada clique na layer Background e Texture SH, pressione Ctrl+G para criar um folder, dê o nome de Background.

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

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

74. Clique na layer que estiver no topo da paleta de layers, vá em Layer> New Adjustment Layer> Selective Color, repita o procedimento e defina os valores abaixo.

75. Defina o modo de blend da layer para Color e a opacidade em 50%.

76. Vá em Layer> New Fill Layer> Gradient, escolha a cor #24242a e defina os valores abaixo.

77. Mude o modo de blend da layer para Hard Light e a opacidade em 60%.

78. Clique na layer que estiver no topo da paleta de layers, pressione Ctrl+Shift+Alt+E para criar uma nova layer com todas as outras layers mescladas, dê o nome de Lighting para a nova layer, clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object.

79. Vá em Filter> Render> Lighting Effects, defina Color com 250, 250, 248 e Colorize com 245, 248, 248 e os valores abaixo.

80. Clique na layer que estiver no topo da paleta de layers, vá em File> Place e adicione uma textura de água, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, ajuste o tamanho da textura com o tamanho do seu documento e pressione Enter para finalizar a transformação, dê o nome de Texture Overlay para a layer, mude o modo de blend da layer para Luminosity e defina a opacidade em 7%.

81. Vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

82. No final sua imagem ficará como a foto abaixo.

Site de origem: https://design.tutsplus.com/tutorials/muddy-boot-print-text-effect–cms-27643

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.

Matéria: Cartazes de filmes com o efeito de Dupla Exposição.

Download: Template de e-commerce em .PSD