Como animar uma imagem no Photoshop

Com alguma prática e paciência, você pode aprender a animar no Photoshop e transformar seu trabalho em um GIF para compartilhar on-line. As ferramentas de animação do Photoshop geralmente são desconhecidas, mas vale a pena aprender. Nós iremos orientá-lo em cada etapa necessária para aprender a animar no Photoshop.

Como a maioria das ferramentas de animação, você precisará criar cada quadro como imagens separadas. tempo para criar cada quadro manualmente, especialmente se você planeja fazer uma animação complicada.

Comece criando seus quadros de animação no Photoshop

Para começar, você precisará salvar uma imagem separada para cada um dos quadros que planeja usar. Cabe a você a complexidade da criação da animação, mas para este teste, criaremos um logotipo animado simples.

O truque para aprender a animar no Photoshop é fazer pequenos movimentos e salvar uma nova foto cada vez que você faz um movimento. Cada movimento deve ter o mesmo peso. Por exemplo, se você deseja que uma linha de texto deslize pela tela, cada quadro deve fazer o texto mover o mesmo número de pixels para que a animação pareça suave.

Se você não estiver Certifique-se de como você pode ir do ponto A ao B na sua animação, comece primeiro com o quadro final e depois crie o primeiro quadro. Por fim, preencha os quadros no meio.

Ao salvar cada imagem, nomeie-os numericamente para não confundir com a posição deles.

In_content_1 all : [300 x 250] / dfp: [640 x 360]-> googletag.cmd.push (function () {googletag.display ('snhb-In_content_1-0');});

Como animar uma sequência de imagens no Photoshop

Depois de obter as imagens quadro a quadro, é hora de transformá-las em uma animação. Certifique-se de seguir as etapas abaixo com cuidado.

Clique em Arquivo, clique em Scriptse clique em Carregar arquivos Na pilha ..

Clique em Navegar ...e selecione todos os seus quadros para a sua animação.

Clique em OKe aguarde o carregamento das imagens em camadas separadas.

Clique em Janelae depois em Linha do tempopara abrir a janela da animação.

Clique na seta suspensano painel da linha do tempo e selecione Criar animação de quadro.

Clique em Criar animação de quadro.

Agora você terá uma camada na sua linha do tempo. O próximo passo é transformar cada uma das suas camadas em um novo quadro. Siga as etapas abaixo.

Clique em Selecionena parte superior e clique em Todas as camadas.

Clique no ícone do menu de três pilhasno lado esquerdo do painel da linha do tempo.

No menu exibido, clique em Criar nova camada para cada novo quadro.

Clique no ícone do menu três pilhase agora clique em Criar quadros de camadas.

Você Agora, todas as suas imagens são carregadas em quadros separados. A próxima tarefa é escolher uma hora para quanto tempo cada quadro será reproduzido. Pode levar alguns testes para obter a velocidade certa, mas você pode escolher o tempo do quadro para cada quadro individual clicando em a seta abaixo de cada quadroao lado do texto 0 s.

Você pode experimentar diferentes horários, mas é melhor começar escolhendo o mesmo horário para cada quadro. Se uma animação contiver cenas ou fases diferentes de animação, convém ajustar os tempos de cada uma dessas fases / cenas individualmente.

A qualquer momento, você pode clicar no botão play para visualizar o animação. Também há vários outros controles na janela da linha do tempo, que explicamos da esquerda para a direita abaixo.

Alternar linha do tempo

Alterne a linha do tempo entre uma linha de tempo quadro a quadro e uma linha de tempo tradicional do filme.

Valor da reprodução

Altere se a animação é reproduzida para sempre ou por um certo número de loops antes parando. Isso afetará o resultado final depois que ele for salvo como um GIF. Você pode alterar essa configuração novamente antes de exportar a animação posteriormente.

Menu suspenso de reprodução

A seta suspensa que você vê nos controles da linha do tempo é outro método para acessar a quantidade de reprodução.

Controles de reprodução

Reproduza, pause, pare e pule a animação para o final ou o início com os quatro controles de reprodução disponíveis.

Interpolação/strong>

Use o recurso Tween para gerar quadros "intermediários" para tornar a animação mais suave. O recurso Interpolação será explicado em mais detalhes abaixo.

Duplicar quadro

Este botão duplicará qualquer quadro selecionado no momento e o colocará na linha do tempo depois o original.

Excluir quadro

Esta opção excluirá qualquer quadro selecionado.

Como exportar sua animação do Photoshop

Quando estiver satisfeito com sua animação do Photoshop, você poderá exportá-la seguindo as etapas abaixo.

Clique em Novo.

Clique em Exportare, em seguida, clique em Salvar na Web (herdado)…

Se você tiver uma animação com cores detalhadas, selecione GIF 128 pontilhadono menu suspenso predefinido.

Se você tiver uma animação com cores simples de bloco, escolha GIF 128 Sem pontilhamento.

Verifique se sua opção preferida está definida nas Opções de loopingna parte inferior.

Por fim, clique em Salvar ...e escolha um local para salvar seu GIF no seu PC.

Como fazer uma animação Suave no Photoshop

A menos que você tenha experiência em criar animação quadro a quadro, o resultado final pode parecer um pouco abalado. Felizmente, você pode usar o recurso Tween para preencher as lacunas automaticamente em sua animação para tornar as coisas mais suaves.

Para fazer isso, mantenha pressionada a tecla shift, clique em dois quadros individuais na janela da linha do tempo e clique no ícone Tween. Em seguida, clique para escolher se a configuração Tween usará posição, opacidade, ou efeitos. Para a maioria das animações baseadas em movimento, convém usar position.

Verifique se Todas as camadasestão selecionadas e clique em OK. Repita esse processo para cada quadro emparelhado. Por exemplo, quadros 1 e 2, depois quadros 3 e 4 e assim por diante.

Resumo

Esperamos que nosso guia sobre como animar no Photoshop ajudou. Se precisar de mais ajuda, fique à vontade para deixar um comentário abaixo.

Postagens relacionadas: