no , , , , ,

Tutorial: Criando um texto em 3D cilíndrico no Photoshop

Descrição: Neste tutorial veremos como criar um texto em 3D em perspectiva utilizando diversas ferramentas, filtros, modos de blend, adjustment layers e recursos de 3D do Photoshop.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1920×1080 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, clique no ícone de Create New Fill or Adjustment Layer e escolha a opção Solid Color.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

02. Escolha a cor #9d2323.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

03. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, caso queira utilizar a mesma fonte usada neste tutorial clique aqui para fazer o download, defina o tamanho em 250pt.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

04. Clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Shape, dê o nome de Text para a layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

05. Pressione a letra U do teclado para selecionar a Ellipse Tool, defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

06. Com a tela Alt pressionada clique e arraste no meio de um círculo para retirar seu preenchimento.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

07. Repita a operação em alguns outros círculos.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

08. Este passo é opcional e só deve ser aplicado caso você queira trabalhar com um documento menor, vá em Image> Image Size e defina o tamanho de 1250 pixels para Width.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

09. Pressione a letra U do teclado para selecionar a Rectangle Tool, crie um retângulo que cubra todo documento, dê o nome de Ground para a layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

13. Pressione a letra V do teclado para selecionar a Move Tool, utilize as opções da ferramenta Move para girar e posicionar sua cena.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

14. No painel 3D clique no mesh Ground, no painel de Properties defina o valor de Extrusion Depth para 2.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

15. No painel de Properties clique no ícone de Coordinates e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

16. Clique na pequena seta no canto superior direito do painel 3D e escolha a opção Move Object to Ground Plane.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

17. No painel 3D clique no mesh Text, no painel de Properties defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

18. No painel de Properties clique no ícone de Coordinates e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

19. Clique na pequena seta no canto superior direito do painel 3D e escolha a opção Move Object to Ground Plane.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

20. No painel de Properties clique no ícone de Cap, defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

21. Pressione a letra V do teclado para selecionar a Move Tool, escolha a opção 3D Axis e deixe a visualização de sua cena como na imagem abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

22. No painel 3D clique na opção Current View, no painel Properties defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

23. Pressione a letra Z do teclado para selecionar a Zoom Tool, aproxime para trabalhar o texto.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

24. No painel 3D clique no mesh Text, pressione a letra V do teclado para selecionar a Move Tool, rotacione a palavra e deixe ela paralela ao mesh Ground.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

25. Mova a mesh Text para a mesh Ground Plane, no painel 3D clique em Default Camera.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

26. No painel 3D selecione todas as tabs dentro do mesh Text, no painel de Properties clique no ícone de Diffuse e escolha a opção Remove Texture.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

27. Defina os valores abaixo.

Diffuse: 109, 22, 28
Specular: 56, 38, 40
Shine: 35

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

28. Pressione Ctrl+N para criar um novo documento, defina o tamanho 50×50 pixels, 72 dpi’s e modo de cor em RGB, 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, clique no documento para preencher a layer com preto, pressione a letra U do teclado para selecionar a Ellipse Tool, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #eeeeee, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com a cor escolhida.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

29. Clique na layer do círculo e pressione Ctrl+J para duplica a layer, pressione a letra V do teclado para selecionar a Move Tool, posicione a cópia no canto superior direito do documento, pressione Ctrl+J mais três vezes e posicione as cópias em diferentes cantos como na foto abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

30. Vá em Edit> Define Pattern, dê um nome para seu Pattern e clique em Ok.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

31. Volte ao documento com o texto 3D, no painel 3D clique na opção Ground Front Inflation, no painel de Properties clique na opção Bump e escolha a opção Texture.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

32. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 500×500 pixels, 72 dpi’s e modo de cor em RGB, clique em Ok.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

33. Clique na layer Background e pressione Ctrl+J para duplicar a layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

35. No painel 3D clique no mesh de Ground e escolha a opção Ground Front Material Inflation, no painel Properties clique no ícone de Bump e depois em Edit UV Properties.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

36. Defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

37. Defina os valores abaixo no painel Properties.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

38. No painel 3D clique na opção Infinite Light, no painel Properties defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

39. Pressione a letra V do teclado para selecionar a Move Tool, no painel de Properties clique em Coordinates e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

40. Clique no ícone de Add New Light to Scene no rodapé do painel 3D e escolha a opção New Spot Light.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

41. No painel de Properties defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

42. No painel de Properties clique no ícone de Coordinates e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

43. Clique em Ground Front Inflation Material no mesh Ground no painel 3D, no painel Properties defina o valor de Bump em 0.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

44. Clique no ícone do olho em frente ao mesh de Text, vá em 3D> Render 3D Layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

45. Pressione Ctrl+A para selecionar todo documento e pressione Ctrl+C para copiar.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

46. Pressione Ctrl+V para colar a imagem copiada, dê o nome de BG para a layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

47. Vá em Layer> Hide Layers para retirar a visibilidade da layer BG, no painel 3D ative a visibilidade do mesh Text novamente.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

48. No painel de Properties defina o valor de Bump em 1.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

49. Vá em 3D> Render 3D Layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

50. Clique na layer BG e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, defina o valor de Fill da layer em 80%, com a tecla Alt pressionada clique no ícone de Add Layer Mask no rodapé da paleta de layers para inserir uma máscara em preto na layer.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

51. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, escolha a cor branca, aplique o brush na parte central do documento.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

52. Vá em Layer> New Adjustment Layer> Levels e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

53. Vá em Layer> New Fill Layer> Pattern e defina os valores abaixo, caso queira utilizar o mesmo pattern usado o tutorial clique aqui para fazer o download.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

54. Mude o modo de blend da layer para Linear Burn e defina a opacidade em 15%.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

55. Pressione Ctrl+Shift+Alt+E para criar uma nova layer com todas as outras mescladas, dê o nome de Hight Pass para a nova layer, clique com o botão direito do mouse sobre a layer e escolha a opção Convert to Smart Object.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

56. Vá em Filter> Other> High Pass e defina os valores abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

58. No final sua palavra ficará como a imagem abaixo.

Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

Site de origem: https://design.tutsplus.com/tutorials/3d-cylinders-text-effect–cms-27701

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.

quinze − 2 =

      Adobe Day – Se surpreenda com o que o Acrobat faz!

      Tutorial: Criando Um Texto Em 3D Cilíndrico No Photoshop | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

      Como usar a Quick Mask Mode no Photoshop CS6