Já falamos sobre algumas maneiras simples de transformar vídeos e vídeos em GIFs animados, mas hoje vamos mostrar como fazer uma animação simples sem usar nenhum arquivo de vídeo. Continue lendo - esse é muito divertido.
Criando animações com as ferramentas de animação do Photoshop
Independentemente do que você deseja animar, comece com pelo menos duas camadas. Em nosso exemplo, estamos usando o logotipo da HTG e estamos movendo os olhos para uma segunda camada que podemos usar para animar o movimento.
Este painel também permite definir um “atraso” para cada quadro individual, ou seja, por quanto tempo (no todo ou em frações de segundo) ele é exibido na tela antes de avançar para o próximo quadro. 25 quadros por segundo (0,04) é uma taxa padrão para animação, mas talvez um pouco rápida para GIFs animados. Para nosso exemplo, comprometemos um atraso de 0,05, que você também pode usar. Se você quiser usar um número diferente de quadros por segundo, simplesmente divida 1 pelo número de quadros para obter o tempo de atraso adequado. (Por exemplo, 1 segundo dividido por 25 quadros é igual a 0,04 de atraso.)
A ideia é mover a camada dos olhos pequenos incrementos e tirar instantâneos ao longo do caminho. Nós estaremos usando o mover ferramenta (tecla de atalho "V") e cutucando nossa camada usando o teclas de seta. No nosso exemplo, tiramos uma foto depois de cutucar cada dois pixels ou mais.
(Nota do autor: se você for como eu, vai alterar o atraso um zilhão de vezes. As coisas nem sempre funcionam da maneira exata que você quer!)
Esta ferramenta permitirá que você crie um GIF animado para o navegador, bem como testá-lo dentro da ferramenta (como mostrado acima, onde está o cursor da seta). Certifique-se de definir seu tipo de arquivo para GIF e use qualquer uma das configurações Perceptivo, Seletivo ou Adaptativo. Estes podem mudar sua imagem de maneiras diferentes, mas para muitos de vocês darão resultados quase idênticos. Para reduzir o tamanho do arquivo, você pode alterar Tamanho da imagem (na parte inferior) e seu número de Cores (no lado superior direito). Você também pode reduzir o tamanho do seu arquivo sem incluir uma transparência, embora não tenhamos em nosso exemplo (whoops!).
E isso envolve a animação. Pensamentos ou perguntas sobre o nosso método? Tem um método melhor ou algumas técnicas mais simples? Quer ver algo mais avançado? Conte-nos sobre eles nos comentários ou envie-nos seus pensamentos em [email protected], e podemos incluí-los em um próximo artigo gráfico.