em tp, 2018, dificuldade 4, Edição e efeitos de texto, julho, Tutoriais de Photoshop

Tutorial: Como fazer letras de almofada em 3D usando o Photoshop

1.4k Visualizações

Descrição: Neste tutorial veremos como criar letras em 3D com textura de almofadas usando texturas, filtros, recursos de 3d do Photoshop, ferramentas, modos de blend e muito mais.

01. Pressione Ctrl+O e abra um pattern floral, caso queira utilizar o mesmo pattern usado neste tutorial clique aqui para fazer o download, defina os valores abaixo e pressione Ok.

tutorial como fazer letras de almofada em 3d usando o photoshop 2

02. Os patterns abertos apresentam áreas transparentes como na imagem abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 3

03. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção ao redor do primeiro pattern, como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 4

04. Clique com o botão direito do mouse dentro da seleção e escolha a opção Transform Selection, ajuste a seleção de acordo com as bordas do patter, como na foto abaixo, pressione Enter para finalizar a transformação, vá em Edit> Copy.

tutorial como fazer letras de almofada em 3d usando o photoshop 5

05. Pressione Ctrl+N para criar um novo documento, pressione Ok, vá em Edit> Paste para colar o pattern copiado, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste o pattern para baixo para centralizá-lo no documento.

tutorial como fazer letras de almofada em 3d usando o photoshop 6

06. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste o pattern para cima para centralizá-lo no documento.

tutorial como fazer letras de almofada em 3d usando o photoshop 7

07. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie seleções ao redor de áreas vazias, pressione a letra I do teclado para selecionar a Eyedropper Tool, clique na cor que esteja próxima, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor selecionada.

tutorial como fazer letras de almofada em 3d usando o photoshop 8

08. Vá em File> Save As e salve o documento como um arquivo .JPG, repita a operação para todos os patterns e defina como nome um número para que possa ser identificado com mais facilidade.

tutorial como fazer letras de almofada em 3d usando o photoshop 9

09. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1000×626 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, 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 como fazer letras de almofada em 3d usando o photoshop 10

10. Dê o nome de Text para a layer de texto, clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Shape.

tutorial como fazer letras de almofada em 3d usando o photoshop 11

11. Pressione Ctrl+J para duplicar a layer, dê o nome de Back Piping para a nova layer.

tutorial como fazer letras de almofada em 3d usando o photoshop 12

12. Pressione a letra A do teclado para selecionar a Direct Selection Tool, defina os valores abaixo na barra de opções da ferramenta, defina a cor como #e9e7e2.

tutorial como fazer letras de almofada em 3d usando o photoshop 13

13. Pressione Ctrl+J duas vezes para criar duas cópias da layer, dê o nome de Slides para a primeira layer copiada e de Front Piping para a segunda, clique na layer Slides e defina o valor de Stroke em 2.5.

tutorial como fazer letras de almofada em 3d usando o photoshop 14

14. Pressione a letra U do teclado para selecionar a Rectangle Tool, clique em qualquer ponto do documento e defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 15

15. Selecionar a Anchor Point Tool, clique perto da parte vertical central de cada lado para adicionar dois pontos de ancoragem, dê o nome de Back para a layer com o shape.

tutorial como fazer letras de almofada em 3d usando o photoshop 16

16. Clique e arraste para criar uma seleção ao redor dos dois pontos, como na foto abaixo, use a seta direita do teclado para deixar o shape como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 17

17. Para cada shape layer clique na layer e depois vá em 3D> New 3D Extrusion from Selected Path.

tutorial como fazer letras de almofada em 3d usando o photoshop 18

18. Com a tecla Ctrl pressionada clique sobre todas as layers 3D, vá em 3D> Merge 3D Layers.

tutorial como fazer letras de almofada em 3d usando o photoshop 19

19. Vá em Window> Properties e depois em Window> 3D.

tutorial como fazer letras de almofada em 3d usando o photoshop 20

20. Pressione a letra V do teclado para selecionar a Move Tool, clique e arraste para ajustar a visualização das letras.

tutorial como fazer letras de almofada em 3d usando o photoshop 21

21. No painel 3D clique na mesh tab de Text e Sides, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 22

22. No painel 3D clique nas mesh tabs de Back Piping e Front Piping, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 23

23. No painel 3D clique na mesh tab Text, no painel de Properties clique no ícone de Cap e defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 24

24. No painel 3D clique nas mesh tabs de Back Piping e Front Piping, no painel de Properties clique no ícone de Cap e depois defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 25

25. Pressione a letra V do teclado para selecionar a Move Tool, usando a opção de rotação de 3D Axis clique na mesh tab de Back Piping e mova a palavra como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 26

26. No painel de Properties mude a visulização clicando na opção View e modificando para Right.

tutorial como fazer letras de almofada em 3d usando o photoshop 27

27. Mantenha a tecla Ctrl pressionada e clique em todas as mesh material tabs dentro da mesh tab de Text no painel 3D, no painel de Properties defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 28

28. Clique na mesh tab de Text no painel 3D, vá em 3D> Split Extrusion, repita a operação em outras mesh tabs que existam com excessão da mesh tab de Back.

tutorial como fazer letras de almofada em 3d usando o photoshop 29

29. No painel 3D clique na mesh material tab de Text Front Inflation Material, no painel Properties clique no ícone de Diffuse e escolha a opção Replace Texture, escolha o primeiro pattern que salmvamos anteriormente.

tutorial como fazer letras de almofada em 3d usando o photoshop 30

30. No painel de Properties clique no ícone de Diffuse novamente, escolha a opção Edit UV Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 31

31. Defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 32

32. Clique no folder Bump e escolha a opção New Texture.

tutorial como fazer letras de almofada em 3d usando o photoshop 33

33. Defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 34

34. Isto irá abrir um novo documento, caso não abra clique no ícone do filder Bump e escolha a opção Edit Texture, com o arquivo aberto pressione Ctrl+J para duplicar a layer.

tutorial como fazer letras de almofada em 3d usando o photoshop 35

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

tutorial como fazer letras de almofada em 3d usando o photoshop 36

36. Volte no documento que estamos trabalhando, no painel de Properties clique no folder de Bump e escolha a opção UV Properties, defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 37

37. Defina os valores abaixo o painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 38

38. No painel de Properties clique na seta o lado do Material Picker e escolha a opção New Material.

tutorial como fazer letras de almofada em 3d usando o photoshop 39

39. Dê o nome de Front Material para o novo material e clique em Ok.

tutorial como fazer letras de almofada em 3d usando o photoshop 40

40. No painel 3D mantenha a tecla Ctrl pressionada, clique sobre as Material tabs restantes dentro da mesh tab de Text com excessão da Material tab de Extrusion, no painel de Properties clique na pequena seta ao lado do Material Picler, escolha o material que acabamos de salvar.

tutorial como fazer letras de almofada em 3d usando o photoshop 41

41. Aplique as texturas salvas nas mesh material tabs de Text Front Infation, Front Bevel, Back Bevel e Back Inflation Material.

tutorial como fazer letras de almofada em 3d usando o photoshop 42

42. Clique na Text Front Infation Material tab no painel 3D, no painel Properties clique no ícone de Diffuse e escolha a opção Replace Texture e abra outra imagem do pattern que salvamos anteriormente.

tutorial como fazer letras de almofada em 3d usando o photoshop 43

43. Com a tecla Ctrl pressionada clique sobre as material tabs de Text Front Bevel, Back Bevel e Back Inflation Material no painel 3D, no painel Properties clique em Diffuse e escolha o pattern que será usado, defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 44

44. Repita os passos anteriores para cada letra da palavra.

tutorial como fazer letras de almofada em 3d usando o photoshop 45

45. Clique na mesh tab de Front Piping e depois na mesh material tab de Front Inflation Material tab no painel 3D, no painel Properties clique na opção Diffuse e escolha a opção Remove Texture.

tutorial como fazer letras de almofada em 3d usando o photoshop 46

46. Defina a cor em 233, 231 e 226.

tutorial como fazer letras de almofada em 3d usando o photoshop 47

47. No painel de Properties clique no ícone do folder de Bump, escolha a opção Text Front Inflation Material, defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 48

48. Com a tecla Ctrl clique nas outras mesh material tabs de Front Piping e Back Piping no painel 3D como na foto abaixo, no painel de Properties defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 49

49. Clique na Piping Extrusion Material tab no painel 3D, no painel de Properties clique sobre a textura e escolha a opção UV Properties, salve as alterações e repita a operação em todas as Extrusion Material tabs de Piping.

tutorial como fazer letras de almofada em 3d usando o photoshop 50

50. Com a tecla Ctrl pressionada clique nas mesh tabs de Text, Front Piping, Sides e Back Piping da primeira letra no painel 3D, pressione a letra V do teclado para selecionar Move Tool, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 51

51. Repita o procedimento nas outras letras da palavra.

tutorial como fazer letras de almofada em 3d usando o photoshop 52

52. Na primeira letra da paleta clique nas mesh material tabs indicadas abaixo no painel 3D, clique na seta no canto superior direito da paleta 3D e escolha a opção Move Object to Ground Plane, repita a operação para outras letras.

tutorial como fazer letras de almofada em 3d usando o photoshop 53

53. Com tecla Ctrl pressionada clique sobre todas as mesh tabs no painel 3D, pressione a letra V do teclado para selecionar a Move Tool, no painel de Properties defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 54

54. Vá em File> Place Linked e adicione uma imagem de fundo, redimensione e posicione a imagem de acordo com o documento, pressione Enter para finalizar a transformação, dê o nome de Background Image para a layer.

tutorial como fazer letras de almofada em 3d usando o photoshop 55

55. Vá em File> Place e adicione uma imagem de planta, caso queira utilizar a mesma imagem usada neste tutorial clique aqui para fazer o download, dê o nome de Plant para a layer, clique na layer 3D e vá em Layer> Hide Layers para remover a visibilidade da layer.

tutorial como fazer letras de almofada em 3d usando o photoshop 56

56. Redimensione e posicione a imagem como na foto abaixo, pressione Enter para finalizar a transformação.

tutorial como fazer letras de almofada em 3d usando o photoshop 57

57. Clique na layer com a imagem de Background, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 58

58. Repita a operação na layer Plant.

tutorial como fazer letras de almofada em 3d usando o photoshop 59

59. Pressione Ctrl+O e abra uma foto de sofá, pressione a letra W do teclado para selecionar a Quick Selection Tool, defina os valores abaixo na barra de opções da ferramenta, selecione o sofá.

tutorial como fazer letras de almofada em 3d usando o photoshop 60

60. Caso alguma parte seja selecionada por engano pressione a letra Alt e aplique a ferramenta para remover a seleção.

tutorial como fazer letras de almofada em 3d usando o photoshop 61

61. Com a seleção feita clique no botão de Select and Mask na barra de opções da ferramenta, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 62

62. Clique em Ok, vá em Edit> Copy.

tutorial como fazer letras de almofada em 3d usando o photoshop 63

63. Volte no documento que estamos trabalhando, vá em Edit> Paste, dê o nome de Sofa para a nova layer, clique com o botão direito do mouse e escolha a opção Convert to Smart Object, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para redimensionar e posicioner a imagem como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 64

64. Clique na layer 3D e vá em Layer> Show Layers para ativar a visibilidade da layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a palavra como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 65

65. No painel 3D clique na tab Infinite Light 1, defina os valores abaixo no painel Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 66

66. Pressione a letra V do teclado para selecionar a Move Tool, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 67

67. Clique no ícone de Add New Light to Scene no rodapé da paleta de 3D e escolha a opção New Infinite Light.

tutorial como fazer letras de almofada em 3d usando o photoshop 68

68. Defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 69

69. Defina os valores abaixo no painel de Properties para iluminar a parte superior do texto.

tutorial como fazer letras de almofada em 3d usando o photoshop 70

70. No painel 3D clique na tab Environment, no painel de Properties clique na opção IBL e escolha a opção Replace Texture e escolha a imagem do quarto que foi aplicada como fundo.

tutorial como fazer letras de almofada em 3d usando o photoshop 71

71. Defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 72

72. Clique na Mesh Tab de Back no painel 3D, defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 73

73. Pressione a letra V do teclado para selecionar a Move Tool e rotacione a palavra como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 74

74. Defina os valores abaixo no painel de Properties.

tutorial como fazer letras de almofada em 3d usando o photoshop 75

75. Vá em 3D> Render para renderizar a imagem após finalizar os ajustes.

tutorial como fazer letras de almofada em 3d usando o photoshop 76

76. Clique com o botão direito do mouse sobre a layer 3D, escolha a opção Create Clipping Mask.

tutorial como fazer letras de almofada em 3d usando o photoshop 77

77. 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 e tamanho médio, aplique o brush em áreas que devem ser apagadas.

tutorial como fazer letras de almofada em 3d usando o photoshop 78

78. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe a layer abaixo da layer 3D, dê o nome de Back Shadow, mude o modo de blend da layer para Linear Burn, escolha a cor #848285, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e bordas suaves, aplique sombras nas letras, como na foto abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 79

79. Diminua a opacidade da layer para 50%, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho médio, aplique o brush nas áreas em que deseja apagar o efeito.

tutorial como fazer letras de almofada em 3d usando o photoshop 80

80. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe a layer abaixo da layer Back Shadow, dê o nome de Drop Shadow, mude o modo de blend da layer para Linear Burn, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, crie sombras onde as letras tocam o sofá, caso seja necessário pressione Ctrl+T para abrir a caixa de Free Transform, redimensione e posicione a sombra como na foto abaixo e pressione Enter para finalizar a transformação.

tutorial como fazer letras de almofada em 3d usando o photoshop 81

81. Vá em File> Place e adicione uma textura bokeh, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, ajuste a textura cobrindo todo documento, pressione Enter para finalizar a transformação, defina o valor da opacidade em 10%, mude o modo de blend da layer para Screen, vá em Filter> Blur> Gaussian Blur e defina o valor de Radius para 3 pixels.

tutorial como fazer letras de almofada em 3d usando o photoshop 82

82. Clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers e escolha a opção Gradient Map, clique na amostra de gradiente e defina um gradiente usando as cores #44386e, #716d7c e #d4a987, defina os valores abaixo, mude o modo de blend da layer para Soft Light e a opacidade da layer em 35%.

tutorial como fazer letras de almofada em 3d usando o photoshop 83

83. Clique na layer Plant e vá em Image> Adjustments> Vibrance, defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 84

84. Clique na layer do sofá, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutorial como fazer letras de almofada em 3d usando o photoshop 85

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

tutorial como fazer letras de almofada em 3d usando o photoshop 86

Site de origem: https://design.tutsplus.com/tutorials/3d-stuffed-letters-text-effect–cms-28438

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.

Conheça as esculturas de prego de John Bisbee

Download: 4 estilos de texto antigos em .PSD