Guia do Usuário Cancelar

Painéis de cor no 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

 

Modelos de cores descreve as cores que vemos e com que trabalhamos em gráficos digitais. Cada modelo de cor, como RGB, HSB ou CMYK, representa um método diferente para descrever e classificar cor. Os modelos de cores usam valores numéricos para representar o espectro visível da cor. O espaço de cor é uma variante de um modelo de cor e tem uma gama (intervalo) específica de cores. Por exemplo, dentro do modelo de cores RGB, há vários espaços de cores: Adobe® RGB, sRGB e Apple® RGB. Embora cada um desses espaços de cor defina a cor usando os mesmos três eixos (R, G e B), as respectivas gamas são diferentes.

Ao trabalhar com essas cores em um gráfico, você está, na verdade, ajustando valores numéricos no arquivo. É fácil imaginar um número como uma cor, mas esses valores numéricos não são cores absolutas em si mesmos, eles têm apenas um significado de cor no espaço de cor do dispositivo que está produzindo a cor.

Como cada dispositivo tem o seu próprio espaço de cores, cada um pode reproduzir cores apenas na sua gama. Quando uma imagem se move de um dispositivo para outro, as cores da imagem podem mudar porque cada dispositivo interpreta valores RGB e HSB de acordo com seu próprio espaço de cor. Por exemplo, é impossível que todas as cores exibidas em um monitor correspondam de maneira idêntica em uma impressão de uma impressora de desktop. A impressora opera em um espaço de cor CMYK e o monitor opera em um espaço de cor RGB. Suas gamas são diferentes. Alguns cores produzidas por tintas não podem exibidas em um monitor, enquanto outras que podem ser exibidas em um monitor não podem ser reproduzidas com o uso de tintas em papel.

Ao criar cores para usar em documentos do Animate, lembre-se que, embora seja impossível coincidir com exatidão todas as cores em dispositivos diferentes, você pode obter bons resultados considerando os recursos de exibição gráfica dos dispositivos usados por seu público-alvo.

O Adobe Animate permite que você aplique, crie e modifique cores usando os modelos de cores RGB e HSB. Com o uso da paleta padrão ou de uma criada por você, pode-se escolher as cores para serem aplicadas nos traçados ou para preencher um objeto que esteja criando ou um objeto que já esteja no Palco.

Quando se aplica uma cor do traçado a uma forma, faça o seguinte:

  • Aplique uma cor sólida, gradiente ou bitmap para o preenchimento da forma. Para se aplicar um preenchimento com bitmap a uma forma, é preciso importá-lo para o arquivo em uso. Selecione qualquer cor sólida, gradiente e o estilo e peso do traçado.

  • Crie uma forma com contorno e sem preenchimento usando Sem cor como preenchimento.

  • Crie uma forma preenchida e sem contorno usando Sem cor como contorno.

  • Aplique preenchimento colorido sólido a textos.

Com o painel Cores, você pode criar e editar cores sólidas e preenchimentos em gradiente nos modos RGB e HSB.

Para acessar o seletor de cores do sistema, selecione o ícone do seletor de cores no controle Cor do traçado ou Cor de preenchimento no painel Controlar, no painel Ferramentas ou no Inspetor de propriedades Forma.

O painel Cor

O painel Cores permite que você modifique a paleta de cores de um FLA e altere as cores de traçados e preenchimentos, incluindo:

  • importar, exportar, excluir ou então modificar a paleta de cores de um arquivo FLA com o uso do painel Amostras.

  • Seleção de cores no modo hexadecimal.

  • Criação de gradientes multicoloridos.

  • Use gradientes para produzir uma ampla gama de efeitos, como dar ilusão de profundidade a um objeto bidimensional.

O painel Cor contém os seguintes controles:

Cor do Traçado

Altera a cor do traçado, ou a borda, de um objeto gráfico.

Cor do preenchimento

Mudança na cor do preenchimento. O preenchimento é a área de cor que preenche a forma.

Menu Tipo de cor

Altera o estilo do preenchimento:

Nenhum

Remove o preenchimento.

Cor Sólida

Apresenta cor de preenchimento sólida e única.

Gradiente Linear

Produz um gradiente que se mistura em um caminho linear.

O Gradiente radial

Produz um gradiente que se mistura para fora em um caminho circular a partir de um ponto focal central.

Preenchimento de Bitmap

Cobre a área de preenchimento selecionada com uma imagem de bitmap que se pode selecionar. Quando você escolhe o Bitmap, uma caixa de diálogo permite a seleção da imagem de bitmap no computador local e sua inclusão na biblioteca. Você pode aplicar esse bitmap como preenchimento; a aparência é semelhante a um padrão de telha de mosaico, com a imagem repetida dentro da forma.

HSB

Permite alterar o Matiz, a Saturação e o Brilho das cores num preenchimento.

'RGB'

Permite que você altere a densidade das cores vermelho, verde e azul (RGB) num preenchimento.

Alfa

Define a opacidade de um preenchimento sólido ou o controle deslizante selecionado atualmente para um preenchimento gradiente. Um valor alfa de 0% cria um preenchimento invisível (ou transparente) e um valor alfa de 100% cria um preenchimento opaco.

Amostra de cor atual

Exibe a cor selecionada atualmente. Se você selecionar um tipo de preenchimento gradiente (Linear or Radial) no menu Tipo de preenchimento, a Amostra de cor atual exibe as transições de cor no gradiente criado.

Seletor de cores do sistema

Permite a seleção visual da cor. Clique no Seletor de cores do sistema e arraste o ponteiro em forma de cruz até encontrar a cor desejada.

Valor hexadecimal

Exibe o valor hexadecimal da cor atual. Para mudar a cor usando o valor hexadecimal, digite um novo valor. Os valores de cor hexadecimais (também chamados de valores hex) são combinações alfanuméricas de 6 dígitos que representam a cor.

Fluxo

Permite que você controle as cores aplicadas além dos limites de um gradiente linear ou radial.

Estender a cor

(Padrão) Aplica as cores especificadas além do fim do gradiente.

Refletir cor

Faz com que as cores do gradiente preencham a forma usando um efeito de espelho reflexivo. Os gradientes especificados são repetidos do início ao fim e, depois, repetidos na sequência oposta, do fim do gradiente para o início e, em seguida, de volta ao início do gradiente até o fim, até que a forma selecionada esteja preenchida.

Repetir cor

Repete o gradiente do início ao fim até que a forma selecionada esteja preenchida.

 Os modos Estouro só contam com suporte no Adobe Flash Player 8 e posterior.

RGB linear

Cria um gradiente radial ou linear compatível com Gráficos Escalonáveis de Vetor (SVG).

Painel Amostras

As amostras permitem a reutilização e a atualização de cores entre documentos. Agora você pode criar amostras marcadas selecionando uma cor a partir das amostras. Após criar uma amostra marcada e aplicá-la às formas e aos caminhos no conteúdo do Animate, a alteração da cor na amostra marcada atualizará automaticamente qualquer conteúdo que estiver usando a amostra.  

  1. Clique em Janela > Cor

  2. Na guia Amostras do painel Cor , selecione a cor que você deseja converter a uma amostra marcada e clique no botão Converter para amostra marcada na parte inferior do painel. 

  3. Na caixa de diálogo Definição de cor marcada , especifique:

    • Um nome para a nova amostra.
    • Opção cor sólida, gradiente linear ou gradiente radial.
    • Uma cor especificando os valores HSB (tonalidade, saturação e brilho) ou RGB (vermelho, verde e azul)
    Caixa de diálogo da definição da cor marcada

    A amostra marcada é exibida nas guias Cores e Amostras do painel Cores e no painel Ferramentas

    A amostra marcada recém-criada nos painéis Cor, Amostra e Ferramentas

  4. Ao abrir o painel Cor após selecionar o objeto que usa a amostra marcada, você verá opções de edição das propriedades de cores. Se você fizer alterações nas propriedades de cores, elas são refletidas automaticamente em todos os elementos no palco que usam a amostra marcada.

  5. Clique duas vezes em uma amostra ou selecione uma amostra e clique em Editar para abrir a caixa de diálogo Definição da cor marcada e faça as alterações na cor na amostra.  

  6. Para desvincular uma forma que usa uma amostra da cor da amostra, selecione a forma e clique no botão Desvincular. Você pode selecionar uma nova cor no painel de cores para a forma.

    Opção Desvincular

    Selecione uma cor diferente para a forma do painel Cor

Colorir suas criações com o Animate

Seu conteúdo está incompleto sem a cor e a combinação necessárias. Quer saber como adicionar preenchimento e traçado à sua criatividade? Assista ao tutorial no fim deste exemplo e siga estas etapas.

  1. Em Propriedades , clique no painel Cor.

  2. Escolha a cor de traçado e a cor de preenchimento necessárias.

  3. Selecione Adicionar a amostras e clique no painel Amostras

Aplicar cores nas suas criações no Animate

Assista ao vídeo para saber como criar e usar cores em aplicativos externos, como o Adobe Capture CC, e compartilhar cores por meio das bibliotecas da CC.

Paletas de cor

Cada arquivo do Animate contém sua própria paleta de cor, armazenada no documento do Animate. O Animate exibe uma paleta de um arquivo como amostras nos controles Cor do preenchimento e Cor do traçado e no painel Amostras. A paleta de cores padrão é a paleta segura para a Web de 216 cores. Para adicionar cores à paleta atual, use o painel Cor. Você pode importar e exportar paletas de cores sólidas e gradientes entre arquivos do Animate, bem como entre outros aplicativos.

A paleta padrão e a paleta segura para a Web

Grave a paleta atual como padrão, substitua a paleta atual pela padrão definida para o arquivo ou carregue a paleta segura para a web para substituir a paleta atual.

  • Para carregar ou gravar a paleta padrão, no painel Amostras, selecione um dos comandos a seguir do menu no canto superior direito.

    Carregar cores padrão:

    Substitui a paleta atual pela padrão.

    Salvar como padrão:

    Grava a paleta de cores atual como padrão A nova paleta padrão é usada quando se cria arquivos novos.

  • Para carregar a paleta de 216 cores segura para a web, no painel Amostras, selecione Web 216 no menu no canto superior direito.
  1. No painel Amostras, selecione Classificar por cores no menu do canto superior direito.

Organização e reutilização de cores

O painel de amostras permite que você organize cores e paletas de cores em uma estrutura hierárquica usando Pastas e Paletas de cores.

Criação de uma pasta

Por padrão, todas as cores são organizadas na pasta Amostras padrão. Você pode organizar as cores existentes dentro de pastas usando o painel Amostras. Para criar uma nova pasta, faça o seguinte:

  1. No Animate, selecione Janela > Amostras

  2. No painel Amostras, clique no botão .
  3. Forneça um nome significativo para a pasta de amostras.

Você também pode criar uma pasta selecionando uma pasta, paleta de cores ou amostras e a opção Duplicar como pasta no menu fly-out.

Criação de uma paleta de cores (grupo de amostras)

Uma paleta de cores é um grupo de amostras (cores) que indica um tema de cores para o seu conteúdo. Você pode criar paletas de cores dentro de pasta e adicionar amostras a elas. Para criar uma Paleta de cores, faça o seguinte:

  1. No Animate, selecione Janela > Amostras.

  2. No painel Amostras, selecione qualquer pasta e clique no botão para criar uma paleta vazia.
  3. Você pode arrastar uma cor existente ou clicar no botão para adicionar amostras à paleta.

Também é possível criar uma paleta de cores selecionando uma pasta, paleta de cores ou amostra e a opção Duplicar como paleta no menu fly-out.

Criação ou adição de cores a uma paleta de cores

Você pode criar amostras ou adicionar amostras existentes a paletas de cores. Para criar uma amostra, faça o seguinte:

  1. No Animate, selecione Janela > Amostras.

  2. No painel Amostras, selecione qualquer paleta de cores dentro de uma pasta e clique no botão para criar uma amostra. Uma nova amostra é criada com a cor de preenchimento selecionada no painel Cores. Também é possível selecionar uma amostra existente e clicar no botão para duplicar a amostra na paleta.

Você também pode criar uma amostra selecionando uma pasta, paleta de cores ou amostras e a opção Duplicar como amostra no menu fly-out.

  1. No painel Amostras, selecione um dos comandos seguintes no menu do canto superior direito.
    • Para anexar as cores importadas na paleta atual, selecione Incluir cores.

    • Para substituir a paleta atual pelas cores importadas, selecione Substituir cores.

  2. Navegue até o arquivo desejado, selecione e clique em OK.
  1. No painel Amostras, selecione Salvar cores no menu do canto superior direito e digite o nome da paleta de cores
  2. Para Salvar como tipo (Windows) ou Formato (Macintosh), selecione Conjuntos de cores ou Tabela de cores do Animate. Clique em Salvar.

Criar ou editar uma cor sólida

Você pode criar qualquer cor usando o painel Cores. Se um objeto for selecionado no Palco, as modificações de cor que você fizer no painel Cores são aplicadas à seleção. Você pode selecionar as cores no RGB e no HSB ou pode expandir o painel para usar o modo hexadecimal. Você pode especificar também um valor alfa para definir o grau de transparência de uma cor. Além disso, pode selecionar uma cor da paleta de cores existentes.

Você pode expandir o painel Cores para exibir um espaço de cores maior em lugar da barra de cores, uma amostra de cores dividida, mostrando as cores atuais e as anteriores, e um controle deslizante Brilho para modificar o brilho da cor em todos os modos de cores.

  1. Para aplicar a cor na arte existente, selecione um objeto ou objetos do Palco e selecione Janela > Cor.

  2. Clique no ícone Traçado ou Preenchimento para especificar o atributo a ser modificado.

     Clique no ícone, não no controle Cor, ou o Seletor de cores abrirá.

  3. Se você selecionou o ícone Preenchimento na etapa 3, verifique se Sólido está selecionado no menu Tipo.

  4. Se um objeto for selecionado no Palco, as modificações de cor que você fizer no painel Cores são aplicadas à seleção. Siga um destes procedimentos:

    • Para selecionar a cor, clique no espaço colorido no painel Cores. Para ajustar o brilho da cor, arraste o controle deslizante Brilho.

       Para criar cores diferentes do preto ou do branco, certifique-se que o controle deslizante Brilho não esteja configurado para um dos extremos.

    • Digite os valores nas caixas de valor de cor: Os valores de vermelho, verde e azul para a tela RGB; os valores de matiz, saturação e brilho para a tela HSB ou os valores hexadecimais para a tela hexadecimal. Digite um valor alfa para especificar o grau de transparência, de 0 para transparência total a 100 para opacidade total.

    • Para voltar às configurações de cor padrão, preto e branco (traçado preto e preenchimento branco), clique no botão Preto-e-branco .

    • Para trocar cores entre o preenchimento e o traçado, clique no botão Alternar cores .

    • Para eliminar a cor no preenchimento ou no traçado, clique no botão Nenhuma cor .

       Não se pode aplicar traçado ou preenchimento Sem cor a um objeto existente. Em vez disso, selecione o traçado ou preenchimento existente e exclua.

    • Clique no controle de cor Traçado ou Preenchimento e selecione uma cor.

  5. Para adicionar a nova cor à lista de amostra de cores do documento atual, selecione Incluir amostra, no menu do canto superior direito.

Duplicar, excluir e limpar cores

Duplicação de cores na paleta, exclusão de cores individuais ou limpeza de todas as cores da paleta.

  • Para duplicar ou excluir uma cor, selecione Janela > Amostras, clique na cor a ser duplicada ou eliminada e selecione Duplicar amostra ou Excluir amostra no menu do painel. Ao duplicar a amostra, aparece a lata de tinta. Clique na área vazia do painel Amostras com a lata de tinta para fazer uma duplicata da cor selecionada.

  • Para limpar todas as cores da paleta de cores, no painel Amostras, selecione Limpar cores no menu do painel. Todas as cores, exceto o preto e o branco, são removidas da paleta.

Receba ajuda com mais rapidez e facilidade

Novo usuário?