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 Comments:

Anonymous rui said...

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

11:45 AM  
Anonymous Richardy said...

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

11:24 AM  
Anonymous Anônimo said...

adorei seu tutorial, me ajudou muito!!!!

9:48 PM  
Anonymous Anônimo said...

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

obrigada, seu tutorial ficou d+++++

9:18 PM  
Anonymous Anônimo said...

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

9:19 PM  
Anonymous stephanny said...

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

11:26 AM  
Anonymous Angelo said...

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

5:51 PM  
Anonymous Angelo said...

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.

4:40 PM  
Blogger Marco Eiji said...

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

1:05 PM  
Anonymous Angelo said...

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

3:42 PM  
Anonymous Larisse said...

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

11:16 PM  
Anonymous renata said...

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!

8:12 AM  
Blogger Marco Eiji said...

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!

6:56 PM  
Anonymous Juliana Manson said...

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.

12:41 PM  
Anonymous Anônimo said...

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!

4:45 PM  
Anonymous Anônimo said...

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

9:25 AM  
Blogger Marco Eiji said...

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

9:43 AM  
Blogger catia said...

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!

11:31 PM  
Blogger cleucyano said...

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

11:35 PM  
Blogger Marco Eiji said...

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

12:15 PM  
Anonymous Anônimo said...

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

3:48 PM  
Blogger Marco Eiji said...

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

5:42 PM  
Anonymous Anônimo said...

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

10:07 PM  
Anonymous cleber soares said...

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.

12:41 PM  
Anonymous Anônimo said...

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

10:13 PM  
Blogger Łαʀɪ ♥ said...

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

7:33 PM  
Blogger Marco Eiji said...

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

1:39 PM  
Anonymous Anônimo said...

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

2:35 PM  
Anonymous Anônimo said...

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

6:53 PM  
Anonymous Anônimo said...

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

8:54 PM  
Blogger Deny Fotos Desingner said...

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.

5:09 PM  
Anonymous Anônimo said...

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

8:34 PM  
Anonymous Anônimo said...

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

8:43 PM  
Anonymous Anônimo said...

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

5:56 PM  
Anonymous Garcia said...

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

2:15 PM  
Anonymous Marisol Maryline said...

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

8:35 AM  
Anonymous Anônimo said...

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

6:55 PM  
Anonymous Daniel Domingos said...

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

9:35 PM  
Anonymous Anônimo said...

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

10:46 AM  
Blogger Erlane Ferreira de sousa said...

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

5:55 PM  
Blogger bbg said...

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

8:12 PM  
Anonymous Vilmar said...

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.

1:56 PM  
Anonymous Anônimo said...

Por que nao:)

10:16 AM  
Anonymous mauro said...

valeuuu pela sua dica!!!!!

6:37 PM  
Anonymous Anônimo said...

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

4:15 PM  
Anonymous Anônimo said...

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 --'

5:33 PM  
Anonymous Anônimo said...

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


vlw ai ajudo muito

11:34 AM  
Blogger Marcinha said...

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

4:26 AM  
Anonymous Anônimo said...

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

9:14 PM  
Anonymous Anônimo said...

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

12:27 PM  
Blogger Tintinharj said...

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!

9:50 AM  
Blogger Tintinharj said...

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!

10:00 AM  

Postar um comentário

Links to this post:

Criar um link

<< Home

Add to Netvibes