Guia do Usuário Cancelar

Bitmaps importados no Animate

Pesquisar
Animate

Animate

Abrir aplicativo
  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

 

Trabalho com bitmaps importados

Ao importar um bitmap para o Animate, é possível modificá-lo e usá-lo em seu documento do Animate de várias maneiras.

Se um documento do Animate exibir um bitmap importado com um tamanho maior do que o original, a imagem pode ficar distorcida. Para ter certeza de que as imagens serão exibidas adequadamente, visualize os bitmaps importados.

Ao selecionar um bitmap no Palco, o Inspetor de propriedades exibe o nome do símbolo do bitmap e suas dimensões em pixel e sua posição no Palco. Usando o Inspetor de propriedades, você pode alternar uma ocorrência de um bitmap, ou seja, substituir a ocorrência por uma ocorrência de outro bitmap no documento atual.

 

Exibir o Inspetor de propriedades com as propriedades do bitmap

  1. Selecione uma ocorrência de um bitmap no Palco.

  2. Selecione Janela > Propriedades.

Substituir uma ocorrência de um bitmap por uma ocorrência de outro bitmap

  1. Selecione a ocorrência de um bitmap no Palco.

  2. Selecione Janela > Propriedades e clique em Alternar.

  3. Selecione um bitmap para substituir aquele atualmente atribuído à ocorrência.

Definir propriedades de bitmap

É possível aplicar suavização de borda em um bitmap importado para suavizar as bordas na imagem. Você pode também selecionar uma opção de compactação para reduzir o tamanho do arquivo de bitmap e formatar o arquivo para ser exibido na Web.

  1. Selecione um bitmap no painel Biblioteca e clique no botão Propriedades na parte inferior do painel Biblioteca.
  2. Selecione Permitir suavização. Suavizar melhora a qualidade das imagens bitmap quando são dimensionadas.
  3. Em Compactação, selecione uma das opções a seguir:

    Foto (JPEG)

    Compacta a imagem no formato JPEG. Para usar a qualidade de compactação padrão especificada para a imagem importada, selecione Usar qualidade padrão de documento. Para especificar uma nova configuração de compactação de qualidade, cancele a seleção da opção Usar qualidade padrão do documento e digite um valor entre 1 e 100 no campo de texto Qualidade. (Uma configuração mais alta apresenta maior preservação da integridade da imagem, mas gera um tamanho de arquivo maior).

    Sem perdas (PNG/GIF)

    Compacta a imagem com compactação sem perdas, na qual nenhum dado é descartado da imagem.

    Observação: use a compactação de Foto para imagens com variações complexas de tons ou cores, como fotografias ou imagens com preenchimentos de gradiente. Use a compactação sem perdas para imagens com formas simples e relativamente poucas cores.

  4. Para determinar os resultados da compactação do arquivo, clique em Testar. Para determinar se a configuração de compactação selecionada é aceitável, compare o tamanho do arquivo original com o tamanho do arquivo compactado.
  5. Clique em OK.
Observação:

As configurações de qualidade do JPEG selecionadas na caixa de diálogo Configurações de publicação não especificam uma configuração de qualidade para os arquivos JPEG importados. Especifique uma configuração de qualidade para cada arquivo JPEG importado na caixa de diálogo Propriedades do bitmap.

(Apenas para Animate ) Troca de vários bitmaps

A opção Trocar bitmap permite que você troque símbolos e bitmaps por símbolos ou bitmaps selecionados.

  1. No Animate, selecione vários bitmaps no palco.

  2. No painel Propriedades, clique em TROCAR.
  3. Na caixa de diálogo Trocar símbolo, selecione o bitmap pelo qual você deseja substituir todos os símbolos/bitmap selecionados.
  4. Clique em OK.

Importar bitmaps no tempo de execução

Para adicionar bitmaps em um documento no tempo de execução, use o comando BitmapData do ActionScript® 2.0 ou do ActionScript 3.0. Para isso, especifique um identificador de ligação para o bitmap. Para obter mais informações, consulte Atribuição de ligações a ativos na biblioteca em Uso do ActionScript 2.0 ou Exportação de símbolos da biblioteca para ActionScript, no Guia do desenvolvedor do ActionScript 3.0.

  1. Selecione o bitmap no painel Biblioteca.
  2. Siga um destes procedimentos:

    • Selecione Ligação no menu Painel no canto superior direito do painel.

    • Clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no nome do bitmap no painel Biblioteca e selecione Propriedades no menu de contexto.

      Se as propriedades de Ligação não estiverem visíveis na caixa de diálogo Propriedades, clique em Avançado.

  3. Em Ligação, selecione Exportar para ActionScript.
  4. Digite uma string do identificador no campo de texto e clique em OK.

Aplicar um bitmap como um preenchimento

Para aplicar um bitmap como um preenchimento em um objeto gráfico, use o painel Cor. A aplicação de um bitmap como preenchimento ladrilha o bitmap para preencher o objeto. A ferramenta Transformação de gradiente permite que você dimensione, gire ou incline uma imagem e seu preenchimento de bitmap.

  1. Para aplicar o preenchimento à arte final existente, selecione o(s) objeto(s) gráfico(s) no Palco.
  2. Selecione Janela > Cor.
  3. Selecione Bitmap no menu pop-up da parte superior direita do painel.
  4. Para usar uma janela de visualização maior para exibir mais bitmaps no documento atual, clique na seta no canto inferior direito para expandir o painel Cor.
  5. Clique em um bitmap para selecioná-lo.

    O bitmap torna-se a cor de preenchimento atual. Se você tiver selecionado a arte final na etapa 1, o bitmap será aplicado como um preenchimento à arte final.

Edição de um bitmap em um editor externo

Se você estiver editando um arquivo PNG do Fireworks como uma imagem nivelada, edite o arquivo de origem PNG do bitmap, quando disponível.

Observação:

Não é possível editar bitmaps dos arquivos PNG do Fireworks importados como objetos editáveis em um editor de imagem externo.

Se você tiver o Fireworks 3 ou posterior ou outro aplicativo de edição de imagem instalado em seu sistema, é possível iniciar o aplicativo a partir do Animate para editar um bitmap importado.

Editar um bitmap com o Photoshop CS5 ou posterior

Observação:

Se você estiver usando o CS5.5, precisará usar o Photoshop CS5.1 para acessar esse recurso.

  1. No painel Biblioteca, clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no ícone do bitmap e selecione Editar com Photoshop CS5.

  2. Faça as modificações desejadas no arquivo no Photoshop.

  3. No Photoshop, selecione Arquivo > Salvar. (Não altere o nome ou o formato do arquivo.)

  4. Retorne ao Animate.

    O arquivo é automaticamente atualizado no Animate.

Editar um bitmap com o Fireworks 3 ou posterior

  1. No painel Biblioteca, clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no ícone do bitmap e selecione Editar com Fireworks 3.

  2. Especifique se deseja abrir o arquivo de origem PNG ou o arquivo bitmap.

  3. Faça as modificações desejadas no arquivo no Fireworks.

  4. No Fireworks, selecione Arquivo > Atualizar.

  5. Retorne ao Animate.

    O arquivo é automaticamente atualizado no Animate.

Editar um bitmap com outro aplicativo de edição de imagem

  1. No painel Biblioteca, clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no ícone do bitmap e selecione Editar com.

  2. Selecione um aplicativo de edição de imagem para abrir o arquivo bitmap e clique em OK.

  3. Faça as modificações desejadas no arquivo no aplicativo de edição de imagem.

  4. Salve o arquivo no aplicativo de edição de imagem.

    O arquivo é automaticamente atualizado no Animate.

  5. Retorne ao Animate para continuar a edição do documento.

Separe um bitmap e crie um bitmap de preenchimento

A separação de um bitmap no Palco separa a imagem no palco de seu item de biblioteca e o converte em uma forma a partir de uma instância de bitmap. Ao separar um bitmap, você pode modificá-lo com as ferramentas de desenho e pintura do Animate. Com o uso da ferramenta Varinha mágica, é possível selecionar áreas de um bitmap que contém as mesmas cores ou similares.

Para pintar com um bitmap separado, selecione o bitmap com a ferramenta Conta-gotas e aplique o bitmap como um preenchimento com a ferramenta Balde de tinta ou outra ferramenta de desenho.

Separar um bitmap

  1. Selecione um bitmap na cena atual.

  2. Selecionar Modificar > Separar.

Alteração do preenchimento das áreas de um bitmap separado

  1. No painel Ferramentas, selecione a ferramenta Varinha mágica. Se a ferramenta Varinha mágica não estiver visível, clique na ferramenta Lasso e selecione a ferramenta Varinha mágica no menu pop-up. Defina as seguintes opções no Inspetor de propriedade:

    • Em Limiar, digite um valor entre 1 e 200 para definir o quanto a cor dos pixels adjacentes deve combinar para ser incluída na seleção. Um valor mais alto inclui uma gama de cores maior. Se você digitar 0, só os pixels de cor exatamente igual a do primeiro pixel clicado serão selecionados.

    • Em Suavização, selecione uma opção para definir quantas bordas da seleção serão suavizadas.

  2. Para selecionar uma área, clique no bitmap. Para adicionar à seleção, continue clicando.

  3. Para preencher as áreas selecionadas no bitmap, selecione o preenchimento a ser usado no controle Cor de preenchimento.

  4. Para aplicar o novo preenchimento, selecione a ferramenta Balde de tinta e clique em qualquer lugar na área selecionada.

Conversão de um bitmap em um gráfico vetorial

O comando Traçar bitmap converte um bitmap em um gráfico vetorial com áreas de cor distintas e editáveis. Você pode manipular a imagem como um gráfico vetorial e pode reduzir o tamanho do arquivo.

Ao converter um bitmap em um gráfico vetorial, este gráfico vetorial não fica mais vinculado ao símbolo do bitmap no painel Biblioteca.

Observação:

Se o bitmap importado contiver formas complexas e muitas cores, o gráfico de vetor convertido pode ter um tamanho de arquivo maior do que o bitmap original. Para encontrar um equilíbrio entre o tamanho do arquivo e a qualidade da imagem, tente uma série de configurações na caixa de diálogo Traçar bitmap.

É possível também separar um bitmap para modificar a imagem com as ferramentas de desenho e pintura do Animate.

  1. Selecione um bitmap na cena atual.

  2. Selecione Modificar > Bitmap > Traçar bitmap.

  3. Digite um valor do Limiar de cor.

    Quando dois pixels são comparados, se a diferença nos valores de cor RGB for menor do que o limiar de cor, os dois pixels serão considerados da mesma cor. À medida que o valor do limiar é aumentado, o número de cores diminui.

  4. Em Área mínima, digite um valor para definir o número de pixels circundantes para considerar quando atribuir uma cor a um pixel.

  5. Em Ajuste da curva, selecione uma opção para determinar o quão suaves os contornos serão desenhados.

  6. Em Limiar do canto, selecione uma opção para determinar se as bordas nítidas serão retidas ou suavizadas.

    Para criar um gráfico vetorial que pareça ao máximo com o bitmap original, digite os seguintes valores:

    • Limiar de cor: 10

    • Área mínima: 1 pixel

    • Ajuste da curva: Pixels

    • Limiar do canto: Muitos cantos

Uso da ferramenta Conta-gotas para aplicar um preenchimento de bitmap

  1. Selecione a ferramenta Conta-gotas e clique no bitmap separado no Palco. A ferramenta Conta-gotas define o bitmap a ser o preenchimento atual e muda a ferramenta ativa para o Balde de tinta.

  2. Siga um destes procedimentos:

    • Para aplicar o bitmap como um preenchimento, clique no objeto gráfico existente com a ferramenta Balde de tinta.

    • Selecione a ferramenta Oval, Retângulo ou Caneta e desenhe um novo objeto. O objeto é preenchido com o bitmap separado.

      Para dimensionar, girar ou inclinar o preenchimento do bitmap, use a ferramenta Transformação livre.

Artigos relacionados

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Links rápidos

Veja todos os seus planos Gerenciar seus planos
Ver links rápidos
Ocultar links rápidos

Avisos legais    |    Política de privacidade online