terça-feira, novembro 28, 2006

Tutorial - Animação de fotos

Olá povo!!! Hoje vou ensinar um método de animar fotos em sequência no Photoshop.

Para começar, precisamos ter um sequência de fotos, no caso eu usei essa:
Agora abra todas as fotos no Photoshop como mostra o exemplo:

Depois de abrir todas as fotos da sua sequência, você deve colocar todas elas em um só arquivo:

Se você usa o Photoshop CS você terá que exportar o arquivo para o ImageReady(vem instalado junto ao Photoshop), mas se você usa o Photoshop CS2 é só abrir a janela Animation (window>animation).

Para exportar o arquivo para o ImageReady é só clicar no ícone Edit in ImageReady, localizado na base da barra de ferramentas, ou (Shift+Ctrl+M) como mostra a figura acima.

Feito isso o seu arquivo é mandado automaticamente para o ImageReady.


Agora na janela layers, deixe apenas o Layer 1 visível:


Feito isso, vá para a janela Animation e clique no ícone Duplicate Current Frame:


Feito isso, vá para a janela Layer denovo e deixe apenas o layer 2 visível, volte para a janela animation e clique novamente em Duplicate Current Frame, repita esses passos para todos os outros layers.

Sua janela Animation deverá ficar assim, agora dê play e teste a sua animação. Se estiver tudo certo, é só salvar o arquivo com a extensão gif. (File>Save Optimized As) ou (Ctrl+Shift+Alt+S).


Agora é só salvar o seu arquivo, e está pronta a sua animação de fotos.

Esse tutorial também serve para fazer Gifs Animados.

Espero que tenham gostado. Até o próximo Post!!!

52 comentários:

rui disse...

como é que eu passo todas elas para um arquivo? aguardo a resposta obrigado

Richardy disse...

Tudo bom com vc....Parabéns pelo Blog...muito bommmm!!!!
No tutorial:Animaçao de fotos...
como é que eu passo todas elas para um arquivo?

E tenho uma dúvida se vc pode me ajudar vou ficar muito grato...
Como é q eu faço para colocar fundo de imagens em desenhos...
ex:tenho um desenho q colorir no photoshop..e quero colocar um céu azul(imagem real de céu) no fundo do desenho...como é q eu faço....Obrigado pela ajuda..
e-mail e MSN meu: richardy_2006@yahoo.com.br

Anônimo disse...

adorei seu tutorial, me ajudou muito!!!!

Anônimo disse...

estou com duvida de como salvar, não estou conseguindo se me ajudar agradecerei!!!!!

obrigada, seu tutorial ficou d+++++

Anônimo disse...

estou com duvida de como salvar, não estou conseguindo se me ajudar agradecerei!!!!!

obrigada, seu tutorial ficou d+++++

meu e-mail:julianafreitas@interair.com.br

stephanny disse...

hei.. como salvo todo em um arquivo p poder fazer pq nao ta dando certo
obrigada se puder responde ro mais rapido... stephanny_surf@yahoo.com.br

Angelo disse...

Adorei suas explicações, fico muito grato pois me ajudou e muito.

Angelo disse...

Rapaz estou com o mesmo problema como salvo as fotos no mesmo arquivo, se puder me dar uma mão agradeço.Você é nota 1000.
E-mail= jose.angelo@superig.com.br.

Marco Eiji disse...

Para colocar todas as fotos no msm arquivo, vcs devem criar um novo arquivo File>New , e depois copie e cole as demais fotos para esse novo arquivo.... pra quem nao sabe copiar e colar, Abra a imagem, Ctrl+A para selecionar td, Ctrl+C para copiar, depois vai no novo arquivo criado e Ctrl+V para colar....soh fazer isso com todas as fotos

Angelo disse...

Estou aprendendo e muito com você, não querendo abusar de seus dons, como faço para fazer um quadro em volta da imagem ou seja uma moudura.
Atenciosamente Ângelo

Larisse disse...

Nooooooooooossa!!! que legal e que fácil. O Flash é mais complikadinhu.

Mto bom a forma como c explica
C faz parecer tão fácil

Obrigada

renata disse...

olaa

vc nao sabe de um toturial completo que ensine a fazer gifs no flash?!

responda para o meu mail sff
euflorex@hotmail.com

obrigado!

Marco Eiji disse...

Larisse obrigado pelos comentarios e obrigado pela visita!!!!

Renata, no flash eu não sei c tem como salvar o arquivo em formato gif, nunca tentei, eu geralmente trabalho com o swf.... Mas tem como fazer pelo Photoshop, é só seguir o mesmo procedimento desse tutorial...

Obrigado!

Juliana Manson disse...

Gentee para salvar é só clicar em SAVE FOR WEB.

agora só não estou conseguindo passar tudo para um arquivo só. =( mesmo copiando e colando não dá certo.

Anônimo disse...

Olhaa, os dereitos estão reservados ah ele!!
CAra isso eh crime!
vocÊ só copiou e colouu!!
NÃO FOI VOCê quer FEZ O TUTORIAL!
LADRÃO!

Anônimo disse...

Eu tambem gostava de saber como se passa tudo para um arquivo só!!

Marco Eiji disse...

Abra todas as fotos, e em cada uma delas aperte Ctrl+A (para selecionar a foto inteira) e depois) Ctrl+C (para colar a foto em um novo arquivo) cole todas as fotos no msm arquivo, só isso....

catia disse...

Olá amigos, vocês conhecem um site de animação chamado http://www.gibaweb.net, lá tem várias animações em fotos. Eu achei o site super interessante. Abraços a todos!

cleucyano disse...

meu amigo, fiz o gif, mas gostaria de saber passo a passo se dar pra exportar para o orkut, ja tentei de todo jeito so q nao consigo..

por favor mande pro meu email cleucyano@gmail.com.. obrigado e fico te devendo essa

Marco Eiji disse...

Cleucyano - poste sua foto em algum site free.... o imageshack por exemplo.... depois pegue o link e cole la no orkut...

Anônimo disse...

Oi como faço para colocar a animação no blog. eu salvei está td. ok, qdo. passo p/ blogspot não dá certo a imagem fica parada

Marco Eiji disse...

Tente salvar ela como gif...
File>Save For Web

Anônimo disse...

Foi o que eu fiz. salvei como.gif, não adiantou
Alguém me ajude

cleber soares disse...

fala ae colirio beleza? espero que sim. Ve se podes me ajudar faço todos os gifs ate ai beleza, mas, quando vou salvar nessa opção do cs3 save for web & devices(ctrl+alt+shift+s) aparece uma maldita mensagem de erro do programa photoshop pedindo para fechar e ai fecha o programa todo. Grato desde ja pela atençao vlw.

Anônimo disse...

ola marco tudo bem eu gostaria de fazer umas pergunta
como que eu faço para colorir arvores ,fio de cabelo de foto p/b
falo abraços

Łαʀɪ ♥ disse...

carakk, esse post foi tudo de bom!! adorei!! vlws pela ajuda, mas eu não tô conseguindo salvar como animação.. porque o meu photoshop é do Adobe e não tem o ImageReady aí eu tento salvar como gif, mas não fica animadoo.. alguém tem alguma idéia do que fazer???
beijãoo e valeuu pela ajuda...
e-mail para contato: lariisf@gmail.com

Marco Eiji disse...

Larissa faz assim:
File>Save for web , e escolhe gif lá.....

Anônimo disse...

POXA
EU NÃO SEI COMO DEIXAR AS IMAGENS NO LAYERS !
Por favor me responde por e-mail no a_akemi@hotmail.com
BRIGADÃO
e eu queria saber como fzer isso com aqueles gifs cutes

Anônimo disse...

Oi..
queria que mostrasse como se limpra uma barba de um homem!
ou sobrancelha...esas coisas do rosto!
Obg!

Anônimo disse...

Como faço pra colocar batom ou brilho na boca no photoshop CS3?

Deny Fotos Desingner disse...

Olá, muito bom seus tutos, fáceis de entender. Obrigado por compartilhar conosco. Eu consigo fazer o gif, mas como eu diminuo o tam. para colocar no MSN?
Já tentei varias formas, mas sempre dá que o arquivo é grande demais...
obrigado.

Anônimo disse...

OMG mas eu não consigo pôr tudo no mesmo arquivo, me ajudem :(

Anônimo disse...

Não há maneira da imagem se mover mais devagar ?!

Anônimo disse...

Olá, adorei seu blog. Sou leiga no assunto, ainda não instalei nenhum programa no meu PC. Estou procurando um pothoshop pra comprar ou baixar na internet. Qual vc me indica? Que site consigo?
robertamarques0811@hotmail.com

Garcia disse...

kraaaaaaak.....que massa....show de bola esse efeito..parabéns, tá ótima essa págima. Obrigado pela dica!

Marisol Maryline disse...

Muito bom esse tutorial. Até há pouco tempo nem sabia que dava para fazer animações em gif no photoshop. Mas é um pouco trabalhoso.

Anônimo disse...

Fala amigão me chamo Joubert, descobrir seu blog já faz três dias,cara muito bom eu nunca tinha trabalhado com fotoshop e já faço montagem,molduras, cara muito obrigado mesmo, só que não consigo fazer essas montagens gif, uso o photoshop cs Brasil e até faço elas virarem só um arquivo, deixo só uma camada, só que quando vou criar uma nova ação aparece para dar o nome: Ação 1 e gravar, e também não aparece para duplicar e nem como visualizar a transição, poxa irmão tem como me ajudar, desde já agradeço...

Daniel Domingos disse...

Muito legal e criativo suas montagens e seu blog em geral. eu tbm curto bastante o photoshop ele faz com que superamos nossas criatividades, quando puder de uma olhada no meu vídeo feito no photoshop e conheca tbm meu blog, é isso aí não pode parar!

http://www.youtube.com/watch?v=i726PyGnrgo&feature=channel

Blog: danieldomingos.blospot.com

Anônimo disse...

Cara, vc explica muito bem mesmo! Te dou meus parabéns! Show. Eu consigo fazer a maioria das coisas que vc posta aqui, uma linguagem muito legal pra quem tá começando. Continue assim.Vlw...(Ajudar os outros é muito maneiro, ainda bem que vc faz isso)! rsrsrs

Erlane Ferreira de sousa disse...

Nossa valeu msm. Vc ou vcs estão de parabéns. Estou muito felçiz por aprender um pouco mais deste programa maravilhoso que é o PHOTOSHOP, esse tutorial ficou dez (10) bem exolicado passo a passo, poxa parabéns! Aceitem o meu muito obrigado!
Alber Di Britto - Teresina - PI

bbg disse...

cara deu tudo certo mas n consigo colocar no meu blog
por favor como faco p colocar a animacao de foto no meu blog valeu bbg

Vilmar disse...

Para aqueles que não conseguem salvar a gif pelo "File>Save For Web" é porque hà conflito com o patch de tradução do PS.Vá então Menu Iniciar\Meu Computador>Disco Local\Arquivos de programas\Adobe\Adobe Photoshop CS3\Required e então delete o arquivo "SaveForWebStrings.txt". Espero ter ajudado.

Anônimo disse...

Por que nao:)

mauro disse...

valeuuu pela sua dica!!!!!

Anônimo disse...

Muito bom aki! qse vc pode posta como e que se faz banner fikaria agradecida bjs!!

Anônimo disse...

Não Consigo Guardar a animaçao
Já Fis "Salvar com a extensão gif" e tambem (Ctrl+Shift+Alt+S) mas só fica guardada a imagem sem movimento --'

Anônimo disse...

o cara bom tutorial fiz e deu certinho agora posso fazer gif sucegado


vlw ai ajudo muito

Marcinha disse...

Obrigada Marco, pelo tutorial. Eu tava precisando muitooooo!!!!
Valeu, vc é "O Cara", viu... RSRSRS
Obrigada tbm à toda a equipe do site!
Bjooooooo

Anônimo disse...

Oiiee
Teem Como Fazeer Umma Animação
Com os Olhoos se mexeendo no photoshop ?
Iguual uumas animação que teem em alguumas Imageens?

Anônimo disse...

Oii, eu fui no imageshack pra dps passar pro orkut mais quando passo pro imageshack ele não fica animado ta parado :(

Tintinharj disse...

Oi.. Sensacional as dicas.. Fiz a animação td certinho. No meu pc roda numa boa, mas em outros não. Como conserto isso?

Obrigada!

Tintinharj disse...

Oi.. Sensacional as dicas.. Fiz a animação td certinho. No meu pc roda numa boa, mas em outros não. Como conserto isso?

Obrigada!