Guia do Usuário Cancelar

Uso de painéis de criação do Animate

  1. Guia do Usuário do Adobe Animate
  2. Introdução ao Animate
    1. Novidades no Animate
    2. Glossário visual
    3. Requisitos de sistema do Animate
    4. Atalhos de teclado do Animate
    5. Trabalhar com vários tipos de arquivo no Animate
  3. Animação
    1. Noções básicas de animação no Animate
    2. Como usar quadros e quadros-chave no Animate
    3. Animação quadro a quadro no Animate
    4. Como trabalhar com animação de interpolação clássica no Animate
    5. Ferramenta Pincel
    6. Guia de movimento
    7. Interpolação de movimento e ActionScript 3.0
    8. Sobre a animação com interpolação de movimento
    9. Animações de interpolação de movimento
    10. Criação de uma animação de interpolação de movimento
    11. Utilização dos quadros-chave de propriedade
    12. Animação de posição com uma interpolação
    13. Editar interpolações de movimento usando o Motion Editor
    14. Edição do caminho de movimento de uma animação de interpolação
    15. Manipulação de interpolações de movimento
    16. Adição de atenuações personalizadas
    17. Criação e aplicação das predefinições de movimento
    18. Configuração de extensões de interpolação de animação
    19. Trabalhar com interpolações de movimento salvas como arquivos XML
    20. Interpolações de movimento e interpolações clássicas
    21. Interpolação de formas
    22. Uso da animação da ferramenta Bone no Animate
    23. Trabalho com articulações de personagens no Animate
    24. Como usar camadas de máscara no Adobe Animate
    25. Como trabalhar com cenas no Animate
  4. Interatividade
    1. Como criar botões com o Animate
    2. Converter projetos do Animate em outros formatos de tipo de documento
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Adicionar interatividade com snippets de código no Animate
    5. Criar componentes HTML5 personalizados
    6. Uso de componentes do HTML5 Canvas
    7. Criação de componentes personalizados: exemplos
    8. Snippets de código para componentes personalizados
    9. Práticas recomendadas - Publicidade com o Animate
    10. Criação e publicação de Realidade virtual
  5. Fluxo de trabalho e espaço de trabalho
    1. Criação e gerenciamento de pincéis
    2. Uso de Google Fonts em documentos HTML5 Canvas
    3. Uso das Bibliotecas da Creative Cloud e do Adobe Animate
    4. Uso dos painéis Palco e Ferramentas do Animate
    5. Fluxo e espaço de trabalho do Animate
    6. Uso de fontes da Web em documentos HTML5 Canvas
    7. Linhas de tempo e ActionScript
    8. Trabalhar com múltiplas linhas de tempo
    9. Definir preferências
    10. Uso de painéis de criação do Animate
    11. Criar camadas na linha do tempo com o Animate
    12. Exportar animações para aplicativos móveis e mecanismos de jogo
    13. Mover e copiar objetos
    14. Modelos
    15. Localização e substituição no Animate
    16. Desfazer, refazer e o painel de Histórico
    17. Atalhos de teclado
    18. Como usar a linha do tempo no Animate
    19. Criação de extensões HTML
    20. Opções de otimização para imagens e GIFs animados
    21. Configurações de exportação para imagens e GIFs
    22. Painel Ativos no Animate
  6. Multimídia e vídeo
    1. Transformação e combinação de objetos gráficos no Animate
    2. Criar e trabalhar com instâncias do símbolo no Animate
    3. Traçado de imagem
    4. Como usar som no Adobe Animate
    5. Exportação de arquivos SVG
    6. Criação de arquivos de vídeo para uso no Animate
    7. Como adicionar vídeos no Animate
    8. Desenhar e criar objetos com o Animate
    9. Remodelação de linhas e formas
    10. Traçados, preenchimentos e gradientes com o Animate CC
    11. Trabalhar com o Adobe Premiere Pro e o After Effects
    12. Painéis de cor no Animate CC
    13. Abrir arquivos do Flash CS6 com o Animate
    14. Trabalho com texto clássico no Animate
    15. Aplicação de ilustração final no Animate
    16. Bitmaps importados no Animate
    17. Gráficos em 3D
    18. Trabalhar com símbolos no Animate
    19. Desenhar linhas e formas com o Adobe Animate
    20. Trabalho com bibliotecas no Animate
    21. Exportação de sons
    22. Seleção de objetos no Animate CC
    23. Trabalho com arquivos AI do Illustrator no Animate
    24. Aplicação de modos de mesclagem
    25. Organização de objetos
    26. Automação de tarefas com o menu Comandos
    27. Texto multilíngue
    28. Uso de câmera no Animate
    29. Filtros gráficos
    30. Som e ActionScript
    31. Preferências de desenho
    32. Desenho com a ferramenta Caneta
  7. Plataformas
    1. Converter projetos do Animate em outros formatos de tipo de documento
    2. Compatibilidade com plataforma personalizada
    3. Criação e publicação de documentos HTML5 Canvas no Animate
    4. Criação e publicação de um documento WebGL
    5. Compactação de aplicativos no AIR para iOS
    6. Publicação de AIR em aplicativos Android
    7. Publicação no Adobe AIR para desktop
    8. Configurações de publicação do ActionScript
    9. Práticas recomendadas - Organização do ActionScript em um aplicativo
    10. Como usar ActionScript com o Animate
    11. Acessibilidade no espaço de trabalho do Animate
    12. Programação e gerenciamento de scripts
    13. Ativação do suporte para plataformas personalizadas
    14. Visão geral do suporte da plataforma personalizada
    15. Trabalhar com plug-ins personalizados de suporte da plataforma
    16. Depuração do ActionScript 3.0
    17. Ativação do suporte para plataformas personalizadas
  8. Publicação e exportação
    1. Exportação de arquivos do Animate CC
    2. Publicação OAM
    3. Exportação de arquivos SVG
    4. Exportar gráficos e vídeos com o Animate
    5. Publicação de documentos AS3
    6. Exportar animações para aplicativos móveis e mecanismos de jogo
    7. Exportação de sons
    8. Práticas recomendadas - Dicas para a criação de conteúdo em dispositivos móveis
    9. Práticas recomendadas - Convenções de vídeo
    10. Práticas recomendadas - Diretrizes de criação de aplicativos SWF
    11. Práticas recomendadas - Estruturação de arquivos FLA
    12. Práticas recomendadas para otimizar arquivos FLA para o Animate
    13. Configurações de publicação do ActionScript
    14. Especificar configurações de publicação para o Animate
    15. Exportação de arquivos projetores
    16. Exportar imagens e GIFs animados
    17. Modelos de publicação HTML
    18. Trabalhar com o Adobe Premiere Pro e o After Effects
    19. Compartilhar e publicar animações rapidamente
  9. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos

 

Os painéis de criação na área de trabalho do Animate contêm os controles de criação e publicação, que você pode organizar de acordo com suas preferências. Também é possível arrastar qualquer painel, redimensioná-lo e colocá-lo em qualquer local na tela para facilitar o acesso. Os menu pop-up do Animate também fornecem uma opção para bloquear o painel em qualquer local específico em sua tela. Se você bloquear, o painel não se moverá ao arrastá-lo acidentalmente enquanto trabalha. 

Painéis do Animate com a opção de bloqueio
Painéis do Animate com a opção de bloqueio

Sobre o Inspetor de propriedades

O Inspetor de propriedades fornece fácil acesso aos atributos usados mais frequentemente da seleção atual, no Palco ou na Linha do tempo. É possível modificar os atributos do objeto ou do documento no Inspetor de propriedades, sem acessar os menus ou painéis que também controlam esses atributos.

Dependendo da seleção atual, o Inspetor de propriedades exibe informações e configurações para o documento, o texto, o símbolo, a forma, o bitmap, o vídeo, o grupo, o quadro ou a ferramenta atual. Quando dois ou mais tipos diferentes de objetos são selecionados, o Inspetor de propriedades exibe o número total de objetos selecionados.

Para exibir o Inspetor de propriedades, selecione Janela > Propriedades ou pressione as teclas Ctrl + F3 (Windows) ou Command+F3 (Macintosh).

A versão 2020 do Animate fornece um inspetor de propriedades modernizado com quatro guias como Ferramentas, Objeto, Quadro e Doc.  Cada guia corresponde às propriedades da seleção atual. 

Ferramentas -  Indica a ferramenta atual que foi selecionada. Se uma ferramenta não tiver um PI válido, o Doc PI será exibido e a guia PI da ferramenta estiver desativada. Essa guia se refere às propriedades da ferramenta atualmente selecionada.

Objeto -indica o objeto atual que está selecionado no palco. Se nenhum objeto for selecionado, esta guia estará desativada. Essa guia se refere às propriedades do objeto selecionado no momento.

Quadro - Indica o quadro atual que foi selecionado na linha do tempo. Se nenhum quadro for selecionado, esta guia estará desativada. Essa guia se refere às propriedades do quadro selecionado no momento.

Doc - Indica o documento atual no qual você está trabalhando. Esta guia destaca as propriedades específicas do documento aberto no momento.

Doc-PI
Inspetor de propriedades do Doc

Inspetor de propriedades da ferramenta
Inspetor de propriedades da ferramenta

PI de quadro
Inspetor de propriedades do quadro

PI do objeto
Inspetor de propriedades do objeto

Propriedades adicionais do painel Propriedades

Agarrador
Seções arrastáveis

Seções arrastáveis

As seções do Inspetor de propriedades agora podem ser arrastadas e podem ser reorganizadas. Uma alça é exibida ao passar o mouse sobre a seção arrastável.

Seção ação rápida
Seção ação rápida

Barra de ferramentas de Ação rápida

O painel Propriedades tem uma nova seção de ações rápidas e uma seção de cabeçalho atualizada para tornar os modos e as funcionalidades relacionadas detectáveis e podem ser acessados rapidamente.

Seção de cabeçalho renovado
Seção de cabeçalho renovado para bitmap

Configurações de filtro modernizado
Configurações de filtro modernizado

Configurações de filtro modernizado

A seção Filtro foi atualizada para facilitar a aplicação de combinações de filtros. Além disso, a ordem dos filtros pode ser alterada arrastando um filtro acima ou abaixo dos outros filtros.  

Cor e estilo
Cor e estilo

Preenchimento e traçado modernizados

  • A seção Preenchimento e traçado foi renomeada como Cor e estilo. 
  • A opção alfa para cores de preenchimento e traçado é adicionada antecipadamente para facilitar a acessibilidade.
  • Para uma experiência desobstruída e sem complicações, as opções de menos usadas nas configurações de traçado foram movidas para o ícone de reticências para a opção perfil de estilo e perfil de largura. Clique no ícone de reticências para selecionar essas opções.
  • As opções de Cap e junções podem ser acessadas no início.
  • Opção traçado ou exibição da opção de preenchimento de acordo com a parte do objeto que está selecionada. 

Remover opção de interpolação

Remover interpolação
Remover interpolação

A seção de Interpolação agora tem a opção de remover a interpolação no Inspetor de propriedades.

Opção Corresponder conteúdo 

Opção corresponder conteúdo
Opção corresponder conteúdo

A opção Corresponder conteúdo agora está disponível em uma única clique na seção de configuração do documento.

PI de ferramenta atualizada de Câmera

Opções de câmera atualizadas
Opções de câmera atualizadas

A câmera tem todos os efeitos de cor e filtros agora

Propriedades de ferramenta atualizada de Poliestrela, Retângulo, Oval, Texto e Varinha mágica

O painel Inspetor de propriedades foi modernizado para as ferramentas poliestrela, retângulo, oval, texto e varinha mágica para promover a acessibilidade e obstruir a interface de usuário livre.

Poliestrela
Poliestrela

Texto estático
Texto estático

Sobre o painel Biblioteca

O painel Biblioteca (Janela > Biblioteca) é o local em que são armazenados e organizados os símbolos criados no Animate. Você também pode armazenar os arquivos importados, incluindo elementos gráficos de bitmap, arquivos de áudio e clipes de vídeo. O painel Biblioteca permite organizar itens de biblioteca em pastas. Veja também a frequência de uso de um item em um documento e classifique os itens por nome, tipo, data, contagem de uso ou identificador de ligação do ActionScript®. Por exemplo, ao importar um GIF animado, uma pasta chamada GIF é criada na pasta raiz, e o arquivo é inserido nela. Você também pode procurar o painel Biblioteca, digitando um nome de símbolo ou nome de ligação no campo de pesquisa. Você também pode definir propriedades na maioria das seleções de vários objetos.

O painel Biblioteca com um clipe de áudio selecionado
O painel Biblioteca com um clipe de áudio selecionado

Sobre o painel Ações

O painel Ações permite criar e editar o código ActionScript para um objeto ou quadro. Selecionar um quadro, um botão ou uma ocorrência de clipe de vídeo ativa o painel Ações. O título do painel Ações é alterado para Ações de botão, Ações de clipe de vídeo ou Ações de quadro, dependendo da seleção.

O painel Ações mostrando uma ação stop() em um quadro.
O painel Ações mostrando uma ação stop() em um quadro.

Para exibir o painel Ações, selecione Janela > Ações ou pressione F9. Para obter mais informações sobre o painel Ações, consulte Visão geral do painel Ações

Uso do Explorador de filmes (descontinuado no Animate)

O Explorador de filmes permite exibir e organizar o conteúdo de um documento e selecionar elementos no documento para modificação. Ele contém uma lista de exibição dos elementos usados atualmente, organizados em uma árvore hierárquica navegável.

Use o Explorador de filmes para realizar uma destas ações:

  • Filtre as categorias de itens no documento que são exibidas no Explorador de filmes.

  • Exiba as categorias selecionadas, como cenas, definições de símbolos ou ambas.

  • Expanda ou contraia a árvore de navegação.

  • Pesquise um elemento em um documento pelo nome.

  • Familiarize-se com a estrutura de um documento do Animate criado por outro desenvolvedor.

  • Localize todas as ocorrências de um símbolo ou de uma ação particular.

  • Imprima a lista de exibição navegável, exibida no Explorador de filmes.

O Explorador de filmes tem um menu de painel e um menu de contexto com opções para realizar operações em itens selecionados ou para modificar a exibição do Explorador de filmes. Uma marca de seleção com um triângulo em baixo, no painel Explorador de filmes, indica o menu de painel.

Observação:

O Explorador de filmes tem uma funcionalidade ligeiramente diferente durante o trabalho com telas.

Exibir o Explorador de filmes

  1. Selecione Janela > Explorador de filmes.

Filtrar as categorias de itens exibidas no Explorador de filmes

  • Para mostrar texto, símbolos, ActionScript, arquivos importados ou quadros e camadas, clique em um ou mais botões de filtragem, à direita da opção Mostrar. Para personalizar os itens a serem mostrados, clique no botão Personalizar. Para exibir esses elementos, selecione as opções na área Mostrar da caixa de diálogo Configurações do Explorador de filmes

  • Para mostrar os itens nas cenas, selecione Mostrar elementos de filme no menu do painel Explorador de filmes.

  • Para mostrar informações sobre símbolos, selecione Mostrar definições de símbolos no menu do painel Explorador de filmes.

Observação:

A opção Elementos de filmes e a opção Definições de símbolos podem ficar ativas ao mesmo tempo.

Pesquisar um item usando a caixa Localizar

  1. Na caixa Localizar, digite o nome do item, o nome da fonte, a string ActionScript ou o número do quadro. O recurso Localizar pesquisa todos os itens exibidos no Explorador de filmes.

Selecione um item no Explorador de filmes

  1. Clique no item na árvore de navegação. Clique com a tecla Shift pressionada para selecionar mais de um item.

    O caminho completo para o item selecionado é exibido na parte inferior do Explorador de filmes. Selecionar uma cena no Explorador de filmes mostra o primeiro quadro dessa cena no Palco. Selecionar um elemento no Explorador de filmes seleciona esse elemento no Palco se a camada contendo o elemento não estiver bloqueada.

Usar o menu do painel Explorador de filmes ou os comandos do menu de contexto

  1. Siga um destes procedimentos:
    • Para exibir o menu do painel, clique no controle do menu do painel no painel Explorador de filmes.

    • Para exibir o menu de contexto, clique com o botão direito (Windows) ou com a tecla Ctrl (Macintosh) pressionada em um item na árvore de navegação do Explorador de filmes.

  2. Selecione uma opção no menu:

    Ir para local

    Salta para a camada selecionada, a cena ou o quadro no documento.

    Ir para definição de símbolo

    Salta para a definição do símbolo para um símbolo que está selecionado na área Elementos de filme do Explorador de filmes. A definição de símbolo lista todos os arquivos associados ao símbolo. (A opção Mostrar definições de símbolo deve estar selecionada. Consulte sua definição nesta lista.)

    Selecionar ocorrências de símbolos

    Salta para a cena que contém as ocorrências de um símbolo que está selecionado na área Definições de símbolos do Explorador de filmes. (A opção Mostrar elementos de filme deve estar selecionada.)

    Mostrar na biblioteca

    Realça o símbolo selecionado na biblioteca do documento. (O Animate abre o painel Biblioteca, se ele ainda não estiver visível.)

    Renomear

    Permite digitar um novo nome para o elemento selecionado.

    Editar no local

    Permite editar um símbolo selecionado no Palco.

    Editar em nova janela

    Permite editar um símbolo selecionado em uma nova janela.

    Mostrar elementos de filme

    Mostra os elementos organizados em cenas no documento.

    Mostrar definições de símbolos

    Mostra todos os elementos associados a um símbolo.

    Copiar todo o texto para a área de transferência

    Copia o texto selecionado para a área de transferência. Para verificar a ortografia ou outra edição, cole o texto em um editor de texto externo.

    Recortar, Copiar, Colar e Limpar

    Realiza essas funções comuns em um elemento selecionado. Modificar um item em uma lista de exibição modifica o item correspondente no documento.

    Expandir ramificação

    Expande a árvore de navegação no elemento selecionado.

    Contrair ramificação

    Contrai a árvore de navegação no elemento selecionado.

    Contrair outros

    Contrai as ramificações na árvore de navegação que não contêm o elemento selecionado.

    Imprimir

    Imprime a lista de exibição hierárquica, exibida no Explorador de filmes.

Usar os componentes do Animate e o painel Componentes

Um componente do Animate é um módulo reutilizável, em pacotes, que agrega uma característica em particular a um documento do Animate. Os componentes podem incluir gráficos e códigos, tratando-se de uma funcionalidade pré-construída que você pode incluir facilmente em seus projetos do Animate. Por exemplo, um componente podem ser um botão de opções, uma caixa de diálogo ou uma barra pré-carregada. Também pode ser alguma coisa que não tenha gráfico, como um timer, um utilitário de conexão de servidor ou um analisador XML personalizado.

Se tiver menos experiência em escrever ActionScript, você pode adicionar componentes a um documento e ajustar os parâmetros no Inspetor de propriedades ou de componentes. Use o painel Comportamentos para manipular os eventos. Por exemplo, você poderia anexar um comportamento Ir para página da Web para um componente Botão. O botão pode abrir um URL em um navegador ao clicar sem escrever nenhum código ActionScript.

Se você for um programados que deseja criar aplicativos mais sofisticados, poderá criar componentes dinamicamente. Use o ActionScript para definir as propriedades e chamar métodos no tempo de execução, e use o modelo de ouvinte de evento para manipular os eventos.

Inserir um componente usando o painel Componente

Ao acrescentar primeiro um componente a um documento, o Animate o importa como clipe de filme para o painel Biblioteca. Você também pode arrastar um componente do painel Componente diretamente para o painel Biblioteca e depois acrescentar uma instância dele ao Palco. De qualquer forma, você deve adicionar um componente à biblioteca para poder acessar seus elementos de classe.

  1. Selecione Janela > painel Componente.

  2. Selecione uma instância de um documento no painel Componente, e arraste-a para o Palco ou para o painel Biblioteca. Depois que se acrescenta um componente à biblioteca, você pode arrastar várias ocorrências ao Palco.
  3. Configure o componente conforme necessário usando o Inspetor de propriedades ou o Inspetor de componentes. Para obter informações sobre os parâmetros que o componente usa, consulte a documentação adequada do componente para a versão do ActionScript que você está usando no documento do Animate.

Utilização do painel de parâmetros do componente

Os designers do Animate podem importar seus componentes externos para o Animate e usá-los para criar animações. Para facilitar esse fluxo de trabalho, o Animate fornece a seção de parâmetros do componente como um painel. Este recurso permite redimensionar ou mover este painel no ambiente de preparo do Animate. Você também pode bloquear o painel no local, clicando no ícone de opções no canto superior direito do painel. Selecione a opção de bloqueio no menu.

Você pode abrir este painel usando o botão Mostrar parâmetros no Inspetor de propriedades ou usando Janela > Parâmetros do componente. Você pode adicionar valores para os parâmetros na caixa de diálogo. 

Mostrar o botão Parâmetros
Mostrar o botão Parâmetros

Painel de parâmetros do componente
Painel de parâmetros do componente

Além disso, os desenvolvedores do HTML5 Custom Component podem utilizar o HTML/CSS com base na interface do usuário para seus parâmetros.

Sobre o painel Serviços da web

(Obsoleto no Animate ) É possível exibir uma lista de serviços da Web, atualizar os serviços da Web e adicionar ou remover esses serviços da Web no painel Serviços da Web. Clique em Janela > Outros painéis > Serviços da Web . Quando você adiciona um serviço da Web no painel Serviços da Web, o serviço da Web fica disponível para qualquer aplicativo criado.

É possível usar o painel Serviços da Web para atualizar todos os serviços da Web de uma vez, clicando no botão Atualizar serviços da Web. Se não estiver usando o palco, mas estiver escrevendo o código ActionScript, você pode usar o painel Serviços da Web para gerenciar seus serviços da Web.

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online