em , , , ,

Criando um efeito animado para palavras com Gif

Preview Descrição: Veja como utilizar a timeline do Photoshop para criar um efeito animado para palavras utilizando ferramentas, modos de blend e layer styles.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 800×600 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, clique duas vezes sobre a layer background e pressione Ok, vá em Layer> Layer Style> Gradient Overlay e defina o gradiente com as cores #000000 e #54799b, escolha o modo Radial e pressione Ok.

tutoriais photoshop

02. Pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Noise Layer, escolha a cor #231f20 e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriais photoshop

03. Agora vá em Layer> New Adjustment Layer> Hue/Saturation, defina o valor de Saturation em 100, mude o modo de blend da layer para Soft Light.

tutoriais photoshop

04. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, clique com o botão direito do mouse sobre a layer de texto e escolha a opção Rasterize Type.

tutoriais photoshop

05. Agora vá em Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Color Overlay, Layer> Layer Style> Outer Glow, Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

06. Defina o Fill da layer em 0%.

tutoriais photoshop

07. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse sobre as layers styles que estão aplicadas na layer e escolha a opção Clear Layer Styles, vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

08. Sua palavra deverá ficar como a foto abaixo.

tutoriais photoshop

09. Pressione Ctrl+Shift+Alt+N por 5 vezes seguidas para criar 5 layers, dê o nome de 1, 2, 3, 4 e 5 para as novas layers, com a tecla Ctrl pressionada clique sobre a layers de texto e pressione Ctrl+G para agrupar as layers dentro de um folder, mude o modo de blend do folder para Color Dodge, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, defina a opacidade do brush em 95%, clique na layer 1, escolha a cor branca e dê um clique sobre a primeira letras, clique na layer 2 e repita o procedimento até que a última letra

tutoriais photoshop

10. Agora vá em Window> Timeline, com a tecla Ctrl pressionada clique sobre a Layer 1, 2, 3, 4 e 5, certifique-se de que a agulha da timeline esteja no frame 0.

tutoriais photoshop

11. Arraste a agulha para criar o primeiro keyframe em 01:00f como na foto abaixo.

tutoriais photoshop

12. Ao criar o primeiro keyframe mude os pontos de luz de lugar, repita o procedimento mudando os pontos de luz de lugar como nas fotos abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

13. Sua timeline deverá ficar parecida com a foto abaixo.

tutoriais photoshop

14. Agora vá em File> Save for Web e defina os valores abaixo.

tutoriais photoshop

15. No final basta abrir sua imagem em um navegador, ela deverá ficar como a foto abaixo.

tutoriais photoshop

Site de origem: http://blog.123rf.com/create-an-animated-gif/

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.

One Comment

Photoshop Download: Efeito Vanilla para textos em .PSD

Positivo apresenta seu primeiro smartphone com processador Intel