Tutorial: Efeito borda de vidro para palavras no Photoshop

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.

Preview 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.

  • [message]
    • ##check##AVISO: Efeito borda de vidro para palavras no Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

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

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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%

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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.

Efeito borda de vidro para palavras no Photoshop

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


COMENTÁRIOS

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo