em , , , , ,

Tutorial: Como fazer palavras de origami no Photoshop

Descrição: Veja como fazer palavras e números com efeito origami usando ferramentas do Photoshop combinadas para criar peças com efeito realistas de sombreamento.

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutorial como fazer palavras de origami no photoshop 2

02. Pressione a letra U do teclado para selecionar a Rectangle Tool.

tutorial como fazer palavras de origami no photoshop 3

03. Crie diferentes tipos de shapes como na foto abaixo, para criar um quadrado perfeito mantenha a tecla Shift pressionada.

tutorial como fazer palavras de origami no photoshop 4

04. Pressione a letra A do teclado para selecionar a Path Selection Tool.

tutorial como fazer palavras de origami no photoshop 5

05. Para rotacionar os shapes clique com a Path Selection Tool e depois pressione Ctrl+T para ativar Free Transform, para editar os shapes pressione Shift+A para selecionar a Direct Selection Tool, depois basta clicar em um dos pontos de controle e alterar sua forma.

tutorial como fazer palavras de origami no photoshop 6tutorial como fazer palavras de origami no photoshop 7

06. Para inserir ou remover um ponto de controle utilize a Add Anchor Point Tool ou a Delete Anchor Point Tool, ambas estão dentro do grupo da Pen Tool na barra de ferramentas do Photoshop.

tutorial como fazer palavras de origami no photoshop 8

07. Pressione a letra U do teclado para selecionar a Rectangle Tool, clique na opção Fill na barra de opções da ferramenta e defina a cor #808080.

tutorial como fazer palavras de origami no photoshop 9

08. 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 e crie um shape como na foto, pressione a letra A do teclado para selecionar a Direct Selection Tool e deixe o shape como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 10

09. Dê o nome de 2-01 para a layer, clique com o botão direito do mouse sobre a layer e escolha a opção Duplicate para duplicar a layer, dê o nome de 2-02.

tutorial como fazer palavras de origami no photoshop 11

10. Pressione a letra A do teclado para selecionar a Path Selection Tool, vá em Edit> Transform Path> Rotate e ajuste o shape como na foto abaixo, caso seja necessário pressione Ctrl+T para abrir a caixa de Free Transform, ajuste o shape e pressione Enter para finalizar a transformação.

tutorial como fazer palavras de origami no photoshop 12

11. Siga o mesmo procedimento para criar o número 2.

tutorial como fazer palavras de origami no photoshop 13

12. Com a tecla Shift pressionada clique sobre todas as layers de shape que foram criadas, clique na pequena seta no canto superior direito do painel de Layers e escolha a opção New Group From Layers.

tutorial como fazer palavras de origami no photoshop 14

13. Clique na layer 2-01 e vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 15

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

tutorial como fazer palavras de origami no photoshop 16

15. Clique com o botão direito do mouse sobre a layer 2-02 e escolha a opção Paste Layer Style, clique sobre a layer style e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 17

16. Repita o mesmo procedimento na layer 2-03 e defina os valores abaixo na layer style de Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 18

17. Repita o procedimento na layer 2-04 e defina os valores na layer style de Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 19

18. Repita o mesmo procedimento para a layer 2-05 e defina os valores abaixo para a layer style de Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 20

19. Repita o mesmo procedimento para a layer 2-06 e defina os valores abaixo para a layer style de Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 21

20. O número 2 ficará como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 22

21. Agora criaremos as dobras do número 2, cara dobra é dividia em duas partes, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shapes esteja selecionada e crie uma shape como na foto abaixo, dê o nome de F-2-01-Front para a nova layer, caso seja necessário fazer alguma alteração pressione a letra A do teclado para selecionar a Direct Selection Tool e clique nos pontos para editar o shape, escolha a cor #808080, clique no ícone de Create a New Group no rodapé da paleta de layers para criar um novo folder, dê o nome de Fold e deixe o novo shape dentro.

tutorial como fazer palavras de origami no photoshop 23

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

tutorial como fazer palavras de origami no photoshop 24

23. Pressione Ctrl+J para duplicar a layer, deixe a layer abaixo da layer original, pressione a letra A para selecionar a Direct Selection Tool, ajuste os pontos para que o shape fique como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 25

24. Clique sobre a layer style aplicada na layer e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 26

25. Sua dobra deverá ficar como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 27

26. Faça a nova dobra seguindo o mesmo procedimento utilizado anteriormente, nomeie a layer como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 28

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

tutorial como fazer palavras de origami no photoshop 29

tutorial como fazer palavras de origami no photoshop 30tutorial como fazer palavras de origami no photoshop 31

28. O número 2 ficará como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 32

29. Crie o número 0 seguindo o mesmo procedimento usado anteriormente e aplique a layer style de Gradient Overlay seguindo as indicações abaixo.

tutorial como fazer palavras de origami no photoshop 40tutorial como fazer palavras de origami no photoshop 39tutorial como fazer palavras de origami no photoshop 38tutorial como fazer palavras de origami no photoshop 37tutorial como fazer palavras de origami no photoshop 36tutorial como fazer palavras de origami no photoshop 35tutorial como fazer palavras de origami no photoshop 34tutorial como fazer palavras de origami no photoshop 33

30. Clique sobre os shapes de dobras que já foram criados e pressione Ctrl+J para duplicar, pressione a letra V do teclado para selecionar a Move Tool, posicione os shapes nas dobras do 0 e monte todas as dobras necessárias.

tutorial como fazer palavras de origami no photoshop 41

31. Clique sobre a layer style de Gradient Overlay da dobra e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 42tutorial como fazer palavras de origami no photoshop 43

32. Crie e nomeie a segunda dobra do 0.

tutorial como fazer palavras de origami no photoshop 44

33. Clique na layer style de Gradient Overlay e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 45tutorial como fazer palavras de origami no photoshop 46

34. Repita a operação para criar a terceira dobra do 0.

tutorial como fazer palavras de origami no photoshop 47

35. Clique na layer style de Gradient Overlay e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 48tutorial como fazer palavras de origami no photoshop 49

36. O número 0 ficará como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 50

37. Agora repita os procedimentos anteriores para criar o número 1, cada indicação abaixo corresponde a layer style de Gradient Overlay que será aplicada.

tutorial como fazer palavras de origami no photoshop 51

38. Defina os valores abaixo para cada layer style aplicada nos shapes do número 1.

tutorial como fazer palavras de origami no photoshop 52tutorial como fazer palavras de origami no photoshop 53tutorial como fazer palavras de origami no photoshop 54tutorial como fazer palavras de origami no photoshop 55tutorial como fazer palavras de origami no photoshop 56

39. Seguindo os mesmos procedimentos anteriores crie a primeira dobra do número 1.

tutorial como fazer palavras de origami no photoshop 57

40. Clique na layer style e defina os valores abaixo para a Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 58tutorial como fazer palavras de origami no photoshop 59

41. Crie a segunda dobra do número 1 usando a mesma técnica usada anteriormente.

tutorial como fazer palavras de origami no photoshop 60

42. Clique na adjustment layer de Gradient Overlay e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 61tutorial como fazer palavras de origami no photoshop 62

43. O número 1 deverá ficar como a imagem abaixo.

tutorial como fazer palavras de origami no photoshop 63

44. Repita o mesmo procedimento para criar o número 7, use as indicações para aplicar as layer styles de Gradient Overlay.

tutorial como fazer palavras de origami no photoshop 64

45. Defina os valores abaixo para cada Gradient Overlay aplicada.

tutorial como fazer palavras de origami no photoshop 65tutorial como fazer palavras de origami no photoshop 66tutorial como fazer palavras de origami no photoshop 67tutorial como fazer palavras de origami no photoshop 68tutorial como fazer palavras de origami no photoshop 69

46. Como não existem dobras no número 7 ele ficará como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 70

47. Com a tecla Ctrl pressionada clique sobre a layer 2-02 para ativar a seleção do shape, com a tecla Shift+Ctrl pressionadas clique sobre os outros shapes que compõe o número 2.

tutorial como fazer palavras de origami no photoshop 71

48. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shape Shadow Soft, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pinte dentro da área selecionada como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 72

49. Reduza a opacidade da layer para 30%.

tutorial como fazer palavras de origami no photoshop 73

tutorial como fazer palavras de origami no photoshop 74

50. Repita o procedimento nos outros números.

tutorial como fazer palavras de origami no photoshop 75tutorial como fazer palavras de origami no photoshop 76

51. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shape Shadow Crisp, repita os mesmos procedimentos para criar novas sombras, reduza a opacidade da layer para 50%.

tutorial como fazer palavras de origami no photoshop 77tutorial como fazer palavras de origami no photoshop 78

52. Seus números deverão ficar como a foto abaixo.

tutorial como fazer palavras de origami no photoshop 79

53. Agora pressionar Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Edge Highlights, pressione a letra X do teclado para inverter as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas duras com 75% de Hardness, aplique o brush como indicado na foto abaixo, reduza a opacidade do brush para 20%.

tutorial como fazer palavras de origami no photoshop 80tutorial como fazer palavras de origami no photoshop 81

54. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Fold Edge Highlights, pressione a letra B do teclado para selecionar a Brush Tool, no painel de opções da ferramenta clique no ícone do folder para abrir o painel Brush, escolha o brush indicado e defina os valores abaixo, aplique o brush nas áreas indicadas.

tutorial como fazer palavras de origami no photoshop 82tutorial como fazer palavras de origami no photoshop 83

55. Aplique o brush para criar áreas mais claras nos números, diminua a opacidade da layer para 40%.

tutorial como fazer palavras de origami no photoshop 84

56. Com a tecla Ctrl pressionada clique sobre os folders indicados, pressione Ctrt+Alt+E para mesclar as layers em uma nova layer.

tutorial como fazer palavras de origami no photoshop 85tutorial como fazer palavras de origami no photoshop 86

57. Deixe a nova layer abaixo das outras layers, como na foto abaixo, com a tecla Alt pressionada clique sobre o ícone do olho em frente a nova layer, isso desativará a visibilidade de todas as outras layers.

tutorial como fazer palavras de origami no photoshop 87tutorial como fazer palavras de origami no photoshop 88

58. Pressione Ctrl+L para abrir a caixa de Levels, defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 89

59. Vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutorial como fazer palavras de origami no photoshop 90

60. Ative a visibilidade de todas as layers novamente, clique na layer Merged, vá em Edit> Transform> Warp e distorça a sombra como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 91

61. Reduza a opacidade da layer para 80%.

tutorial como fazer palavras de origami no photoshop 92

62. No final seu painel de layers ficará como na foto abaixo.

tutorial como fazer palavras de origami no photoshop 93

63. E o seu resultado será como o da foto abaixo.

tutorial como fazer palavras de origami no photoshop 94

Site de origem: https://photoshopstar.com/folded-paper-text-effect-in-photoshop/

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.

Inspiração, Cartazes de Rock: John Lennon

🚀 Action para efeito Highlight em textos no Photoshop