Guia do Usuário Cancelar

Aplicar movimento à ilustração

Pesquisar

Última atualização em 08/10/2024

Guia do Usuário do Adobe Fresco
Introdução
Desenhar, pintar, animar e compartilhar
Aplicativos Adobe Fresco e Creative Cloud
1. Adobe Fresco e Photoshop
2. Adobe Fresco e Illustrator
Documentos na nuvem
1. Documentos na nuvem do Adobe Fresco
Solução de problemas
1. Não é possível acessar os pincéis de pixel importados no Windows
2. Suporte do Adobe Fresco para dispositivos Windows ARM
Exemplos, ideias e inspiração

Saiba como adicionar movimento à sua ilustração usando as técnicas quadro a quadro ou caminho de animação no Fresco.

Você pode aplicar movimento aos elementos na ilustração para criar narrativas visuais envolventes. Depois, você pode exportar a ilustração final em arquivos MP4, GIF ou PNG.

Aplicar movimento à ilustração

Animar sua ilustração ou seus elementos

Você pode usar a técnica quadro a quadro, caminho de animação ou uma mistura de ambas para animar a ilustração ou seus elementos.

Quadro a quadro

Cada quadro da ilustração difere levemente do quadro anterior e, quando reproduzidos em sucessão, uma ilusão de movimento é criada. É usado quando as propriedades ou o movimento mudam em cada quadro.

Caminho de animação

Traça objetos e segue um caminho definido. É usado para mover elementos ou ilustrações na tela em um movimento em loop sem mudar sua aparência.

Antes de começar

Antes de começar sua jornada de animação, familiarize-se com estes conceitos e limitações

Sugerimos a criação de objetos em camadas separadas ao usar movimento em ilustrações complexas que exigem alterações em vários objetos ou em suas propriedades. Isso garante um melhor controle sobre a edição de cada objeto na ilustração.
A linha de tempo da camada é exibida quando você seleciona um objeto ou ilustração que contém quadros. Por padrão, a linha de tempo inclui todos os objetos na camada selecionada e exibe o número total de quadros criados e o quadro em que você está trabalhando. Por exemplo, uma leitura de 2/13 indica que você está trabalhando no 2º quadro de 13 quadros.

Animar usando as técnicas quadro a quadro ou caminho de animação

Com base na complexidade das alterações em cada quadro, use as técnicas quadro a quadro ou caminho de animação para aplicar movimento à ilustração.

Navegue pela guia abaixo e saiba como aplicar essas técnicas e ajustar suas configurações para criar o design que deseja.

Adicione animação quadro a quadro a uma ilustração usando a linha do tempo. As alterações incrementais que você faz em seu trabalho artístico em cada quadro fornecem uma ilusão de movimento ou mudança em seu design.

Selecione a camada que deseja animar e selecione Animação . Por padrão, a linha de tempo inclui todos os objetos na camada selecionada.
Para adicionar um novo quadro, toque no quadro selecionado. Use as opções exibidas para duplicar, copiar ou excluir quadros.
Selecione o quadro que deseja embaralhar, arraste-o ao longo da linha do tempo e solte-o para reordenar os quadros. Antes de editar sua ilustração em uma nova camada, habilite Camadas.
Selecione Reproduzir tudo para visualizar a animação que você aplicou à ilustração. Selecione a opção Reprodução nas Configurações de movimento para reproduzir a visualização em loop, bumerangue ou apenas uma vez.
Defina as Configurações de movimento para ajustar a velocidade, alterar as opções de reprodução, ajustar a opacidade e os quadros da camada e exibir a linha de tempo do documento.
Selecione sua camada de animação preferida > ícone Mais opções > Definir como referência e aplique Preenchimento a quadros individuais da camada de preenchimento de destino para acelerar a coloração de sua animação.

Siga estas etapas para usar a técnica de caminho de animação para animar objetos em um caminho definido:

Selecione a camada que contém o objeto e selecione Animação acima da régua .
Na barra Animação na parte inferior, selecione o Caminho para abrir o painel Propriedades da camada.
Selecione qualquer uma das Predefinições de animação para aplicar efeitos de animação.
Desenhe o caminho que você deseja que o objeto siga ou percorra. Para recriar um caminho, exclua e redesenhe o caminho.

Desenhar à mão livre

Desenhar usando auxílios para desenho
Em Configurações avançadas, você pode:
- Aumentar/encolher: alterne esta opção para aumentar ou diminuir o tamanho do objeto.
- Girar: alterne para obter o controle de movimento Oscilar ou Girar.
  
  Oscilar: especifique o Ângulo e o Número de vezes da animação.
  
  Girar: ative ou desative o sentido anti-horário e o Número de vezes da animação.
Adicionar o efeito Girar ou Oscilar
- Abrir/encerrar gradualmente: altera a opacidade de um objeto para criar transições suaves no início ou no fim de seu caminho de animação.
- Alinhar ao caminho: alinhe os objetos a um caminho especificado.
Alinhar ao caminho desativado

Alinhar ao caminho ativado
- Adicionar vários: adicione vários objetos no mesmo caminho e visualize em tempo real.
- Dispersão: aplique efeitos aos objetos correspondentes adicionados e visualize-os em tempo real.
Efeitos Adicionar vários e Dispersão
- Opções de velocidade: ajuste a velocidade de reprodução da faixa de animação.
- Aumentar/diminuir velocidade de atenuação: aplique esse efeito para fazer com que os objetos apareçam ou desapareçam lentamente da tela.
Selecione Reproduzir tudo para exibir a animação em que você está trabalhando. Selecione Caminho para mostrar a visualização com os caminhos. Você pode escolher uma opção de reprodução nas Configurações de movimento para reproduzir a visualização em loop, bumerangue ou apenas uma vez.
Defina as Configurações de movimento para ajustar a velocidade, alterar as opções de reprodução, ajustar a opacidade e os quadros da camada e exibir a linha de tempo do documento.

Desenhar vários caminhos

Você pode desenhar um ou vários caminhos na camada selecionada. Desenhar vários caminhos também duplica automaticamente o objeto ou a animação do objeto na mesma camada; portanto, você não precisa criar vários objetos, a menos que queira aplicar animações diferentes a cada objeto. Se estiver trabalhando em um ou vários caminhos, selecione Configurações > Linha de tempo do documento > Mostrar caminhos como quadros, para habilitar a linha de tempo do caminho para converter caminhos em quadros.

Agora que você criou seus designs, aplique estas configurações de movimento às animações:

Quadros/segundo	Define a velocidade da animação em quadros por segundo (FPS). O aumento ou a diminuição de FPS aumenta ou diminui a velocidade de modo correspondente.
Reprodução	Exibe as opções de reprodução e visualização. Os tipos de reprodução são Loop, Bumerangue e Reproduzir uma vez.
Linha de tempo do documento	Exibe todos os caminhos como quadros. Você pode habilitar outra opção Mostrar caminhos como quadros para converter um caminho em uma linha de tempo de quadro.
Camadas	Fornece uma referência ao exibir conteúdo dos quadros anteriores e seguintes em exibição. O quadro sob o indicador de reprodução aparece em cores. Ative e desative o recurso Camadas nas configurações da barra Animação: Quadros: ajuste o número de quadros que deseja ver antes e depois do quadro selecionado. Opacidade: ajuste a opacidade de cada quadro de camada para ajudar a ver melhor os quadros. Você também pode criar efeitos simples de fade-in e fade-out facilmente com controles de opacidade por quadro. O quadro anterior parece uma sombra e, se houver um quadro acima, é mostrado em cores para ajudar a identificar a posição dos quadros.

O recurso Camadas ajuda a visualizar o desenho do quadro para traçar ou fazer pequenas alterações com precisão. Você também pode ajustar o número de quadros que deseja manter visível. Assista ao vídeo abaixo para saber mais.

Aplicar configurações de movimento às animações

Transformar e mover quadros e caminhos de animação

Para mover ou redimensionar caminhos de animação criados anteriormente com seu conteúdo, siga estas etapas:

Selecione a camada de animação que deseja transformar e toque duas vezes no ícone Transformar na barra de ferramentas.
Escolha Todos os quadros e caminhos de animação nas opções suspensas.
Selecione a opção Transformar para mover ou redimensionar o quadro ou o caminho de animação.

Compartilhar ilustração animada

Selecione Exportar e, em seguida, selecione Publicar e exportar > Animação.
Escolha qualquer formato de exportação:
- GIF: usado para animação na Web.
- MP4: usado para armazenar áudio e vídeo. O Fresco oferece três predefinições para MP4:
  
  Automático: usada para exportar a saída na resolução mais alta. Isso também pode levar a um aumento do tamanho do arquivo.
  
  Pronto para a Web: usada para otimizar o tamanho e a qualidade da saída para exibições na Web.
  
  Grupo de PNG: usado para animações com objetos transparentes Também é possível exportar o arquivo PNG para ser editado mais detalhadamente no Adobe After Effects.
Dica:

Você pode mover o controle deslizante Loop para definir a contagem de loop e a duração de um arquivo de animação MP4.
Selecione Gerar quadros para exibir a saída.
Selecione Exportar para compartilhar ou salvar a ilustração.

Especifique a contagem de loop de seus arquivos de animação MP4 usando as opções de exportação aprimoradas

Recursos relacionados

Agora que você começou a aplicar animação à sua arte no Adobe Fresco, vá além e saiba como trabalhar com camadas e pincéis.

Junte-se à nossa comunidade para se conectar, aprender e se envolver

Para encontrar inspiração, dicas de especialistas e soluções de problemas comuns, acesse o fórum da comunidade do Adobe Fresco. Conecte-se com nossa equipe e outros usuários para trocar ideias, compartilhar suas criações, ficar por dentro dos recursos e anúncios mais recentes e fornecer feedback.

Receba ajuda com mais rapidez e facilidade

Novo usuário?