Guia do Usuário Cancelar

Criar animações de linha do tempo

  A partir de julho de 2024, os recursos 3D legados do Photoshop foram removidos. No entanto, agora, no aplicativo Photoshop (beta), você pode adicionar facilmente objetos 3D ao seu design 2D do Photoshop usando o aplicativo Adobe Substance 3D Viewer (beta). Clique aqui para obter mais detalhes.

Fluxo de trabalho de animações de linha do tempo

Para animar o conteúdo da camada no modo de linha de tempo, defina os quadros principais no painel Linha do tempo, movendo o indicador da hora atual para uma hora/quadro diferente, e modifique a posição, a opacidade ou o estilo do conteúdo da camada. O Photoshop adiciona ou modifica automaticamente uma série de quadros entre dois quadros existentes, variando as propriedades da camada (posição, opacidade e estilos) igualmente nos novos quadros para criar a ilusão de movimento ou transformação.

Por exemplo, para fazer uma camada desaparecer gradualmente, defina a opacidade no quadro inicial como 100% e clique em Interrupção de opacidade para a camada. Mova o indicador da hora atual para a hora/quadro do quadro final e defina a opacidade da mesma camada como 0%. O Photoshop interpola automaticamente os quadros entre o primeiro e o último, e a opacidade da camada é reduzida igualmente nos novos quadros.

Além de permitir que o Photoshop interpole os quadros em uma animação, é possível também criar uma animação feita à mão livre, quadro por quadro, pintando em uma camada de vídeo em branco.

Observação:

Para criar uma animação no formato SWF, use o Adobe Flash, o Adobe After Effects ou o Adobe Illustrator.

Para criar uma animação com base em linha do tempo, use o fluxo de trabalho geral a seguir.

1. Crie um novo documento.

Especifique o tamanho e os conteúdos do plano de fundo. Veja se as proporções de pixel e as dimensões são apropriadas para a saída da animação. O modo de cores deve ser RGB. A menos que haja um motivo especial para fazer alterações, deixe a resolução como 72 pixels/pol., a profundidade de bits como 8 bpc e a proporção de pixel como quadrado.

Certifique-se de que o painel Linha do tempo esteja aberto. Se necessário, clique na seta que aponta para baixo no meio do painel, escolha Criar Linha do tempo de vídeo no menu e, em seguida, clique no botão à esquerda da seta. Se o painel Linha do tempo estiver no modo de animação de quadro, clique no ícone Converter em linha do tempo de vídeo no canto inferior esquerdo do painel.

2.Especifique Definir taxa de quadros da linha do tempo no menu do painel.

Especifique a duração e a velocidade do quadro. Consulte Como especificar a duração de linha de tempo e a velocidade do quadro.

3. Adicione uma camada.

As camadas de fundo não podem ser animadas. Se quiser animar o conteúdo, converta a camada de fundo em uma camada normal ou adicione algum dos seguintes:

  • Uma nova camada para incluir conteúdo.

  • Uma nova camada de vídeo para incluir conteúdo de vídeo.

  • Uma nova camada de vídeo em branco para clonar o conteúdo ou criar animações feitas à mão livre.

4. Adicione conteúdo à camada.

5. (Opcional) Adicione uma máscara de camada.

Uma máscara de camada pode ser usada para revelar uma parte do conteúdo da camada. Pode-se animar a máscara da camada para revelar diferentes partes do conteúdo da camada com um tempo específico. Consulte Adição de máscaras de camada.

6. Mova o indicador da hora atual para a hora ou o quadro em que será definido o primeiro quadro principal.

7. Ative a função de quadro principal para uma propriedade de camada.

Clique no triângulo ao lado do nome da camada. Um triângulo invertido exibe as propriedades da camada. Em seguida, clique no cronômetro para definir o primeiro quadro principal da propriedade da camada que deseja animar. Pode-se definir quadros principais para mais de uma propriedade de camada por vez.

8. Mova o indicador da hora atual e altere uma propriedade da camada.

Mova o indicador de hora atual para a hora ou o quadro no qual a propriedade da camada é alterada. Execute um ou mais destes procedimentos:

  • Altere a posição da camada para mover o conteúdo da camada.

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

  • Altere a posição de uma máscara de camada para revelar diferentes partes da camada.

  • Ative ou desative uma máscara da camada.

Para alguns tipos de animação, por exemplo, alterar a cor de um objeto ou modificar completamente o conteúdo de um quadro, é necessário usar camadas adicionais com um novo conteúdo.

Observação:

Para animar formas, anime a máscara de vetor, em vez de animar a máscara de forma, usando o Cronômetro de variação de tempo para Posição da máscara de vetor ou Ativar máscara de vetor.

9. Adicione outras camadas com conteúdo e edite as propriedades das camadas conforme necessário.

10. Mova ou apare a barra de duração da camada para especificar quando uma camada é exibida na animação.

11. Visualize a animação.

Use os controles no painel Linha do tempo para reproduzir a animação conforme ela for criada. Em seguida, visualize a mesma animação no navegador da Web. É possível também visualizar a animação na caixa de diálogo Salvar para Web. Consulte Visualização de animações de linha de tempo e de vídeo.

12. Salve a animação.

É possível salvar a animação como GIF animado, usando o comando Salvar para Web, ou como uma sequência de imagens ou um vídeo, usando o comando Aplicar renderização em vídeo. Também é possível salvá-la no formato PSD, que pode ser importado para o Adobe After Effects.

Usar quadros principais para animar propriedades de camada

Você pode animar diferentes propriedades da camada, como Posição, Opacidade e Estilo. Cada alteração pode ocorrer independentemente de, ou juntamente com, outras alterações. Se quiser animar diferentes objetos independentemente, é melhor criá-los em camadas separadas.

Veja a seguir alguns exemplos de como é possível animar propriedades da camada:

  • É possível animar a posição adicionando um quadro principal à propriedade Posição e, em seguida, movendo o indicador da hora atual e arrastando a camada na janela do documento.

  • É possível animar a opacidade de uma camada adicionando um quadro principal à propriedade Opacidade e, em seguida, movendo o indicador da hora atual e alterando a opacidade da camada no painel Camadas.

  • Você pode animar propriedades 3D, como a posição de objeto e câmera. (Para obter mais informações, consulte Criar animações 3D.)

 

Para animar uma propriedade usando quadros principais, é preciso definir pelo menos dois quadros principais para essa propriedade. Caso contrário, as alterações feitas à propriedade da camada permanecerão em vigor pela duração da camada.

Cada propriedade da camada possui um ícone de Cronômetro de Variação de Tempo  no qual você clica para começar a animação. Quando o cronômetro está ativado para uma propriedade específica, o Photoshop define automaticamente novos quadros principais sempre que você altera a hora atual e o valor da propriedade. Quando o cronômetro está desativado para uma propriedade, a propriedade não possui nenhum quadro principal. Se você digitar um valor para uma propriedade da camada enquanto o cronômetro estiver desativado, o valor permanecerá em vigor pela duração da camada. Se o cronômetro for desativado, você excluirá permanentemente todos os quadros principais daquela propriedade.

Escolher método de interpolação

Interpolação (às vezes chamada de transição) descreve o processo de preenchimento de valores desconhecidos entre dois valores conhecidos. Em vídeos e filmes digitais, a interpolação geralmente significa gerar novos valores entre dois quadros principais. Por exemplo, para mover um elemento gráfico 50 pixels para a esquerda em 15 quadros, é preciso definir a posição do elemento gráfico no primeiro e no 15º quadro e marcá-los como quadros principais. O Photoshop interpola os quadros entre os dois quadros principais. A interpolação entre os quadros principais pode ser usada para animar o movimento, a opacidade, os estilos e a iluminação global.

No painel Linha do tempo, a aparência do quadro principal depende do método de interpolação escolhido para o intervalo entre os quadros principais.

Quadro principal linear 

Altera uniformemente a propriedade animada de um quadro principal para outro. (A única exceção é a propriedade Posição da Máscara de Camada que alterna entre estados ativados e desativados abruptamente.)

Manter quadro principal 

Mantém a configuração da propriedade atual. Esse método de interpolação é útil para efeitos de estroboscópio ou quando você quiser que camadas apareçam ou desapareçam de repente.

Para escolher o método de interpolação de um quadro principal, execute o seguinte procedimento:

  1. No painel Linha do tempo, selecione um ou mais quadros principais.

  2. Siga um destes procedimentos:
    • Clique com o botão direito do mouse no quadro principal selecionado e escolha Interpolação Linear ou Manter Interpolação no menu de contexto.

    • Abra o menu do painel e escolha Interpolação do quadro principal > Linear ou Interpolação do quadro principal > Manter.

Como mover o indicador da hora atual para um quadro principal

Depois de definir o quadro principal inicial para uma propriedade, o Photoshop exibe o navegador do quadro principal, que pode ser usado para mover de um quadro principal ao outro ou para definir ou remover quadros principais. Quando o diamante do navegador do quadro principal estiver ativo (amarelo), o indicador da hora atual fica exatamente no quadro principal dessa propriedade de camada. Quando o diamante do navegador do quadro principal estiver inativo (cinza), o indicador da hora atual fica entre os quadros principais. Quando setas aparecem em cada lado da caixa do navegador do quadro principal, existem outros quadros principais para essa propriedade em ambos lados da hora atual.

  1. No painel Linha do tempo, clique em uma seta do navegador do quadro principal. A seta à esquerda move o indicador da hora atual para o quadro principal anterior. A seta à direita move o indicador da hora atual para o próximo quadro principal.

Selecionar quadros principais

  1. No painel Linha do tempo, siga qualquer um destes procedimentos:

    • Para selecionar um quadro principal, clique no ícone do quadro principal.

    • Para selecionar vários quadros principais, clique com a tecla Shift pressionada nos quadros principais ou arraste um marcador de seleção ao redor dos quadros principais.

    • Para selecionar todos os quadros principais de uma propriedade de camada, clique no nome da propriedade de camada ao lado do ícone do cronômetro.

Mover quadros principais

  1. No painel Linha do tempo, selecione um ou mais quadros principais.

  2. Arraste qualquer um dos ícones de quadro principal selecionados para a hora desejada. (Se você selecionou vários quadros principais, eles se movimentam como um grupo e mantêm o mesmo espaçamento de tempo.)
Observação:

Para expandir ou compactar o espaçamento de vários quadros principais, arraste o primeiro ou o último quadro principal na seleção com a tecla Alt (Windows) ou Option (Mac OS) pressionada. O quadro principal na extremidade oposta da seleção permanece no lugar à medida que você arrasta, reduzindo ou aumentando a velocidade da animação.

Copiar e colar quadros principais

Você pode copiar quadros principais de uma propriedade (como Posição) para a mesma propriedade em qualquer camada. Quando você cola quadros principais, eles refletem o deslocamento copiado do indicador da hora atual.

É possível copiar quadros principais a partir de apenas uma camada por vez. Quando você cola quadros principais em outra camada, eles aparecem na propriedade correspondente na camada de destino. O primeiro quadro principal aparece na hora atual, e os outros quadros principais seguem em uma ordem relativa. Os quadros principais permanecem selecionados após a colagem, para que seja possível movê-los imediatamente na linha de tempo.

Observação:

você pode copiar e colar quadros principais entre mais de uma propriedade por vez.

  1. No painel Linha de tempo, exiba a propriedade da camada contendo os quadros-chave que você deseja copiar.

  2. Selecione um ou mais quadros principais.
  3. Clique com o botão direito do mouse em um quadro principal selecionado e escolha Copiar quadros principais.
  4. No painel Linha de tempo contendo a camada de destino, mova o indicador do tempo atual para o ponto no tempo onde você deseja que o quadro-chave seja mostrado.

  5. Selecione a camada de destino.
  6. Abra o menu do painel e escolha Colar quadros principais.

Excluir quadros principais

  1. No painel Linha do tempo, selecione um ou mais quadros principais e siga um destes procedimentos:

    • Clique com o botão direito do mouse (Windows) ou com a tecla Control (Mac OS) em um quadro principal selecionado e escolha Excluir quadros principais no menu de contexto.

    • No menu do painel, escolha Excluir quadros principais.

Criar animações à mão livre

É possível adicionar uma camada de vídeo em branco ao documento para criar animações à mão livre quadro por quadro. Ao adicionar uma camada de vídeo em branco acima de uma camada de vídeo e ajustar a opacidade dessa camada, pode-se ver o conteúdo da camada de vídeo abaixo. Isso permite rotoscopiar o conteúdo da camada de vídeo pintando ou desenhando na camada de vídeo em branco. Consulte também Pintar quadros em camadas de vídeo.

Observação:

se estiver animando vários elementos independentes, crie conteúdo separado em diferentes camadas de vídeo em branco.

  1. Crie um novo documento.
  2. Adicione uma camada de vídeo em branco.
  3. Pinte ou adicione conteúdo à camada.
  4. (Opcional) No painel Linha do tempo, escolha Ativar cascas de cebola no menu do painel para ativar o modo de cascas de cebola.

  5. Mova o indicador da hora atual para o próximo quadro.
  6. Pinte ou adicione conteúdo à camada em uma posição um pouco diferente do conteúdo no quadro anterior.
    Observação:

    É possível adicionar um quadro de vídeo em branco, duplicar um quadro ou excluir um quadro da camada de vídeo em branco, escolhendo Camada > Camadas de vídeo e o comando apropriado.

    Ao criar mais quadros à mão livre, para visualizar a animação, pode-se arrastar o indicador da hora atual ou usar os controles de execução.

Como inserir, excluir ou duplicar quadros de vídeo em branco

Um quadro de vídeo em branco pode ser adicionado ou removido de uma camada de vídeo em branco. Pode-se também duplicar quadros existentes (pintados) em camadas de vídeo em branco.

  1. No painel Linha do tempo, selecione a camada de vídeo em branco e, em seguida, mova o indicador da hora atual para o quadro desejado.

  2. Escolha Camada > Camadas de vídeo e, em seguida, escolha uma das seguintes opções:

    Inserir quadro em branco

    Insere um quadro de vídeo em branco na camada de vídeo em branco selecionada na hora atual.

    Excluir quadro

    Exclui o quadro de vídeo na camada de vídeo em branco selecionada na hora atual.

    Duplicar quadro

    Adiciona uma cópia do quadro de vídeo na hora atual na camada de vídeo em branco selecionada.

Especificar configurações de transparência

O modo transparência exibe o conteúdo desenhado no quadro atual, além do desenhado nos quadros adjacentes. Esses quadros adicionais aparecerão na opacidade especificada para distingui-los do quadro atual. O modo Transparência é útil para desenhar animações quadro a quadro, pois ele oferece os pontos de referência para posições de traçado e outras edições.

As configurações de transparência especificam como os quadros anteriores e posteriores são exibidos quando a opção Cascas de cebola está ativada. (Consulte Visão geral do painel Linha do tempo.)

  1. Abra o do painel Linha do tempo e escolha Configurações da casca de cebola.

  2. Especifique as opções para o seguinte:

    Contagem da transparência

    Especifica quantos quadros anteriores e posteriores são exibidos. Nas caixas de texto, digite os valores de quadros antes (quadros anteriores) e de quadros após (quadros posteriores).

    Espaçamento do quadro

    Especifica o número de quadros entre os quadros exibidos. Por exemplo, o valor 1 exibe quadros consecutivos e o valor 2 exibe os traçados a cada dois quadros.

    Opacidade Máx.

    Define a porcentagem de opacidade para os quadros imediatamente anteriores e posteriores à hora atual.

    Opacidade Mín.

    Define a porcentagem de opacidade para os últimos quadros dos conjuntos anteriores e posteriores de quadros de transparência.

    Modo de Mesclagem

    Define a aparência das áreas em que os quadros se sobrepõem.

    Cascas de cebola no Photoshop
    Transparências

    A. Quadro atual com um quadro posterior B. Quadro atual com um quadro anterior e outro posterior C. Quadro atual com um quadro anterior 

Abertura de uma animação de várias camadas

É possível abrir animações que foram salvas em versões anteriores do Photoshop como arquivos Photoshop (PSD) de várias camadas. As camadas são inseridas no painel Linha do tempo de acordo com sua ordem de empilhamento, com a camada inferior tornando-se o primeiro quadro.

  1. Escolha Arquivo > Abrir e selecione o arquivo Photoshop a ser aberto.
  2. No painel Camadas, selecione as camadas que deseja para a animação e, no menu do painel, escolha Criar quadros a partir de camadas.

    É possível editar a animação, usar o comando Salvar para Web para salvar um GIF animado ou usar o comando Aplicar renderização em vídeo para salvar a animação como um filme do QuickTime.


Receba ajuda com mais rapidez e facilidade

Novo usuário?