MXStudio » Photoshop » Criando um GIF no Photoshop

Criando um GIF no Photoshop

Criando um GIF no Photoshop

Como criar um Gif animado simples usando a paleta Animation.  Neste
tutorial foi usada a versão Adobe Photoahop CS3, mas você também pode usar
outras versões.

1. Abra um novo documento Photoshop 504×360 pixels. Selecione a a Horizontal
Type Tool e escreva algo com a cor preta.

02. Pressione Ctrl+J para duplicar a layer, e mude a cor da palavra para
vermelho. Agora temos duas layers: uma com a palavra em preto e outra em
vermelho.

03. Desabilite a visibilidade da layer com a palavra em vermelho. Agora vá em
Window> Animation, a paleta Animation irá aparecer na sua tela.

Clique no pequeno ícone que existe no canto inferior direito da paleta
chamado Convert To Frame Animation.

04. Sua paleta de animation deve estar como na foto abaixo. clique no ícone
que está ao lado da lata de lixo na paleta Animation chamado Duplicates Selected
Frames.

05. Ative novamente a visibilidade da layer que contém a palavra em vermelho.
Ao fazer isso, sua paleta de animation deve estar assim:

06. Selecione a primeira frame e clique no ícone Tweens Animation Frames:

Na janela que abriu, configure:

07. Agora selecione o  último frame e clique novamente no ícone de
Tweens Animation Frames, e na opção Tween With mude para First Frame, pressione
Ok.

08. Clique no botão de Play no rodapé da paleta Animation, você verá que a
animação acontece porém para no final, então abaixo do primeiro frame você verá
a palavra Once, clique nela e mude para Forever, isto fará com que a animação
fique rodando em Looping.

09. Você também pode definir tempo de cada frame no rodapé da paleta
animation:

Selecione 0.1 segundos para todos os frames.

Seu GIF está pronto.

Para salvar seu gif com movimento vá em File> Save For Web & Devices e clique
em SAVE.

Qualquer duvida, deixe um comentátario ou mande um email que terei prazer em responder.


Assine o nosso Feed
1.404 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

12 Comments to Criando um GIF no Photoshop

  1. Agosto 14, 2009 at 6:01 pm | Permalink

    Fiz tudo direitinho, fico com animação, salvei como você disse. Mas quando coloquei no meu blog não ficou com animação

  2. Kassie's Gravatar Kassie
    Setembro 30, 2009 at 8:56 pm | Permalink

    Tem jeito de fazer o gif no Adobe PhotoShop 7.0?

  3. eduardo costa's Gravatar eduardo costa
    Outubro 5, 2009 at 8:59 pm | Permalink

    poxa achei super interessante mas meu photoshop
    é em portugues seria melhor postar no cs3 versão portugues mas tá blz.
    vlw
    1 abraço.

  4. Dercio miranda's Gravatar Dercio miranda
    Outubro 27, 2009 at 8:56 pm | Permalink

    Ola como criar uma sombra da imagens no photoshop 8

  5. Alcides's Gravatar Alcides
    Outubro 28, 2009 at 8:55 am | Permalink

    Consigo fazer tudo direitinho…
    mais na hora de salvar o PS trava e fecha sozinho.
    Como posso resolver?

  6. handersson's Gravatar handersson
    Novembro 8, 2009 at 6:56 pm | Permalink

    eu faço tudo direitinho, mas quando vou salvar não quer fucionar. o Image ready salva apenas em psd e quando salvo no formato gif não pega

  7. Dezembro 22, 2009 at 4:18 pm | Permalink

    O gif não esta abrindo mais Danilo. Abraço.

  8. Jéssica's Gravatar Jéssica
    Janeiro 1, 2010 at 6:16 pm | Permalink

    Olá;
    Gostaria de saber se é possivel fazer banners e gifs no adobe Photoshop 7.0 ?

  9. VItor's Gravatar VItor
    Janeiro 2, 2010 at 8:17 pm | Permalink

    Achei bem legal!
    Coloquei minha animação até como planode fundo da área de trabalho

  10. josiele's Gravatar josiele
    Abril 22, 2010 at 1:11 pm | Permalink

    geeeeeeeeeente me ajudaa
    o meu cs3 o texto fica muito pequeno ja fiz de tudo e naum fica maior a letraa
    o que eu façoo ? bjoos respondam

  11. Santiago's Gravatar Santiago
    Junho 23, 2010 at 12:05 pm | Permalink

    Opa, Achei !

    Você é o cara !

    Abraço, fiquei usuário do mx studio.

Deixe um Comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Felipe Grinsztajn

Administrador das colunas de Photoshop e colunista oficial do MXstudio.

Últimos Artigos do Autor