Como fazer cinemagraph no photoshop (videoaula)

Tempo de leitura: 2 minutos

Cinemagraph é basicamente uma junção de foto com vídeo.

Simples e incrivelmente maravilhoso.

(BY KEVIN BURG AND JAMIE BECK)

Antigamente ou você pensava em uma imagem estática ou em um vídeo.

Ou um ou outro.

Agora você pode pensar nos 2 mesclados.

O resultado é incrível, elegante e cheio de conceito.

E o melhor, dá pra fazer um 5 minutos no photoshop.

Videoaula: Como criar cinemagraph usando o photoshop

Muitos especialistas em design estão dizendo que o uso dessa técnica é uma das principais tendências futuras para design gráfico.

Passo-a-passo

• Abra o video dentro do photoshop

• Escolha apenas um pedacinho do video, apenas a parte mais legal ou o suficiente para fazermos o movimento em LOOP depois, delete o que sobrarcinemagraph

• Duplique essa mesma camada e encoste a debaixo com o final da camada de cima

• Puxe um pouco pra esquerda a ponta da layer de baixo

• Puxe o fim dessa mesma layer até encostar no fim da 1ª layer

• Clique nessa setinha para ampliar mais opções dessa layer do video

• Crie um keyframe de opacidade no início da 2ª layer e outra no fim.

• Você não consegue colocar o último keyframe exatamente no fim da layer. Com esse último keyframe selecionado coloque 0% na opacidade da layer e agora sim arreste ele até o fim. (demonstro isso certinho aos 4:30 do vídeo)

• Fique sem nenhuma layer selecionada e aperte command (control windows) + option (ou alt) + shift + E.

• Corte o tamanho da imagem para ela ficar do mesmo tamanho das outras layers e delete o que sobrar

• Crie uma máscara
mascara photoshop

• Use o brush (letra B do teclado) e com a cor preta selecionada, pinte as áreas que você quer que aconteça o movimento na imagemusando o brush do photoshop

• Caso você tenha pintado alguma área em excesso, pinte de branco a parte que você quer tirar.

Se quiser, você pode salvar como .gif e usar no facebook. Pra isso, vá em File + Save for Web e salve como gif. Se a imagem está muito pesada, é melhor você diminuir as medidas dela.. uns 600px pra web tá bem massa já! Pra não ficar na dúvida, veja essa videoaula de como fazer gif no photoshop para usar no facebook

Se você está curtindo os conteúdos que eu compartilho aqui no blog, cadastra-se seu email no topo do blog, que eu lhe avisarei quando tiver uma dica massa como essa aqui.

Valeu é noix!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *