[Tutorial]Como criar uma imagem animada (GIF) no Photoshop CS3

5 jun

 Quero ensiná-los como criar uma animação com o Photoshop CS3, pois até ontem (3 de junho de 2010) eu estava procurando no Google como utilizar a ferramenta “Animação” do CS3. Infelizmente encontrei respostas muito vagas e por pura sorte, olhando uma comunidade do LiveJournal, achei por fim como fazer.

Nessa minha busca, percebi que dúvidas ainda pairavam sobre as cabeças dos que procuravam alguma ajuda em fóruns. Então, já que aprendi de vez, resolviutilizar o post original da comunidade do LJ como base desse tutorial, mas no meu tive que fazer somente algumas alterações, pois na animação que fiz, pulei etapas explicadas no original.

Óbvio que há várias outras maneiras de fazer animações, mas este foi a que compreendi melhor. Nesse tutorial, vou fazer um icon/avatar.


Primeira etapa:
Você precisa ter uma seqüência de imagens salvas numa pasta. Como esta:

Segunda etapa:

Vá em: File>Scripts>Load Files into Stack…

Ao clicar no comando, aparecerá este outro quadro:

Clique em “Browse” e procure aquela pasta com as imagens. Por fim, “Ok”. Dependendo do número de imagens pode demorar um pouco.

Quarta etapa:

Como este GIf vai servir de icon, precisamos diminuir o tamanho. Originalmente as imagens medem: 640 pixels por 480 pixels. Para diminuir clique em: Image>Image Size. Estou utilizando 100 pixels em Width e 75 em Heigth.

Quinta etapa:

Clique em: Window>Animation

 

Sexta etapa:

Você vai perceber que apareceu somente um frame. Para aparecer os outros siga igual à imagem abaixo:

Fica assim:

Sétima etapa:

Selecione todos os “Animation (Frames)”. Clique com o botão direito onde aparece 0 sec. e coloque 0.2 sec. Embaixo do primeiro frame se Once. Clique e coloque Forever. No ultimo frame, no meu caso o 34, clique nele e mude o tempo de 0.2 para 1.0 ou o que você achar melhor.

Oitava etapa:

As imagens que selecionei estão escuras, para clareá-las selecione o ultimo, no meu caso, a penúltima imagem (cima para baixo) layer no quadro de Layers (na imagem a cima e o quadro da direita). Nessa imagem vou dar um brilho, por isso vou em: Layers>New adjustment layer>Brightness/Contrast. Ajuste o brilho do jeito que você goste. Para dar um toque a mais eu utilizei essa textura:

Voce pode usar outras texturas, textos, dar uma melhorada no visual, o que quiser. Use a imaginação. O básico é isto. O resto é com vocês.

Para salvar em formato gif, faça o seguinte: File>Save for Web

O resultado final é este: 

Anúncios

6 Respostas to “[Tutorial]Como criar uma imagem animada (GIF) no Photoshop CS3”

  1. zordondikeido00 novembro 7, 2011 às 3:02 pm #

    Não consegui na hora de salva ele fecha o potoshop esse tutorial é inutil

  2. Joyce Prata janeiro 27, 2012 às 1:59 pm #

    Obrigadaaa!!! amei deu super certoooo 🙂

  3. carla fevereiro 27, 2012 às 3:50 am #

    quando clico em load files into stack, ele diz que a pasta não existe :S

  4. Emanuel abril 11, 2012 às 4:31 am #

    cara, é assim que se faz: tu tem uma sequencia de imagens então, vai no photoshop em arquivo>abrir, seleciona a primeira foto da sequencia e na parte inferior da janela seleciona a opção sequencia de imagens. Depois disso clica em abrir, após o carregamento do arquivo você vai novamente em arquivo>salvar para web e dispositivos. Vai aparecer uma janela com o teu gif e todas as opções de edição, então basta salvar e tá feito.

  5. Prii Barbosa janeiro 8, 2013 às 7:42 pm #

    Amei esse tutorial, deu super certo

  6. YunnaYoung janeiro 18, 2013 às 5:50 pm #

    Consegui nada !!!
    Keria conseguir fazer de um vídeo ,mas não dá certo!1

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: