Criar quadros de animação

No Photoshop, pode-se usar o painel Linha do tempo para criar quadros de animação. Cada quadro representa uma configuração de camadas.

Para criar animações com base em quadros no Photoshop, use o fluxo de trabalho geral a seguir.

Abra um novo documento.

Se ainda não estiverem visíveis, abra também os painéis Linha do tempo e Camadas. Coloque o painel Linha do tempo no modo de quadro de animação. No meio do painel de Linha de tempo, clique na seta que aponta para baixo para escolher Criar animação de quadro e clique no botão ao lado da seta.

Adicione uma camada ou converta a camada do plano de fundo.

Como não é possível animar uma camada de plano de fundo, adicione uma nova camada ou converta a camada de plano de fundo em uma camada normal. Consulte Converter planos de fundo e camadas.

Adicione conteúdo à animação.

Se a animação incluir vários objetos que sejam animados independentemente, ou para alterar a cor de um objeto ou alterar completamente o conteúdo em um quadro, crie os objetos em camadas separadas.

Adicionar um quadro ao painel Linha do tempo.

Consulte Como adicionar quadros a uma animação.

Selecione um quadro.

Consulte Seleção de quadros de animação.

Edite as camadas para o quadro selecionado.

Siga um destes procedimentos:

• Ative e desative a visibilidade para diferentes camadas.

• Altere a posição de objetos ou camadas para mover o conteúdo da camada.

• Altere a opacidade da camada para fazer o conteúdo aparecer ou desaparecer gradualmente.

• Altere o modo de mesclagem das camadas.

• Adicione um estilo às camadas.

  O Photoshop fornece ferramentas para manter as mesmas características de uma camada em todos os quadros. Consulte Unificar propriedades de camada em quadros de animação.

Adicione mais quadros e edite as camadas conforme necessário.

O número de quadros que podem ser criados é limitado apenas pela quantidade de memória disponível no sistema para o Photoshop.

Usando o comando Transição, é possível gerar novos quadros com alterações intermediárias entre dois quadros existentes no painel. É uma maneira rápida de fazer um objeto se mover pela tela ou, gradualmente, aparecer ou desaparecer. Consulte Criação de quadros usando transições.

Defina as opções de looping e o tempo de retardo dos quadros.

Pode-se atribuir um tempo de retardo a cada quadro e especificar um looping que reproduza a animação uma vez, um número determinado de vezes ou continuamente. Consulte Como especificar um tempo de retardo em quadros de animação e Como especificar um looping em quadros de animação.

Visualize a animação.

Use os controles no painel Linha do tempo para reproduzir a animação conforme ela for criada. Depois, use o comando Salvar para Web a fim de visualizar a animação no navegador da Web. 

Otimize a animação para obter um download mais eficaz.

Consulte Como otimizar quadros de animação.

Salve a animação.

Há opções diferentes para salvar a sua animação de quadro:

• Salve como um GIF animado usando o comando Salvar para Web.

• Salve no formato Photoshop (PSD) para que você possa fazer mais trabalho na animação posteriormente.

• Salve como uma sequência de imagens, um filme QuickTime ou como arquivos separados. Consulte também Exportar arquivos de vídeo ou sequências de imagens.

Como adicionar quadros a uma animação

A inclusão de quadros é o primeiro passo na criação de uma animação. Se uma imagem estiver aberta, o painel Linha do tempo a exibirá como o primeiro quadro de uma nova animação. Cada quadro adicionado começa como uma duplicata do quadro anterior. Depois, use o painel Camadas para fazer alterações no quadro.

Seleção de quadros de animação

Antes de poder trabalhar com um quadro, é necessário selecioná-lo como o quadro atual. O conteúdo do quadro atual aparece na janela de documentos.

No painel Linha do tempo, o quadro atual é indicado por uma borda estreita (por dentro do realce de seleção sombreado), ao redor de sua respectiva miniatura. Os quadros selecionados são indicados por um realce sombreado ao redor de suas respectivas miniaturas.

Seleção de um quadro de animação

Seleção de vários quadros de animação

Edição de quadros de animação

Unificar propriedades de camada em quadros de animação

Os botões de unificação (Unificar a posição da camada, Unificar a visibilidade da camada e Unificar o estilo de camada) no painel Camadas determinam como as alterações feitas nos atributos do quadro de animação ativo aplicam-se aos outros quadros na mesma camada. Ao selecionar um botão de unificação, o atributo é alterado em todos os quadros na camada ativa; quando o botão é desmarcado, as alterações aplicam-se apenas ao quadro ativo.

A opção Propagar quadro 1 no painel Camadas também determina como as alterações feitas nos atributos do primeiro quadro aplicam-se aos outros quadros da mesma camada. Ao desmarcá-la, a alteração de um atributo no primeiro quadro faz com que todos os quadros subsequentes na camada ativa sejam alterados conforme o primeiro, preservando a animação já criada.

Unificação de propriedades de camada

Propagar Quadro 1

Mostrar ou ocultar os botões de unificação de camadas

Copiar quadros com propriedades de camada

Para entender o que acontece quando um quadro é copiado e colado, imagine-o como uma versão duplicada de uma imagem, com uma determinada configuração de camada. Ao copiar um quadro, você copia as configurações de camadas (incluindo visibilidade, posição e outras propriedades de cada camada). Ao colar um quadro, aplica-se a mesma configuração de camada ao quadro de destino.

Criação de quadros usando transições

O termo tweening (transição) é uma derivação de “in betweening” (intervalação), que é um termo tradicional na área de animação usado para descrever esse processo. As transições (também chamadas de interpolação) reduzem significativamente o tempo exigido para criar efeitos de animação, como aparecimento e desaparecimento, ou mover um elemento sobre um quadro. Depois de criados, os quadros agrupados em transições podem ser editados individualmente.

Use o comando Transição para adicionar ou modificar automaticamente uma série de quadros entre dois quadros existentes, variando as propriedades de camadas (parâmetros de posição, opacidade ou efeito) igualmente nos novos quadros para criar a ilusão de movimento. Por exemplo, para fazer com que uma camada desapareça gradualmente, defina sua opacidade no quadro inicial como 100% e, em seguida, defina a opacidade da mesma camada no quadro final como 0%. Quando a transição for feita entre os dois quadros, a opacidade da camada será reduzida uniformemente entre os novos quadros.

Adicionar uma camada nova para cada quadro novo

O comando Criar nova camada para cada quadro novo automaticamente adiciona uma nova camada visível no novo quadro, mas oculta em outros quadros. Essa opção poupa tempo durante o processo de criação de uma animação que requer a inclusão de um novo elemento visual em cada quadro.

Ocultar camadas em quadros de animação

Quando uma nova camada é criada, por padrão ela fica visível em todos os quadros de uma animação.

• Para mostrar novas camadas somente em quadros ativos, cancele a seleção de Novas camadas visíveis em todos os quadros no menu do painel Linha do tempo.

• Para ocultar uma camada em um quadro específico, selecione o quadro e, no painel Camadas, oculte a camada desejada.

Especificação de um tempo de retardo em quadros de animação

É possível especificar um atraso, ou seja, o tempo durante o qual um quadro é exibido, para quadros individuais ou para vários quadros de uma animação. O tempo de atraso é exibido em segundos. Frações de segundo são exibidas como valores decimais. Por exemplo, um quarto de segundo é especificado como 0,25. Se você definir uma faixa no quadro atual, todos os quadros criados depois disso memorizarão e aplicarão esse valor de atraso.

Escolher um método de disposição de quadro

O método de disposição de quadros especifica se o quadro atual deve ser descartado antes da exibição do quadro seguinte. Selecione um método de disposição em animações que incluam transparência de plano de fundo para especificar se o quadro atual ficará visível através das áreas transparentes do quadro seguinte.

O ícone do Método de Disposição indica se o quadro está definido para Não Dispor  ou Dispor . (Nenhum ícone aparece quando a opção de método de disposição está definida como Automático.)

Especificação de looping em quadros de animação

Selecione uma opção de looping para especificar quantas vezes a sequência de animação é repetida durante a reprodução.

Exclusão de uma animação inteira