Margin & Padding

Gifs no Image Ready

Você quer fazer um button para seu blog ou qualquer tipo de gif animado mas não tem nenhum programa de animação? Se você possue o Adobe Photoshop no seu computador, é bem possível que seus dias sem animação tenham acabado :D!

1. Abra o arquivo que você deseja animar no Photoshop. Eu vou fazer um button para o layout abaixo (clique na imagem para ampliar).

2. Procure pelo seguinte botão na barra de ferramentas:

Ao clicar nele, o arquivo que você abriu será exportado para o Adobe Image Ready (normalmente ele é instalado junto com o Photoshop). Você também pode abrir o Image Rready pelo menu Iniciar e abrir o arquivo como você o abriria no Photoshop ;).

3. Vá em Window » Animation / Janela » Animação, que a barra de animação aparecerá, ela deve se parecer com isso:

4. Esse passo pode ser pulado se você não vai fazer um button. Se, como eu, você for fazer um, selecione e copie o seu layout, e depois vá em Image » Canvas Size / Imagem » Tamanho do Fundo (ou algo do gênero) e altere a largura para 88px e a altura para 31px (tamanho padrão dos buttons).

5. Que comece a diversão! Para criar um novo frame/quade na animação, é só clicar no botão marcado de rosa, e para deletar um frame é só clicar nele e depois na lata de lixo laranja (como no Photoshop). Agora você só precisa usar sua imaginação :). Se você fizer uma nova camada, é possível que ela apareça em todos os frames/quadros. O truque é deixá-lo invisível no 1º frame que ele ficará em todos (na janela das layers/camadas clique no olho na frente da camada), e depois deixá-lo visível (clique novamente no quadrado onde estava o olho) no frame onde ele deve aparecer.

6. Quando você tiver acabado, vá em File » Save Optimized As e salve seu arquivo ;). Se o formato gif não aparecer, feche a janela de salvar o arquivo e vá em Window » Optimize / Janela » Otimizar, selecione o formato gif e repita o procedimento.

Agora é só hospedar a sua imagem e colocá-la onde você quiser =D! O meu button ficou assim:


Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?