Criar camadas na linha do tempo com o Animate

As camadas permitem organizar a arte-final do documento. É possível desenhar e editar objetos em uma camada, sem afetar os objetos em outra camada. Em áreas do Palco sem nada em uma camada, é possível visualizar por meio dessa camada as camadas abaixo.

Para desenhar, pintar ou modificar uma camada ou pasta, selecione a camada na Linha do tempo para torná-la ativa. Um ícone de caneta, ao lado do nome de uma camada ou pasta na Linha do tempo, indica que a camada ou pasta está ativa. Apenas uma camada pode ficar ativa por vez (embora mais de uma camada possa ser selecionada por vez).

Ao ser criado, um documento do Animate contém apenas uma camada. Para organizar a arte-final, a animação e outros elementos no documento, adicione mais camadas. Também é possível ocultar, bloquear ou reorganizar as camadas. O número de camadas que podem ser criadas é limitado apenas pela memória do computador. As camadas não aumentam o tamanho do arquivo SWF publicado. Apenas os objetos colocados em camadas são adicionados ao tamanho do arquivo.

Para organizar e gerenciar as camadas, crie pastas de camada e coloque as camadas nessas pastas. É possível expandir ou contrair as pastas de camada na Linha do tempo, sem afetar o que é visualizado no palco. Use camadas ou pastas separadas para arquivos de som, ActionScript, rótulos e comentários de quadros. Usar camadas separadas ajuda a localizar esses itens rapidamente para editá-los.

Para criar efeitos sofisticados, use camadas de guias especiais para facilitar o desenho e a edição e para criar camadas de máscara.

Há cinco tipos de camadas que você pode usar no Animate:

• Camadas normais contêm a maior parte da ilustração de um arquivo fla.

• As camadas de máscara contêm objetos usados como máscaras para ocultar partes selecionadas de camadas abaixo delas. Para obter mais informações, consulte Uso de camadas de máscara.

• Camadas com máscara são camadas abaixo de uma camada de máscara que você associa à camada de máscara. Apenas a parte da camada de máscara não coberta pela máscara estará visível. Para obter mais informações, consulte Uso de camadas de máscara.

• As camadas de guia contêm traçados que podem ser usados para guiar a organização de objetos em outras camadas. Além disso, é possível guiar o movimento de animações de interpolação clássica em outras camadas. Para obter mais informações, consulte Camadas de guia e Criar interpolação de movimento clássica ao longo de um caminho.

• Camadas com guia são camadas associadas a uma camada de guia. Os objetos na camada com guia podem ser organizados ou animados ao longo dos traçados na camada de guia. Camadas com guia podem conter arte-final estática e interpolações clássicas, mas não interpolações de movimento.

• As camadas de interpolação de movimento contêm objetos animados com interpolações de movimento. Para obter mais informações, consulte Noções de Animação Interpolada.

• As camadas de armadura contêm objetos com bones cinemáticos invertidas anexadas. Para obter mais informações, consulte Uso da Ferramenta bone para a animação cinemática inversa.

Camadas normais, de máscara, com máscara e com guia podem conter interpolações de movimento ou de bones de cinemática inversa. Quando esses itens estão presentes em uma dessas camadas, existem limitações para os tipos de conteúdo que podem ser adicionados à camada. Para obter mais informações, consulte Interpolações de movimento e Uso da Ferramenta bone para a animação cinemática inversa.

Criar uma camada

Quando você cria uma camada, ela é exibida acima da camada selecionada. A camada recém-adicionada torna-se a camada ativa.

Criar uma pasta de camadas

Organizar camadas e pastas de camadas

Para organizar o documento, reorganize as camadas e pastas na Linha do tempo.

As pastas de camadas organizam o fluxo de trabalho permitindo posicionar camadas em uma estrutura em árvore. Para visualizar as camadas contidas em uma pasta sem afetar as camadas visíveis no Palco, expanda ou contraia a pasta. As pastas podem conter camadas e outras pastas, permitindo organizar as camadas de maneira muito semelhante à organização de arquivos no computador.

Os controles de camada na Linha do tempo afetam todas as camadas em uma pasta. Por exemplo, bloquear uma pasta de camadas bloqueia todas as camadas nessa pasta.

• Para mover uma camada ou pasta de camadas para uma pasta de camadas, arraste o nome da camada ou da pasta de camadas até o nome da pasta de camadas de destino.
• Para alterar a ordem das camadas ou das pastas, arraste uma ou mais camadas ou pastas na Linha do tempo até a posição desejada.
• Para expandir ou contrair uma pasta, clique no triângulo azul à esquerda do nome da pasta.
• Para expandir ou recolher todas as pastas, clique com o botão direito (Windows) ou clique com a tecla Ctrl (Macintosh) pressionada e selecione Expandir todas as pastas ou Contrair todas as pastas.

Renomear uma camada ou uma pasta

Por padrão, o Animate atribui nomes em novas camadas pela ordem em que são criadas: Camada 1, Camada 2 e assim por diante. Para refletir melhor o conteúdo, renomeie as camadas.

Selecionar uma camada ou uma pasta

Copiar quadros de uma única camada

Copiar quadros de uma pasta de camadas

Excluir uma camada ou uma pasta

Bloquear ou desbloquear uma ou mais camadas ou pastas

• Para bloquear uma camada ou pasta, clique na coluna Bloquear, à direita do nome. Para desbloquear a camada ou pasta, clique na coluna Bloquear novamente.

• Para bloquear todas as camadas e pastas, clique no ícone de cadeado. Para desbloquear todas as camadas e pastas, clique nesse ícone novamente.

• Para bloquear ou desbloquear várias camadas ou pastas, arraste pela coluna Bloquear.

• Para bloquear todas as outras camadas ou pastas, use a tecla Alt (Windows) ou Option (Macintosh) na coluna de bloqueio. Para desbloquear todas as camadas ou pastas, use a tecla Alt ou Option (Macintosh) na coluna de bloqueio novamente.

Copiar e colar camadas (CS5.5 apenas)

É possível copiar camadas inteiras e pastas de camadas na linha do tempo e colá-las na mesma linha do tempo ou em linhas do tempo distintas. Qualquer tipo de camada pode ser copiado.

Ao copiar e colar camadas, o bone da pasta de camadas das camadas copiadas é mantido.

As camadas são exigidas na Linha do Tempo acima da camada que você selecionou. Se uma pasta de camadas tiver sido selecionada, as camadas coladas serão exibidas dentro da pasta.

Para adicionar uma camada em uma camada de máscara ou guia, primeiro selecione a camada sob a máscara ou sob a guia e cole a camada desejada. Não é possível colar uma máscara, uma guia ou uma pasta de camadas sob uma camada de máscara ou de guia.

Também é possível duplicar as camadas selecionando as camadas e escolhendo Editar > Linha do tempo > Duplicar camadas. As novas camadas terão a palavra “cópia” adicionada aos respectivos nomes.

Configuração de Propriedades para várias camadas

Mostrar ou ocultar uma camada ou uma pasta

Um X vermelho ao lado do nome de uma camada ou pasta na Linha do tempo indica que a camada ou pasta está oculta. Em Configurações de publicação, escolha se as camadas ocultas são incluídas durante a publicação de um arquivo SWF.

• Para ocultar uma camada ou pasta, clique na coluna Olho, à direita do nome da camada ou da pasta na Linha do tempo. Para mostrar a camada ou pasta, clique nela novamente.

• Para ocultar todas as camadas e pastas na Linha do tempo, clique no ícone de olho. Para mostrar todas as camadas e pastas, clique no ícone novamente.

• Para mostrar ou ocultar várias camadas ou pastas, arraste pela coluna do ícone Olho.

• Para ocultar todas as camadas e pastas diferentes da camada atual ou a pasta, clique com a tecla Alt (Windows) ou Option (Macintosh) pressionada na coluna de ícone de olho. Para mostrar todas as camadas e pastas, clique com a tecla Alt ou Option pressionada novamente.

Exibir o conteúdo de uma camada como contorno

Para distinguir a qual camada um objeto pertence, exiba todos os objetos em uma camada como contornos coloridos.

• Para exibir todos os objetos nessa camada como contorno, clique na coluna Contorno, à direita do nome da camada. Para desativar a exibição do contorno, clique na coluna novamente.

• Para exibir objetos em todas as camadas como contornos, clique no ícone de contorno. Para desativar a exibição do contorno em todas as camadas, clique no ícone novamente.

• Para exibir os objetos como contornos em todas as camadas diferentes da camada atual, clique com a tecla Alt (Windows) ou Option (Macintosh) pressionada na coluna de Contorno. Para desativar a exibição do contorno para todas as camadas, clique com a tecla Alt ou Option pressionada novamente.

 Os caminhos de movimento na camada também usam a cor de contorno da camada.

Alterar a cor de contorno de uma camada

Exibir camadas e pastas de camadas

Mostrar ou ocultar uma camada ou uma pasta

Um X vermelho ao lado do nome de uma camada ou pasta na Linha do tempo indica que a camada ou pasta está oculta. Em Configurações de publicação, escolha se as camadas ocultas são incluídas durante a publicação de um arquivo SWF.

• Para ocultar uma camada ou pasta, clique na coluna Olho, à direita do nome da camada ou da pasta na Linha do tempo. Para mostrar a camada ou pasta, clique nela novamente.

• Para ocultar todas as camadas e pastas na Linha do tempo, clique no ícone de olho. Para mostrar todas as camadas e pastas, clique no ícone novamente.

• Para mostrar ou ocultar várias camadas ou pastas, arraste pela coluna do ícone Olho.

• Para ocultar todas as camadas e pastas diferentes da camada atual ou a pasta, clique com a tecla Alt (Windows) ou Option (Macintosh) pressionada na coluna de ícone de olho. Para mostrar todas as camadas e pastas, clique com a tecla Alt ou Option pressionada novamente.

Exibir o conteúdo de uma camada como contorno

Para distinguir a qual camada um objeto pertence, exiba todos os objetos em uma camada como contornos coloridos.

• Para exibir todos os objetos nessa camada como contorno, clique na coluna Contorno, à direita do nome da camada. Para desativar a exibição do contorno, clique na coluna novamente.

• Para exibir objetos em todas as camadas como contornos, clique no ícone de contorno. Para desativar a exibição do contorno em todas as camadas, clique no ícone novamente.

• Para exibir os objetos em todas as camadas diferentes da camada atual, clique com a tecla Alt (Windows) ou Option (Macintosh) pressionada na coluna de contorno. Para desativar a exibição do contorno para todas as camadas, clique com a tecla Alt ou Option pressionada novamente.

Alterar a cor de contorno de uma camada

 Os caminhos de movimento na camada também usam a cor de contorno da camada.

Ajustar a transparência da camada

 A transparência de camada não tem efeito sobre camadas ocultas.

Usar camadas avançadas

No Animate, com o modo de Camadas avançadas, todas as camadas na linha de tempo são publicadas como símbolos. O modo de camadas avançadas permite que você acesse os seguintes recursos:

• Efeitos de camada
• Profundidade da camada  
• Recurso de camada pai
• Câmera

O modo de Camadas avançadas está habilitado por padrão. Você pode habilitar ou desabilitar as Camadas avançadas usando a configuração Modificar > Documento. Depois de aplicar as alterações, clique em Tornar padrão para preservar as configurações atuais para os documentos subsequentes e em todas as sessões do Animate. 

Ao acessar esses símbolos usando scripts no Animate, você tem que acioná-las usando camada como um objeto. Por exemplo, quando você não estiver usando camadas avançadas, poderá acessar diretamente um símbolo usando um script semelhante ao seguinte exemplo: 

getchildbyname("symbol1");

Mas, ao usar camadas avançadas, você poderá acessar o símbolo somente com uma camada usando um script semelhante ao seguinte exemplo:

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

Um exemplo de código para acessar símbolos usando camadas avançadas para o tipo de documento AS3: 

Um exemplo de código para acessar símbolos usando camadas avançadas para o tipo de documento HTML5 Canvas: 

A ilustração a seguir descreve como acessar um símbolo usando scripts com camadas avançadas e sem camadas avançadas. 

 O tamanho de seus projetos de animação publicados pode aumentar quando você usa camadas avançadas no Animate. Se você encontrar algum problema ao acessar os recursos de profundidade da câmera ou de camada, verifique se as camadas avançadas estão ATIVADAS. Se estiverem desativadas, habilite-as para obter o comportamento esperado.

Aplicação de efeitos de camada

Os filtros e os efeitos de cor costumavam ser aplicáveis somente a clipe de filme. Com as camadas avançadas, filtros e efeito de cor agora podem ser aplicados a quadros específicos, que por sua vez aplicam-se a todo o seu conteúdo incluindo formas, objeto de desenho, símbolos gráficos e assim por diante. Os efeitos de camada também podem ser interpolados usando as interpolações clássica, de forma e IK entre os quadros.

Você pode aplicar efeitos de camada em um quadro individual ou em vários quadros, ao selecionar os quadros desejados. Também é possível aplicar efeitos de camada em todos os quadros da camada, selecionando a camada inteira. Os efeitos de camada também podem ser aplicados na linha de tempo do símbolo como clipe de filme e símbolo gráfico e em todas as cenas.

 Efeitos de camada podem ser aplicados somente quando o modo de camadas avançadas está ATIVADO. Talvez seja necessário habilitar de modo explícito o modo de Camadas avançadas para que arquivos usem essa funcionalidade.

Uso de filtros para quadros

Para adicionar filtros em um quadro específico, primeiro selecione o quadro. O painel Inspetor de propriedades carrega as propriedades específicas do quadro. Clique no ícone + na lista suspensa Filtros.

Quando você adiciona filtros em quadros, o Inspetor de propriedades aparece conforme mostrado na seguinte captura de tela. 

Você pode definir as propriedades de cada um dos filtros conforme desejar e aplicá-los ao nível do quadro. A interpolação é aplicável a todos os filtros de quadro. 

 Os efeitos de camada são compatíveis somente com o tipo de documento do ActionScript 3. A interpolação de movimento e as camada da câmera não são compatíveis com efeitos de camada.

Uso de efeitos de cor

Para aplicar o efeito de cor em quadro específico, primeiro selecione o quadro. O painel Inspetor de propriedades carrega as propriedades específicas do quadro. Escolha qualquer propriedade de cores desejada no painel do Inspetor de propriedades.

Usar modos de mesclagem

Para aplicar os modos de mesclagem em um quadro específico, primeiro selecione o quadro e escolha um modo de mesclagem listado na seção Exibição do painel Propriedades do quadro.

Quando aplicar a mesclagem em camadas ou quadros, ela será aplicada a todos os seus conteúdos, que incluem formas, objetos de desenho e símbolos gráficos. Todos os objetos em uma mesclagem de camada com os objetos em outra camada de acordo com o modo de mesclagem aplicado a esse quadro.

Para obter mais informações sobre os modos de mesclagem, consulte Aplicação de modos de mesclagem.

Como aprimorar suas animações usando Efeitos de camada

Aplicação de profundidade da camada

Como um Animador, é possível inserir as camadas em diferentes planos de animação 2D para criar a ilusão de profundidade. 

Você pode alterar dinamicamente as profundidades de camadas por meio do painel Profundidade da camada. Para abrir o painel de profundidade da camada, clique em Janela > Profundidade da camada.

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

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 diminuir a profundidade, arraste o controle deslizante para a esquerda. Para aumentar a profundidade, arraste o controle deslizante para direita.  
• Você pode usar valores negativos menores para representar objetos que estão mais próximos e valores positivos maiores para representar objetos distantes.

É possível interpolar os valores de profundidade de camada em qualquer uma das extensões de interpolação para a sua animação. 

Cada camada é representada com linhas coloridas exclusivas no painel de profundidade da camada. É possível exibir as cores que representam cada uma das camadas na linha do 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 diminuir a profundidade de objetos em uma camada, clique e arraste a linha para cima.
• Para aumentar a profundidade de objetos em uma camada, clique e arraste a linha para baixo.

Uma ilustração que descreve animações com e sem a profundidade da camada:

Uma ilustração que descreve uma animação enquanto a profundidade da camada é aplicada:

Você pode usar a câmera em camadas multiplano para criar um efeito de paralaxe ou para aplicar zoom no conteúdo de um plano. Você também pode bloquear a câmera em uma camada específica ou aplicar efeitos da câmera no tempo de execução usando APIs interativas. Para obter mais informações, consulte Criação do efeito paralaxe com a profundidade da câmera e da camada.

 A profundidade da camada é aplicável somente na linha de tempo principal.

Manter tamanho para a profundidade da camada

Você pode alterar a profundidade da camada de objetos sem afetar o tamanho e a posição de objetos. Para usar o recurso de manter tamanho, 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.

Aplicar a profundidade da camada no tempo de execução

Você também pode inserir a câmera em objetos em tempo de execução e aplicar efeitos usando APIs da câmera. Para obter mais informações, consulte Usar a câmera interativa em tempo de execução. 

API de profundidade da camada para AS3

Você pode controlar as camadas no tempo de execução usando as APIs. Por exemplo, no tempo de execução em que deseja inserir uma camada extra na animação ou diminuir a profundidade de uma das camadas na animação. 

API de profundidade da camada para HTML Canvas

Recurso de camada pai

O Anime permite configurar uma camada como pai de outra. O recurso pai da camada é uma maneira fácil de permitir que uma camada/objeto de sua animação controle outra camada/objeto. Como designer da animação ou um designer de jogo, você pode acelerar o tempo de animação, pois é possível controlar movimentos de diferentes partes de um personagem com mais facilidade.

A exibição do recurso pai da camada exige que as Camadas avançadas sejam ativadas. Por padrão, Camadas avançadas está ativada para novos arquivos. Você pode ativar a exibição do recurso pai da camada clicando no ícone de símbolo da hierarquia no canto superior direito da linha de tempo. 

 O recurso pai para objetos distorcidos funciona somente quando o ponto de transformação do objeto de camada filho estiver no objeto de camada pai.

Camadas pai e filho

Na visualização de recurso pai, ao arrastar a camada 1 para a camada 2, a camada 1 se torna o filho do pai que é a camada 2. O objeto na camada filho herda a posição e a rotação do objeto na camada pai independentemente de carregar suas próprias propriedades. Portanto, quando você move ou gerencie o pai, o filho também move ou gira junto com o pai. Você pode criar várias relação entre pai-filho para criar uma hierarquia.

Camadas de recurso pai

Você pode conectar uma camada a outra clicando na alça de camada (cabeçalho da cor) e arrastando-a sobre a outra camada. Como alternativa, você pode clicar em qualquer lugar no espaço retangular horizontal adjacente ao nome da camada e arrastar sobre a outra camada. Além disso, é possível usar o clique simples em qualquer camada e escolher a camada pai correspondente na lista pop-up. 

Uma linha pontilhada aparece adjacente ao cabeçalho da cor da camada assim que você clicar e tentar arrastar a linha. Uma conexão entre pai e filho é estabelecida entre as duas camadas assim que você usa a ação de clicar e arrastar.

O cabeçalho de cor à esquerda na hierarquia da exibição do recurso pai da camada representa o pai. A hierarquia pai-filho se move da esquerda para a direita.

Para remover a conexão, clique no cabeçalho de cor de qualquer camada e arraste e solte a linha pontilhada. Como alternativa, você pode clicar no espaço horizontal e clicar em Remover o pai, conforme mostrado na captura de tela abaixo. 

Nas capturas de tela abaixo, você pode ver as visualizações de hierarquia antes e depois, além das posições das camadas quando você usa o recurso pai da camada.

Uma ilustração de amostra que representa o uso do recurso pai de camada para partes do corpo humano é mostrado abaixo.

Na ilustração acima,

• Tronco é o pai de todas as partes do corpo.
• Legs_thigh é o pai de várias partes de uma perna como Tênis, Leg_lower e Tornozelo.
• Cabeça é um filho do pai, Pescoço, e o Tronco é o pai do Pescoço. Assim, sempre que você arrastar o pescoço para longe do corpo, a parte principal também se move junto com ele.

 O recurso pai é uma propriedade de quadro que você precisa para se ajustar a cada quadro principal na camada filho. Em um quadro principal, você pode quebrar ou reatribuir como pai a camada filho a outra camada pai.

Suporte para dimensionar, inclinar e inverter em camadas parentais

A partir do Animate 2022, a propagação de camadas parentais foi aprimorada para propagar as propriedades dimensionar, inclinar e inverter, além das propriedades posição e rotação do objeto principal. Por padrão, todas as propriedades são propagadas, no entanto, a escala, inclinação e propagação da inversão podem ser DESLIGADAS ou LIGADAS no pop-up Parental, que pode ser invocado pressionando longamente o botão Mostrar visualização parental no painel Linha do tempo, conforme mostrado abaixo.

Além disso, as configurações de propagação de escala, inclinação e inversão podem ser alternadas para alterações momentâneas usando uma tecla modificadora quando transformadas com a ferramenta Transformação livre. A substituição temporária desta configuração pode ser feita segurando a tecla Acento (`) enquanto dimensiona ou inclina o objeto usando a ferramenta Transformação livre. Isso é útil quando você deseja alternar momentaneamente o comportamento de propagação para essas propriedades recentemente aceitas.

Um tutorial sobre o recurso Camada pai