Tutorial: Como criar um Gif no Photoshop CS3

Como criar um Gif animado simples usando o novo feature do Photoshop CS3, a paleta Animation.

Descrição: Como criar um Gif animado simples usando o novo feature do Photoshop CS3, a paleta Animation.

• [message]

• ##check##AVISO: Como criar um Gif no Photoshop CS3

• Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
  Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
  Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
  Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)
  

01. Pressione Ctrl+N para criar um novo documento de 504x360 pixels, com fundo branco, 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo no seu documento usando a cor preta.



02. Pressione Ctrl+J para duplicar a layer, pressione a letra T novamente para selecionar a Horizontal Type Tool e selecione toda a palavra, mude a cor da palavra para vermelho.



03. Desabilite a visibilidade da layer com a palavra em vermelho clicando no olho que existe a frente da layer na paleta de layers, vá em Window> Animation, a paleta Animation irá aparecer na sua tela, caso sua paleta Animation não esteja como a da foto abaixo clique no pequeno ícone que existe no canto inferior direito da paleta chamado Convert To Frame Animation, ao fazer isto você verá que existe apenas um frame na paleta, clique no ícone do documento que está ao lado da lata de lixo na paleta Animation chamado Duplicates Selected Frames, isto irá duplicar seu frame, agora você possui dois frames iguais, porém para criar a animação você precisa de pelo menos dois frames diferentes, então na paleta de layers ative novamente a visibilidade da layer que contém a palavra em vermelho e você verá que na paleta Animation seu segundo frame aparece com a palavra em vermelho também, como na imagem abaixo.



04. Clique em um dos frames na paleta Animation, pressione a tecla Shift e clique no outro frame para selecionar os dois frames, agora clique na pequena seta em um dos dois frames, esta seta apresenta ao seu lado a duração em segundos de cada frame na animação, ao clicar na seta um menu irá abrir com diversas opções, escolha 0.1 Seconds, agora clique no botão de Play na paleta de Animation para ver as cores se alternarem, agora clique no ícone Tweens Animation Frames, é um pequeno ícone que apresenta uma série de pequenos quadrados em seguencia, este ícone define a suavização entre as animações, defina os valores abaixo.



05. Você verá que uma série de frames foram criados automaticamente pelo Photoshop, na realidade 5 como foram definidos na caixa de Tween, agora clique no primeiro frame da esquerda para a direita e 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, agora clique no último frame e clique novamente no ícone de Tweens Animation Frames, e na opção Tween With mude para First Frame, pressione Ok, isto fará com que o Photoshop crie mais frames voltando para a cor do primeiro frame, clique no primeiro frame e clique no botão de Play, você verá que a letra vai do preto para o vermelho e depois volta para o preto em uma transição suave, terminada a animação você pode fechar a paleta de Animation, para salvar seu gif com movimento vá em File> Save For Web & Devices ou pressione Ctrl+Alt+Shift+S e defina os valores abaixo.



06. Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.



site de origem: http://photoshopfiles.com/