no , , , ,

Tutorial: Efeito borda de vidro para palavras no Photoshop

Descrição: Hoje veremos como criar o efeito de bordas de vidro em um texto usando layer styles combinadas, no final ainda criaremos uma action para aplicação rápida do efeito em textos no Photoshop.

01. Pressione Ctrl+N e defina os valores abaixo, dê o nome de Glass Text Effect para o documento e pressione Create.

tutorial efeito borda de vidro para palavras no photoshop 2

02. Vá em Window> Character, defina os valores abaixo usando a cor #ffffff e a fonte Soviet Program, caso queira utilizar a mesma fonte usada no tutorial clique aqui para fazer o download, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer.

tutorial efeito borda de vidro para palavras no photoshop 3

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

tutorial efeito borda de vidro para palavras no photoshop 4

04. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #000000 e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 5

05. Vá em Layer> Layer Style> Stroke, defina os valores abaixo, clique na amostra de gradiente e defina o gradiente usando a opacidade e cores abaixo, depois clique em New e salve o gradiente com o nome Glass Gradient.

Stop 1: Location: 0% Opacity: 0%
Stop 2: Location: 4% Opacity: 100%
Stop 3: Location: 26% Opacity: 0%
Stop 4: Location: 43% Opacity: 100%
Stop 5: Location: 64% Opacity: 0%
Stop 6: Location: 85% Opacity: 100%
Stop 7: Location: 100% Opacity: 0%

Stop 1: Location: 0% Color: #ffffff
Stop 2: Location: 6% Color: #ffffff
Stop 3: Location: 7% Color: #194962
Stop 4: Location: 41% Color: #ffffff
Stop 5: Location: 42% Color: #194962
Stop 6: Location: 84% Color: #e0e0e0
Stop 7: Location: 85% Color: #194962

tutorial efeito borda de vidro para palavras no photoshop 6

06. Vá em Layer> Layer Style> Bevel & Emboss, escolha as cores #ffffff, #000000 e defina os valores abaixo, clique em Contour e defina os valores abaixo.

Contour: Linear
Anti-aliased: On
Range: 50%

tutorial efeito borda de vidro para palavras no photoshop 7

07. Vá em Layer> Layer Style> Inner Glow, use a cor #fdfdfd e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 8

08. Vá em Layer> Layer Style> Outer Glow, escolha a cor #b0f1ff e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 9

09. Pressione Ctrl+J para duplicar a layer de texto, dê o nome de Glass 2 para a nova layer, vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e clique na amostra de gradiente, defina o gradiente com os valores abaixo.

Stop 1: Location: 0% Color: #40006e
Stop 2: Location: 51% Color: #b900ce
Stop 3: Location: 100% Color: #40006e

tutorial efeito borda de vidro para palavras no photoshop 10

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

tutorial efeito borda de vidro para palavras no photoshop 11

11. Vá em Layer> Layer Style> Bevel & Emboss, use as cores #ffffff e #000000, defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 12

12. Vá em Layer> Layer Style> Inner Shadow, escolha a cor #baf3ff e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 13

13. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 14

14. Vá em Layer> Layer Style> Inner Glow, escolha a cor #000000 e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 15

15. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #0076a2 e defina os valores abaixo.

tutorial efeito borda de vidro para palavras no photoshop 16

Como criar uma action para aplicar o efeito

16. Clique na layer de texto original, vá em Window> Styles, clique em Create New Style, dê o nome de Glass – A e clique em Ok.

tutorial efeito borda de vidro para palavras no photoshop 17

17. Repita o procedimento com a segunda layer de texto, dê o nome de Glass – B.

tutorial efeito borda de vidro para palavras no photoshop 18

18. Vá em Window> Actions, clique no ícone de Create New Set no rodapé do painel de Actions, dê o nome de Glass Text Effect, clique em Ok.

tutorial efeito borda de vidro para palavras no photoshop 19

19. Vá em Window> Layers e clique na layer de texto original, vá em Window> Actions, clique no ícone de Create New Action no rodapé do painel de Actions, dê o nome de Red Glass Text Effect, clique no ícone de Record no rodapé do painel de Actions.

tutorial efeito borda de vidro para palavras no photoshop 20

20. Vá em Window> Styles, clique no style Glass – A.

tutorial efeito borda de vidro para palavras no photoshop 21

21. Pressione Ctrl+J para duplicar a layer, dê o nome de Glass Top, vá em Window> Styles, clique no style Glass – B, vá em Window> Actions, clique no ícone de Stop no rodapé do painel de Actions.

tutorial efeito borda de vidro para palavras no photoshop 22

22. Para aplicar a action basta escrever qualquer texto, ir em Window> Actions, escolher a action Red Glass Text Effect e clicar em Play Selection.

tutorial efeito borda de vidro para palavras no photoshop 23

Site de origem: https://design.tutsplus.com/tutorials/how-to-make-cool-photoshop-text-effects-fast-with-actions–cms-30941

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.

$ s Comentários

Deixe uma resposta
  1. He oído sobre eso. Mi amigo dijo que había leido algo semejante en viral Nexter web site

  2. As imagens do tutorial não aparecem, fica difícil fazer assim….

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

1 × dois =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Download: Mockup do iPhone XR

🚀 BAIXE GRATUITAMENTE: Action para efeito de desenho arquitetônico no Photoshop