Como criar um Cinemagraph no Photoshop - Tutoriais Photoshop

COMPARTILHAR:

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 usa...

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

COMENTÁRIOS

Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,287,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,509,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,445,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,20,dollarphotoclub,37,download,1132,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,408,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,459,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Como criar um Cinemagraph no Photoshop - Tutoriais Photoshop
Como criar um Cinemagraph no Photoshop - Tutoriais Photoshop
http://www.andresugai.org/Tutoriais/06.2016/T07/imagem18.gif
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2016/06/como-criar-um-cinemagraph-no-photoshop.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2016/06/como-criar-um-cinemagraph-no-photoshop.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar