Crie um efeito de paralaxe para suas animações com facilidade usando a Câmera com o recurso de profundidade da camada.

Nesta versão você pode criar animações que envolvem vários objetos entre diferentes profundidades. Adicione o efeito de paralaxe às animações com a ferramenta Câmera. Anteriormente, os animadores tinham que criar o efeito de paralaxe supondo o tamanho dos objetos quando estivessem perto ou longe da ferramenta Câmera. 

Na versão de junho de 2017, esse recurso foi disponibilizado para plataformas ActionScript 3.0 e WebGL no Animate CC. 

Profundidade da camada

Um designer do Animate pode posicionar as camadas em planos diferentes criando a ilusão de profundidade. Anteriormente, as camadas em uma composição do Animate eram colocadas no mesmo plano. 

Você pode alterar dinamicamente as profundidades de camadas usando o painel Profundidade da camada. Para usar a profundidade de camada, clique em Janela > Profundidade da camada

Abrir painel Profundidade da camada
Abrir painel Profundidade da camada

Conforme ilustrado na captura de tela acima, os valores de profundidade de camada são exibidos ao lado do nome de cada camada para um determinado quadro.

  • Passe o mouse sobre cada valor, clique e arraste o controle deslizante para a esquerda ou direita.
  • Para aumentar a profundidade, arraste o controle deslizante para a esquerda; para diminuir a profundidade, arraste o controle deslizante para a direita. 
  • Você pode usar valores negativos para representar objetos que estão mais próximos. Use valores positivos para representar objetos distantes.
Timeline-view-layers

Cada camada é representada com linhas coloridas exclusivas na caixa de diálogo de profundidade da camada. É possível exibir as cores que representam cada uma das camadas na janela Linha de tempo

Você também pode aumentar ou diminuir a profundidade de objetos em cada camada ao mover as linhas multicoloridas para cima ou para baixo.

  • Para aumentar a profundidade de objetos em uma camada, mova a linha para cima.
  • Para diminuir a profundidade de objetos em uma camada, mova a linha para baixo.

Você pode visualizar os efeitos antes e depois do recurso de profundidade de camada na ilustração a seguir: 

Content without Layer Depth
Conteúdo sem profundidade de camada

Content with Layer Depth
Conteúdo com profundidade de camada

Manter tamanho para a profundidade da camada

Você pode alterar a profundidade da camada de objetos sem afetar o tamanho dos objetos no palco. Para ativar esse recurso, clique no botão Manter tamanho no canto superior direito do painel Profundidade da camada.

Você pode usar a opção de manter tamanho de duas maneiras:

  • Clique no botão Manter tamanho e modifique a profundidade da camada desejada. O botão Manter tamanho é alternado automaticamente.
  • Pressione e segure a tecla Alt para habilitar temporariamente a opção Manter tamanho ao arrastar os valores de profundidade da camada.
Manter tamanho para a profundidade da camada
Manter tamanho para a profundidade da camada

Você pode definir os valores mínimo e máximo de profundidade da camada entre -5000 e 10000. 

Efeito de paralaxe com profundidade z (z-depth) da câmera

Você pode criar o efeito de paralaxe para os objetos com a Câmera usando o recurso de profundidade da camada.

  1. Crie vários objetos em diferentes camadas no Animate. 

  2. Adicione profundidades de camada diferentes a cada um dos objetos.

  3. Clique na ferramenta Câmera e desloque a câmera nos objetos.

Os objetos próximos e distantes da câmera deslocam-se em diferentes velocidades criando um efeito de paralaxe.

Você pode visualizar a profundidade e a perspectiva de objetos com esse efeito.

  • Os objetos mais próximos da câmera deslocam-se de modo mais rápido do que os objetos que estão longe da câmera.
  • Os objetos mais próximos da câmera possuem altos valores negativos de profundidade de camada. Os objetos distantes da câmera possuem altos valores positivos de profundidade de camada.

Observação:

O tamanho do objeto permanece inalterado quando você muda a profundidade. Esse recurso permite posicionar os objetos na ordem correta e usar o deslocamento da Câmera para simular um efeito de paralaxe

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online