em , , , ,

Como criar um Cinemagraph no Photoshop – Tutoriais Photoshop

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

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.

tutoriais photoshop

02. Agora abra o Photoshop e vá em File> Import> Video Frames to Layers, defina os valores abaixo e pressione Ok.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

05. Clique na Layer 1 e depois no ícone de Unify Layer Visibility no topo da paleta de layers.

tutoriais photoshop

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.

tutoriais photoshop

07. Escolha a opção Paste Frames e defina os valores abaixo.

tutoriais photoshop

08. Clique novamente no pequeno ícone no canto superior direito da timeline e escolha a opção Reverse Frames.

tutoriais photoshop

09. Clique na duração do primeiro frame e altere o valor como na foto abaixo.

tutoriais photoshop

10. Diminua o valor de intervalo nos últimos frames.

tutoriais photoshop

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.

tutoriais photoshop

12. Clique em Midtones e defina os valores abaixo.

tutoriais photoshop

13. Clique em Highlights e defina os valores abaixo.

tutoriais photoshop

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.

tutoriais photoshop

15. Vá em Layer> New Adjustment Layer> Curves e defina a curva como na foto abaixo.

tutoriais photoshop

16. Entre em Image> Image Size e diminua o tamanho da imagem para que o arquivo não fique muito pesado.

tutoriais photoshop

17. Vá em File> Save for Web, escolha o formato GIF e defina os valores abaixo.

tutoriais photoshop

18. No final seu cinemagraph ficará como a imagem abaixo.

tutoriais photoshop

Site de origem: http://blog.spoongraphics.co.uk/tutorials/how-to-make-a-cool-cinemagraph-image-in-photoshop

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.

Photoshop Download: Mockup de efeito Neon

Photoshop: Como criar mini planetas.