André Sugai
Descrição: Hoje veremos como criar o efeito Cinemagraph que consiste em um Gif animado onde só uma parte do gif se movimenta, para isso usaremos a função de importação de vídeo do Photoshop, máscara e adjustment layers.
Tutorial Avançado
01. Abra um vídeo qualquer em seu editor de vídeos preferido, no caso deste tutorial o vídeo foi aberto no Quicktime, caso queira utilizar o mesmo vídeo usado neste tutorial clique aqui para fazer o download, com o vídeo aberto selecione o ponto onde teremos a imagem congelada e que possa gerar um looping da área animada.
02. Agora abra o Photoshop e vá em File> Import> Video Frames to Layers, defina os valores abaixo e pressione Ok.
03. Com a tecla Shift pressionada clique sobre a layer que estiver no topo da paleta de layers e depois clique na penúltima layer para selecionar todas as layers com excessão da layer 1, pressione Ctrl+G para agrupar as layers dentro de um folder.
04. Pressione a letra L do teclado para selecionar a Lasso Tool, crie uma seleção em volta da área que continuará animada no cinemagraph, clique no folder aplicar e depois clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara no folder.
05. Clique na Layer 1 e depois no ícone de Unify Layer Visibility no topo da paleta de layers.
06. Vá em Window> Animation para abrir a timeline, clique no botão de Play para testar a animação, se tudo estiver correto mantenha a tecla Shift pressionada e clique no primeiro frame, clique no último frame e depois clique no pequeno ícone no canto superior direito da timeline, escolha a opção Copy Frames.
07. Escolha a opção Paste Frames e defina os valores abaixo.
08. Clique novamente no pequeno ícone no canto superior direito da timeline e escolha a opção Reverse Frames.
09. Clique na duração do primeiro frame e altere o valor como na foto abaixo.
10. Diminua o valor de intervalo nos últimos frames.
11. Clique no folder que inserimos na paleta de layers, vá em Layer> New Adjustment Layer> Color Balance, clique em Shadows e defina os valores abaixo.
12. Clique em Midtones e defina os valores abaixo.
13. Clique em Highlights e defina os valores abaixo.
14. Vá em Layer> New Adjustment Layer> Gradient Map, clique na amostra de gradiente e defina o gradiente com as cores #020413, #2b4a61, #a8c6a0, #feffe6, mude o modo de blend da layer para Lighten.
15. Vá em Layer> New Adjustment Layer> Curves e defina a curva como na foto abaixo.
16. Entre em Image> Image Size e diminua o tamanho da imagem para que o arquivo não fique muito pesado.
17. Vá em File> Save for Web, escolha o formato GIF e defina os valores abaixo.
18. No final seu cinemagraph ficará como a imagem abaixo.
Site de origem: http://blog.spoongraphics.co.uk/tutorials/how-to-make-a-cool-cinemagraph-image-in-photoshop
