Design & UX

20 jul, 2011

Criando um efeito de letras cromadas com método avançado

Publicidade

Neste artigo, veremos como criar um efeito no texto para que ele fique com um aspecto cromado, utilizando uma técnica avançada onde criamos layer styles que são transformadas em layer comum e depois sofrem alterações com outras layer styles.

01. Crie um novo documento e defina os valores abaixo.

02. Resete as cores de Foreground e Background para preto e branco, depois crie uma nova layer e selecione a Paint Bucket Tool. Em seguida, clique no documento para preencher a layer com a cor preta, depois vá em Layer> Layer Style> Gradient Overlay e defina o gradiente como na figura abaixo.

03. Agora defina os valores abaixo:

04. Vá em Layer> Layer Style> Color Overlay e defina:

05. Sua imagem deverá ficar como a da figura abaixo:

06. Agora escolha a cor #888888, depois selecione a Horizontal Type Tool, escreva uma palavavra qualquer.

07. Agora vá em Layer> Layer Style> Stroke e defina:

08. Sua palavra deverá ficar assim:

09. Agora clique com o botão direito do mouse sobre a layer style que foi aplicada no texto e escolha a opção Create Layer.

10. Será criada uma layer contendo os efeitos da layer style.

11. Clique na layer de texto e vá em Layer> Layer Style> Gradient Overlay e defina:

12. Agora em Layer> Layer Style> Bevel and Emboss, defina os seguintes valores:

13. Em Layer> Layer Style> Inner Shadow, defina os valores:

14. Depois em Layer> Layer Style> Stroke, selecione:

15. Sua palavra deverá ficar como a da figura abaixo.

16. Agora clique na layer que contém o efeito separado e vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

17. Depois, em Layer> Layer Style> Bevel and Emboss, defina:

18. Sua palavra deverá ficar como a da figura abaixo.

19. Clique na layer de texto original e duplique a layer. Depois clique com o botão direito do mouse sobre a layer de texto duplicada e escolha a opção Clear Layer Style. Sua paleta de layers deverá ficar como a da figura abaixo.

20. Vá em Layer> Layer Style> Drop Shadow e defina:

21. Clique com o botão direito do mouse sobre a layer style que está na layer de texto e escolha a opção Create Layer para separar o efeito de Drop Shadow. Deixe a layer na posição indicada abaixo:

22. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores:

23. Em Layer> Layer Style> Bevel and Emboss, defina:

24. Sua palavra ficará como a da figura:

25. Agora clique na layer de texto copiada, selecione a Rectangular Marquee Tool e defina o Feather  em 3 pixels. Depois crie uma seleção como a da figura abaixo e, em seguida, clique no ícone Add Layer Mask no rodapé da paleta de layers.

26. No final sua palavra ficará da seguinte forma:

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um “Olá!”

*

Site de origem: http://editonly.net/forum/index.php/topic/11-chrome-text/