Uso de câmera no Animate

A câmera no Animate permite que os animadores simulem uma câmera real. Anteriormente, os animadores contavam com extensões de terceiros com qualidade e compatibilidade variáveis ou modificavam suas animações para imitar o movimento de uma câmera. Os animadores podem usar os recursos a seguir, que fazem parte de qualquer animação.

• Panorâmica com o assunto do quadro
• Ampliar o objeto de interesse para um efeito dramático
• Diminuir um quadro para lembrar o visualizador sobre uma imagem maior
• Modificar o ponto focal para deslocar a atenção do espectador de um objeto para outro
• Girar a câmera
• Usar o matiz de cor ou filtros para aplicar efeitos de cor em uma cena 

Quando você ajusta a exibição da câmera para sua composição, você olha as camadas como se estivesse olhando através dessa câmera. Você também pode adicionar interpolações ou quadros-chave em uma camada de câmera.

A ferramenta Câmera está disponível para todos os tipos de documento incorporados no Animate - HTML Canvas, WebGL e Actionscript.

Use qualquer uma das opções a seguir para ativar a ferramenta Câmera:

• Clique na ferramenta Câmera no painel Ferramentas.
• Clique no botão Adicionar/Remover câmera na linha do tempo.

Quando a câmera estiver ativada, o limite do palco é exibido na mesma cor da camada da câmera.

O palco agora se comporta como uma câmera para o documento. Uma nova camada da câmera com o objeto da câmera é adicionada ao painel Linha do tempo. Quando você seleciona a ferramenta câmera, o ícone de câmera é ativado no Inspetor de propriedades.

Quando a câmera está ativada:

• O documento atual é colocado no modo câmera.
• O palco é transformado em uma câmera.
• A borda da câmera é visível no limite do palco.
• A camada de câmera é selecionada.  

Zoom, rotação ou deslocamento da câmera

Aplicar zoom à câmera

Girar a câmera

Girar a câmera

Uso dos controles de deslocamento da câmera

Para deslocar objetos na direção horizontal, mova o mouse para cima do valor da coordenada X e arraste o controle deslizante para a direita ou para a esquerda. 

Para deslocar objetos na direção vertical, mova o mouse pelo valor da coordenada Y e arraste o controle deslizante para a direita ou para a esquerda.

Redefinir opções dos efeitos de câmera

É possível redefinir as alterações feitas na câmera para efeitos de deslocamento, zoom, rotação e de cor sempre que se desejar voltar para as configurações iniciais. Para manter os valores de propriedade anteriores, clique no ícone de redefinição ao lado de cada uma das propriedades.

Aplicar um matiz em uma camada de câmera

Ajustar filtros de cor em uma camada de câmera

Criar efeito de paralaxe com a câmera e a profundidade de camada

Como um designer ou desenvolvedor de jogos, você deseja criar uma experiência envolvente para um jogo. Usando diferentes objetos de um jogo no primeiro plano e camadas de segundo plano, você pode controlar a velocidade e a posição desses objetos. Mantendo a câmera selecionada em um ponto focal constante, você pode mover os objetos em velocidades diferentes para criar um efeito tridimensional. No Animate, ao criar suas animações em 2D, você pode obter esse efeito usando a câmera e o recurso de profundidade da camada. Você pode criar o efeito de paralaxe para os objetos, alterando as profundidades das camadas usando o painel Profundidade da camada. Para usar a profundidade de camada, clique em Janela > Profundidade da camada.

Clique aqui para obter mais informações sobre profundidade de camada. 

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.
• Quando a camada da câmera está no valor 0, os objetos mais próximos da câmera possuem um número positivo menor e os objetos distantes da câmera possuem um número maior. As camadas que estão atrás da câmera possuem números negativos. 

Vídeo que descreve o efeito de paralaxe e a profundidade z da câmera

Bloquear uma camada com a câmera

Como um animador ou designer de jogos, você deseja fazer com que alguns objetos de animação colem à exibição da câmera. Por exemplo, um botão de ação, uma exibição pronta em um jogo mostrando o medidor de tempo ou uma arma. Nesses casos, você precisa manter o ativo bloqueado com o movimento da câmera. O recurso Anexar à câmera no Animate permite atingir esse efeito.

Ao anexar uma camada à câmera, os objetos daquela camada são fixados à câmera e sempre se moverão junto a ela. Assim, eles parecem não ser afetados pelos movimentos da câmera na saída.

É possível anexar uma única camada à câmera clicando no ponto na coluna do ícone Anexar câmera. Se a camada estiver anexada à câmera, um ícone representativo aparece ao lado do nome daquela camada.  

As ilustrações a seguir descrevem o comportamento da camada antes e depois de anexá-la à câmera: 

Ilustração que descreve uma animação quando a camada não está anexada à câmera:

Ilustração que descreve uma animação quando a camada está anexada à câmera: 

Você também pode anexar ou desanexar todas as camadas da câmera clicando no ícone Anexar câmera na linha do tempo. 

Usar a câmera no tempo de execução

É possível introduzir, acessar e gerenciar a câmera no tempo de execução usando as APIs de câmera para os tipos de documento AS3, WebGL e HTML Canvas. A lista de APIs de tempo de execução da câmera para os tipos de documento AS3, WebGL e HTML Canvas é a seguinte:

 Todos os métodos são aplicáveis para o tipo de documento AS3. Alguns dos métodos não estão disponíveis para os tipos WebGL e HTML Canvas. Os métodos aplicáveis/não aplicáveis para WebGL e HTML Canvas estão indicados nas últimas duas colunas da tabela abaixo.

Métodos da câmera virtual

Acessar a câmera como um objeto de clipe de filme

Mascarar objetos em tempo de execução (para documento AS3)

É possível mascarar os objetos no tempo de execução usando o seguinte código da API da câmera:

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

Um instantâneo de amostra da animação, quando você usa uma máscara em forma oval, é exibido da seguinte maneira:

Criar animações de câmera interativa com o assistente de códigos para ações

Uma abordagem passo a passo para criar uma animação que usa a câmera interativa é descrita no seguinte diagrama de fluxo. Você pode usar o assistente de código de ações em documentos HTML Canvas. 

Abaixo encontra-se um vídeo de exemplo, que demonstra o uso da câmera interativa. Nele, você pode observar como é feita a variação do foco no tempo de execução, em paraquedas, jet pack e paisagem urbana, em vários intervalos.

Vídeo de demonstração do uso da câmera no tempo de execução

Cortar o objeto no palco

O Adobe XD permite empilhar ou sobrepor o conteúdo sobre outra prancheta para simular efeitos interativos de slide. Por exemplo, listas suspensas, teclados ao deslizar para cima ou efeitos de lightbox. Com as sobreposições, você também pode reutilizar várias vezes uma prancheta sem duplicar o conteúdo de sobreposição para cada prancheta. 

Para cortar o conteúdo que flui para fora do palco, clique no botão Cortar o conteúdo fora do palco . Com a exibição de Palco e Câmera, é possível visualizar o conteúdo dentro dos limites da câmera.