Guia do Usuário Cancelar

Fluxo e espaço de trabalho 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

 

O que é o Animate?

Adobe

Fluxo de trabalho geral do Animate

Para criar um aplicativo do Animate , siga normalmente estas etapas básicas:

Planeje o aplicativo.

Decida as tarefas básicas a serem realizadas pelo aplicativo.

Adicione elementos de mídia.

Crie e importe elementos de mídia, como imagens, vídeo, som e texto.

Organize os elementos.

Organize os elementos de mídia no Palco e na Linha do tempo para definir quando e como eles são exibidos no aplicativo.

Aplique efeitos especiais.

Aplique filtros gráficos (como desfoques, brilhos e biséis), mesclagens e outros efeitos especiais como desejar.

Use o ActionScript para controlar o comportamento.

Grave o código do ActionScript® para controlar como os elementos de mídia se comportam, incluindo o modo como os elementos respondem às interações do usuário.

Teste e publique o aplicativo.

Teste o seu arquivo FLA (Controlar > Testar Filme) para verificar se o seu aplicativo está funcionando como você pretendia, e procure e corrija quaisquer erros que você encontrar. É recomendável testar o aplicativo em todo o processo de criação. Você pode testar seu arquivo no Animate e nos Inicializadores do AIR Debug.

Publique o arquivo FLA (Arquivo > Publicar) como um arquivo SWF que pode ser exibido em uma página da Web e reproduzido com o Flash® Player.

Dependendo do projeto e do estilo de trabalho, essas etapas podem ser usadas em uma ordem diferente.

Visão geral do espaço de trabalho

Crie e manipule documentos e arquivos usando vários elementos, como painéis, barras e janelas. Qualquer organização desses elementos é denominado espaço de trabalho. Os espaços de trabalho dos diferentes aplicativos no Adobe® Creative Suite® 5 compartilham a mesma aparência para que você possa alternar facilmente entre aplicativos. Para adaptar cada aplicativo ao seu modo de trabalho, selecione uma das vários espaços de trabalho predefinidos ou crie seu próprio.

Embora o layout do espaço de trabalho padrão varie em produtos diferentes, os elementos são manipulados da mesma forma.

  • A Barra de aplicativos na parte superior contém um alternador de espaços de trabalho, menus (somente Windows) e outros controles de aplicativo. Em alguns produtos que usam o Mac, é possível usar o menu Janela para exibir ou ocultar a barra de aplicativos.

  • O painel Ferramentas contém ferramentas para a criação e a edição de imagens, arte-final, elementos de página e assim por diante. As ferramentas relacionadas são agrupadas.

  • O Painel de controle exibe as opções para a ferramenta atualmente selecionada. No Illustrator, o Painel de controle exibe as opções para o objeto atualmente selecionado. (No Adobe Photoshop® o painel de controle também é conhecido como a barra de opções. No Adobe Animate®, Adobe Dreamweaver® e no Adobe Fireworks® isso é chamado Inspetor de Propriedades, e inclui as propriedades do elemento atualmente selecionado.

  • A janela Documento exibe o arquivo em que você está trabalhando. Janelas de documento podem ser tabuladas e, em certos casos, agrupadas e encaixadas.

  • Os Painéis ajudam a monitorar e modificar seu trabalho. Os exemplos incluem a Linha do tempo no Animate, o painel Pincel no Illustrator, o painel Camadas no Adobe Photoshop® e o painel Estilos CSS no Dreamweaver. Os painéis podem ser agrupados, empilhados ou encaixados.

  • O Quadro do aplicativo agrupa todos os elementos do espaço de trabalho em uma única janela integrada que permite a você tratar o aplicativo como uma unidade única. Quando você move ou redimensiona o Quadro do aplicativo ou qualquer um de seus elementos, todos os elementos dentro dele respondem uns aos outros de modo que nenhum se sobrepõe. Os painéis não desaparecem quando você alterna os aplicativos ou quando clica acidentalmente fora do aplicativo. Se trabalhar com dois ou mais aplicativos, você poderá posicionar cada aplicativo lado a lado na tela ou em vários monitores.

    Se estiver utilizando um Mac e preferir a interface de usuário tradicional de forma livre, você poderá desativar o Quadro do aplicativo. Por exemplo, no Adobe Illustrator®, selecione Janela > Quadro do aplicativo para ligá-lo ou desligá-lo. (No Animate, o quadro de aplicativo está ativo permanentemente para Mac, e o Dreamweaver para Max não utiliza um quadro de aplicativo.)

 

Espaço de trabalho padrão do Illustrator

A. Janelas de Documento tabuladas B. Barra de aplicativos C. Alternador do espaço de trabalho D. Barra de título do painel E. Painel de controle F. Painel Ferramentas G. Botão Recolher em Ícones H. Quatro grupos de painel no encaixe vertical 

Ocultar ou mostrar todos os painéis

  • (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Para ocultar ou mostrar todos os painéis, incluindo o painel Ferramentas e o Painel de controle, pressione Tab.

  • (Illustrator, InCopy, InDesign, Photoshop) Para ocultar ou mostrar todos os painéis, exceto o painel Ferramentas e o painel de Controle, pressione Shift+Tab.

    Dica: você pode exibir temporariamente painéis ocultos se Mostrar automaticamente painéis ocultos estiver selecionado nas Preferências de interface. Essa guia está sempre ativada no Illustrator. Mova o ponteiro do mouse até a borda da janela do aplicativo (Windows®) ou até a aresta do monitor (Mac OS®) e posicione-o na faixa exibida.

  • (Animate, Dreamweaver, Fireworks) Para ocultar ou mostrar todos os painéis, pressione F4.

Exibição das opções do painel

  1. Clique no ícone do menu do painel no canto superior direito do painel.

    Dica: Você pode abrir o menu do painel até mesmo quando ele estiver minimizado.

    Dica: No Photoshop, você pode mudar o tamanho da fonte do texto nos painéis e nas dicas de ferramentas. Em Preferências de interface, escolha um tamanho no menu Tamanho da fonte da interface do usuário.

(Illustrator) Ajuste do brilho do painel

  1. Nas preferências de Interface do Usuário, mova o controle deslizante Brilho. Esse controle afeta todos os painéis, incluindo o painel de controle.

Reconfiguração do painel Ferramentas

É possível exibir as ferramentas no painel Ferramentas em uma única coluna, ou lado a lado em duas colunas. (Este recurso não está disponível no painel Ferramentas do Fireworks e do Animate.)

 No InDesign e no InCopy, é possível alternar da exibição de coluna única para coluna dupla (ou linha única) configurando uma opção nas Preferências de interface.

  1. Clique na seta dupla na parte superior do painel Ferramentas.

Gerenciamento de janelas e painéis

É possível criar um espaço de trabalho personalizado movendo e manipulando janelas de Documento e painéis. Também é possível salvar espaços de trabalho e alternar entre eles. No Fireworks, renomear espaços de trabalho personalizados pode gerar um comportamento inesperado.

 os exemplos a seguir usam o Photoshop para fins demonstrativos. O espaço de trabalho funciona da mesma forma em todos os produtos.

Reorganizar, encaixar e flutuar as janelas de documentos

Ao abrir mais de um arquivo, as janelas de Documento são tabuladas.

  • Para reorganizar a ordem das janelas de Documento tabuladas, arraste uma guia de janela para o novo local no grupo.

  • Para desencaixar (flutuar ou separar a guia) uma janela de documento de um grupo de janelas, arraste a guia da janela para fora do grupo.

     No Photoshop você também pode selecionar Janela > Organizar > Flutuar na janela para flutuar uma única janela de documento ou Janela > Organizar > Flutuar tudo nas janelas para flutuar tudo das janelas de documento de uma vez. Consulte as notas técnicas kb405298 para obter mais informações.

     o Dreamweaver não oferece suporte a encaixe e desencaixe de janelas de Documento. Use o botão Minimizar da janela do documento para criar janelas flutuantes (Windows) ou selecione Janela > Lado a Lado Verticalmente para criar janelas de documentos lado a lado. Pesquise “Lado a Lado Verticalmente” no Ajuda do Dreamweaver para obter mais informações sobre este tópico. O fluxo de trabalho para os usuários Macintosh difere ligeiramente.

  • Para encaixar uma janela de Documento em um grupo separado de janelas de Documento, arraste a janela para o grupo.

  • Para criar grupos de documentos empilhados ou lado a lado, arraste a janela para uma das zonas de destino nas partes superior, inferior ou laterais de qualquer janela. Você também pode selecionar um layout para o grupo usando o botão Layout na barra de aplicativos.

     alguns produtos não têm suporte para essa funcionalidade. No entanto, o produto pode conter os comandos Cascata ou Lado a lado no menu Janela para ajudá-lo na exibição de documentos.

  • Para alternar para outro documento em um grupo tabulado, arraste a seleção sobre a guia do documento por alguns instantes.

     alguns produtos não têm suporte para essa funcionalidade.

Encaixe e desencaixe de painéis

Um encaixe é um conjunto de painéis ou grupos de painéis exibidos juntos, geralmente em uma orientação vertical. Encaixe e desencaixe painéis movendo-os para dentro e para fora de um encaixe.

  • Para encaixar um painel, arraste-o pela guia para dentro do encaixe, na parte superior, na parte inferior ou entre outros painéis.

  • Para encaixar um grupo de painéis, arraste-o pela barra de título (a barra sólida vazia acima das guias) para dentro do encaixe.

  • Para remover um painel ou grupo de painéis, arraste-o para fora do encaixe pela guia ou barra de título. É possível arrastá-lo para dentro de outro encaixe ou deixá-lo flutuando livremente.

Painel de navegação arrastado para um novo encaixe, indicado pelo realce vertical azul

Painel de navegação no encaixe

 É possível evitar que os painéis preencham todo o espaço no encaixe. Arraste a borda inferior do encaixe para cima de modo que ele não corresponda mais à borda do espaço de trabalho.

Movimentação de painéis

Ao mover painéis, você visualizará zonas para soltar realçadas em azul, que são áreas nas quais é possível mover o painel. Por exemplo, é possível mover um painel para cima ou para baixo em um encaixe arrastando-o para a zona para soltar azul estreita, acima ou abaixo de outro painel. Se for arrastado para uma área que não é uma zona para soltar, o painel flutuará livremente no espaço de trabalho.

 A posição do mouse (ao invés da posição do painel), ativa a área de destino. Se não puder visualizar a área de destino, tente arrastar o mouse para o lugar onde ela deveria estar.

  • Para mover um painel, arraste-o pela guia.

  • Para mover um grupo de painéis, arraste a barra de título (a área acima das guias).

A zona para soltar azul estreita indica que o painel Cor será encaixado acima do grupo de painéis Camadas.

A. Barra de título B. Tab C. Zona para soltar 

 Pressione Ctrl (Windows) ou Command (Mac OS) enquanto estiver movendo um painel para não encaixá-lo. Pressione Esc enquanto estiver movendo o painel para cancelar a operação.

Adição e remoção de painéis

Se todos os painéis forem removidos de um encaixe, ele desaparecerá. É possível criar um encaixe movendo os painéis para a borda direita do espaço de trabalho até uma zona de destino aparecer.

  • Para remover um painel, clique com o botão direito e selecione Fechar (Windows) ou, com a tecla Control pressionada, selecione Fechar (Mac) ou desmarque-o no menu Janela.

  • Para adicionar um painel, selecione-o no menu Janela e encaixe-o no local desejado.

Manipulação de grupos de painéis

  • Para mover um painel em um grupo, arraste a guia do painel para a zona para soltar realçada no grupo.

um painel a um grupo de painéis

  • Para reorganizar painéis em um grupo, arraste a guia do painel para um novo local no grupo.

  • Para remover um painel de um grupo para que ele flutue livremente, arraste o painel pela guia para fora do grupo.

  • Para mover um grupo, arraste a barra de título (a área acima das guias).

Empilhamento de painéis flutuantes

Se for arrastado para um painel fora de seu encaixe mas não em uma zona para soltar, o painel flutuará livremente. O painel flutuante permite posicioná-lo em qualquer lugar no espaço de trabalho. É possível empilhar painéis flutuantes ou grupos de painéis para que eles sejam movidos como uma unidade quando a barra de título superior for arrastada.

Painéis empilhados de livre flutuação

  • Para empilhar painéis flutuantes, arraste um painel pela guia para a zona para soltar na parte inferior de outro painel.

  • Para alterar a ordem de empilhamento, arraste um painel para cima ou para baixo pela guia.

     solte a guia sobre a zona para soltar azul estreita entre os painéis, em vez de sobre a zona para soltar abrangente em uma barra de título.

  • Para remover um painel ou grupo de painéis da pilha para que ele flutue sozinho, arraste-o para fora pela guia ou pela barra de título.

Redimensionamento de painéis

  • Para minimizar ou maximizar um painel, grupo de painéis ou pilha de painéis, clique duas vezes na guia. Você também pode clicar duas vezes na área da guia (no espaço vazio próximo às guias).

  • Para redimensionar um painel, arraste qualquer lado do painel. Alguns painéis, como o painel Cor no Photoshop, não podem ser redimensionados arrastando-os.

Contrair e expandir ícones do painel

É possível contrair painéis em ícones para reduzir a desordem no espaço de trabalho. Em alguns casos, os painéis são contraídos em ícones no espaço de trabalho padrão.

Painéis recolhidos em ícones

Painéis expandidos de ícones

  • Para contrair ou expandir todos os ícones de painéis numa coluna, clique na seta dupla na parte superior do encaixe.

  • Para expandir um único ícone do painel, clique nesse ícone.

  • Se quiser redimensionar ícones de painéis para que você só veja os ícones (e não os rótulos), ajuste a largura do encaixe até o texto desaparecer. Para exibir um texto de ícone novamente, alargue o encaixe.

  • Para contrair um painel estendido de volta ao ícone, clique na guia, no ícone ou na seta dupla na barra de título do painel.

    Dica: em alguns produtos, se você selecionar Contrair painéis de ícone automaticamente nas preferências de Interface ou Opções de interface do usuário, um ícone de painel expandido será contraído automaticamente quando você clicar fora dele.

  • Para adicionar um painel flutuante ou grupo de painéis em um encaixe de ícones, arraste-o por sua guia ou barra de título. (Os painéis são contraídos automaticamente em ícones ao serem adicionados a um encaixe de ícones.)

  • Para mover um ícone de painel (ou grupo de ícones de painéis), arraste o ícone. Você pode arrastar ícones do painel para cima e para baixo no encaixe para outros encaixes (onde aparecem no estilo de painel desse encaixe), ou para fora do encaixe (onde aparecem como ícones flutuantes).

Salvamento e alternância de espaços de trabalho

Salvando o tamanho e a posição atuais dos painéis como um espaço de trabalho nomeado, é possível restaurar esse espaço de trabalho, caso você mova ou feche um painel. Os nomes dos espaços de trabalho salvos aparecem no alternador de espaços de trabalho na Barra de aplicativos.

Salvar um espaço de trabalho personalizado

  1. Com o espaço de trabalho na configuração que você deseja salvar, siga um destes procedimentos:

    • (Illustrator) Selecione Janela > Espaço de trabalho > Salvar espaço de trabalho.

    • (Photoshop, InDesign, InCopy) Selecione Janela > Espaço de trabalho > Novo espaço de trabalho.

    • (Dreamweaver) Selecione Janela > Layout do espaço de trabalho > Novo espaço de trabalho.

    • (Animate) Selecione Novo espaço de trabalho no alternador de espaços de trabalho na Barra de aplicativos.

    • (Fireworks) Selecione Salvar atual no alternador de espaços de trabalho na Barra de aplicativos.

  2. Digite um nome para o espaço de trabalho.

  3. (Photoshop, InDesign) Em Capturar, selecione uma ou mais opções:

    Localizações do painel

    Salva as localizações atuais do painel. (somente no InDesign)

    Atalhos de teclado

    Salva o conjunto atual de atalhos de teclado (somente para Photoshop).

    Menus ou Personalização do menu

    Salva o conjunto atual de menus.

Exibição ou alternância entre espaços de trabalho

  1. Selecione um espaço de trabalho no alternador de espaços de trabalho na Barra de aplicativos.

 No Photoshop, é possível atribuir atalhos de teclado para cada espaço de trabalho para navegar entre eles rapidamente.

Exclusão de um espaço de trabalho personalizado

  • Selecione Gerenciar espaços de trabalho no alternador de espaços de trabalho na Barra de aplicativos, selecione o espaço de trabalho e, em seguida, clique em Excluir. (A opção não está disponível no Fireworks.)

  • (Photoshop, InDesign, InCopy) Selecione Excluir espaço de trabalho no alternador de espaços de trabalho.

  • (Illustrator) Selecione Janela > Espaço de trabalho > Gerenciar espaços de trabalho; selecione o espaço de trabalho e clique no ícone Excluir.

  • (Photoshop, InDesign) Selecione Janela > Espaço de trabalho > Excluir espaços de trabalho; selecione o espaço de trabalho e clique no ícone Excluir.

Restauração do espaço de trabalho padrão

  1. Selecione o espaço de trabalho Padrão ou Fundamentos no alternador de espaço de trabalho na barra de aplicativos.

     No Dreamweaver, Designer é o espaço de trabalho padrão.

  2. (Photoshop, InDesign, InCopy) Selecione Janela > Espaço de trabalho > Redefinir [Nome do espaço de trabalho].

(Photoshop) Restauração de uma organização de espaço de trabalho salva

No Photoshop, os espaços de trabalho aparecem automaticamente conforme você os organizou da última vez, mas é possível restaurar a organização de painéis original e salva.

  • Para restaurar um espaço de trabalho individual, selecione Janela > Espaço de Trabalho > Redefinir Nome do espaço de trabalho.

  • Para restaurar todos os espaços de trabalho instalados com o Photoshop, clique em Restaurar espaços de trabalho padrão nas Preferências de interface.

 Para reorganizar a ordem dos espaços de trabalho na barra de aplicativos, arraste-as.

Receba ajuda com mais rapidez e facilidade

Novo usuário?