Brincando com Timeline no Photoshop CS6

Photoshop CS6 tem novas features muito legais, e uma delas é a nova timeline para animações básicas e desta vez o Photoshop tem também um pouco do gostinho do After Effects. Como uma das ideias do blog é testar essas ferramentas, decidimos fazer algo envolvendo essa nova feature.

Neste tutorial vamos mostrar para vocês uma animação simples usando a nova timeline e alguns efeitos de luz. O processo todo é super simples e não vai demorar mais de 20 minutos.

Passo 1

Abra o Photoshop CS6 e crie um novo documento. Preencha a background layer com qualquer cor, depois vá até Layer>Layer>Styles>Gradient Overlay. Use Radial em Style e nas cores use preto e #38556f no centro.

Passo 2

Adicione uma nova layer e a preencha com um pattern. Estou usando um do http://subtlepatterns.com/ chamado Broken Noise. Use Soft Light no Blend Mode.

Passo 3

Adicione o texto que quiser para o efeito de luz. Estou usando o A de Abduzeedo usando uma fonte stencil chamada Major Snafu. Você pode baixar a fonte em http://www.dafont.com/major-snafu.font?text=a+A

Passo 4

Para criar o efeito de luz vamos usar Layer Styles. Siga as instruções abaixo para Bevel & Emboss, Inner Shadow, Inner Glow, Color Overlay, Outer Glow e Drop Shadow.

Passo 5

Duplique a layer e desative layer styles. Use Inner Shadow e Inner Glow conforme settings abaixo.

Passo 6

Aqui está o resultado que terá depois do layer styles. É muito semelhante a um tutorial que escrevi uns anos atrás mostrando como criar um efeito neon no Photoshop. Mas a ideia do tutorial de hoje é brincar com a timeline feature. Por isso os primeiros passos estou cobrindo de maneira mais rápida.

Passo 7

Adicione 2 layers acima das outras e coloque o nome delas de right e left. Depois agrupe as duas layers em um folder. Troque o Blend Mode do folder para Color Dodge. Com a Brush Tool (B) e um pincel suave, pinte com branco por cima da parte direita da letra A. Selecione a left layer e pinte outro ponto de luz na parte esquerda. Use a imagem abaixo como referência.

Passo 8

Vá até Window>Timeline. Você vai ver o painel timeline. A primeira coisa que vai notar é que todas as layers estão na timeline. Selecione as 2 layers do folder. Expanda as layers na árvore e garanta que a timeline esteja em 0 frame. Cique na opção Position para criar a keyframe.

Passo 9

Mova a timeline para a posição 1:00 e mova então as layers da composição para onde quiser movê-las.

Passo 10

Essa é a segunda posição dos pontos de luz.

Passo 11

Mova a timeline novamente e depois mova as layers para criar novos keyframes.

Passo 12

Continue movendo até completar a animação que quiser.

Timeline

Assim que vai ficar a timeline. Veja os keyframes nos pontos onde a animação muda de posição.

Conclusão

Depois de alguns passos essa é a animação final. Usar a timeline é bem simples. Se comparar o número de passos necessários para criar o efeito de luz vai achar simples também. O legal é que o Photoshop facilita muito as nossas vidas, agora é aprimorar ainda mais o uso da ferramenta.

Download Arquivo Photoshop

Clique aqui para baixar o arquivo Photoshop do tutorial.