Adobe
Produtos

Principais destinos

  • Adobe Creative Cloud
  • Creative Cloud para equipes
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • SiteCatalyst

Instituições de ensino

  • Para alunos
  • Para instituição de ensinos fundamental e médio
  • Para instituições de ensino superior

Adobe Creative Cloud

  • O que é a Adobe Creative Cloud?

Design e fotografia

  • Photoshop
  • Illustrator
  • InDesign
  • Adobe Muse
  • Lightroom
  • Família Elements

Vídeo

  • Adobe Premiere
  • After Effects

Desenvolvimento para Web e HTML5

  • Edge Tools & Services [abre em uma nova janela]
  • Dreamweaver
  • Gaming [abre em uma nova janela]
  • Aplicações para dispositivos móveis

Adobe Marketing Cloud

  • O que é a Adobe Marketing Cloud?
  • Análise digital
  • Marketing social
  • Gerenciamento da experiência online
  • Testes e direcionamento
  • Otimização de mídia

Analytics

  • SiteCatalyst
  • Adobe Discover
  • Informações

Social

  • Adobe Social

Experience Manager

  • CQ
  • Scene7

Destino

  • Test&Target
  • Recomendações
  • Search&Promote

Media Optimizer

  • AdLens
  • AudienceManager
  • AudienceResearch

Serviços de documentação

  • Acrobat
  • EchoSign [abre em uma nova janela]
  • FormsCentral [abre em uma nova janela]
  • SendNow [abre em uma nova janela]
  • Acrobat.com [abre em uma nova janela]

Publicação

  • Digital Publishing Suite

  • Ver todos os produtos
Soluções empresariais

Para necessidades empresariais

  • Análise digital
  • Publicação digital
  • Gerenciamento de documentos
  • Otimização de mídia
  • Marketing social
  • Testes e direcionamento
  • Edição de vídeo e serviços
  • Desenvolvimento para Web [abre em uma nova janela]
  • Gerenciamento da experiência online
  • Ver todas as necessidades empresariais

Por setor

  • Transmissão
  • Instituições de ensino
  • Serviços financeiros
  • Governo
  • Publicação
  • Varejo
  • Ver todos os setores
Suporte e aprendizado

Preciso de ajuda

  • Produtos
  • Adobe Creative Cloud
  • Adobe Marketing Cloud
  • Fóruns [abre em uma nova janela]

Para saber mais

  • Treinamento e tutoriais
  • Certificação [abre em uma nova janela]
  • Adobe Developer Connection
  • Adobe Design Center
  • Adobe TV [abre em uma nova janela]
  • Adobe Marketing Center
  • Adobe Labs [abre em uma nova janela]
Baixar
  • Avaliações do produto
  • Adobe Flash Player
  • Adobe Reader
  • Adobe AIR
  • Ver todos os downloads
Empresa
  • Carreiras na Adobe
  • Relações com investidores
  • Redação
  • Privacidade
  • Responsabilidade social corporativa
  • Clientes
  • Fale conosco
  • Mais informações da empresa
Comprar
  • Para uso pessoal e profissional
  • Licenciamento por volume
  • Ofertas daAdobe Marketing Cloud [abre em uma nova janela]
  • Outras formas de comprar [abre em uma nova janela]
Pesquisar
 
Informações Entrar
Por que fazer logon? Faça logon para gerenciar sua conta e acessar os downloads das versões de avaliação, extensões de produtos, áreas de comunidades etc.
Bem-vindo(a),
Minha Adobe
Meus pedidos
Minhas informações
Minhas preferências
Meus produtos e serviços
Sair
Meu carrinho Privacidade Minha Adobe
Adobe
Produtos Seções Comprar   Pesquisar  
Soluções Empresa
Ajuda Aprendizagem
Entrar Sair Privacidade Minha Adobe
Qtd.
Subtotal
Check-out
Ajuda do Flash Professional / 

Criação de botões

Adobe Community Help


Pesquisar entre todos os produtos  ›
Ver todos os produtos  ›  Ver os produtos em destaque  › 

Última atualização em

2012-04-17

Produtos afetados

  • Flash Professional CS6

  • Etapas básicas para a criação de botões
  • Criar um botão com o símbolo de um botão
  • Ativar, editar e testar símbolos de botões
  • Solução de problemas de botões
  • Outros recursos de botão
Para o topo

Etapas básicas para a criação de botões

  1. Decida que tipo de botão melhor se adequa às suas necessidades.

    Símbolo de botão

    A maioria das pessoas escolhe símbolos de botão pela sua flexibilidade. Os símbolos de botão contêm uma linha de tempo interna especializada para estados de botões. Você pode criar de forma fácil botões Para Cima, Para Baixo e Sobre visualmente diferentes. Os símbolos de botão também mudam o seu estado automaticamente conforme reagem às ações do usuário.

    Botão de clipe de filme

    Você pode usar um símbolo de clipe de filme para criar efeitos sofisticados de botão. Os símbolos de clipe de filme contêm quase todo tipo de conteúdo, inclusive animação. No entanto, os símbolos de clipe de filme não possuem os estados incorporados de Para Cima, Para baixo e Sobre. Você mesmo cria esses estados usando ActionScript. Uma desvantagem é que os arquivos de clipe de filme são maiores que os arquivos de botão. Use estes recursos para aprender como criar um botão com um símbolo de clipe de filme:

    • Tutorial: Botões de clipe de filme (ActionScript 3.0, Schoolofflash.com)

    • Vídeo: Criação de um botão de clipe de filme (ActionScript 2.0, Kirupa.com)

    Componente de botão ActionScript

    Use um componente de botão se você requer apenas um botão padrão ou uma alternância e você não quer personalizá-lo extensivamente. Os componentes de botão ActionScript 2.0 e 3.0 vêm com um código incorporado que permite mudanças de estado. Portanto você não tem que definir a aparencia e o comportamento dos estados de botão. Simplesmente arraste o componente para o palco.

    • Os componentes de botão ActionScript 3.0 permitem alguma personalização. Você pode ligar o botão a outros componentes, e compartilhar e exibir os dados do aplicativo. Eles possuem recursos incorporados, tais como suporte à acessibilidade. Os componentes Botão, Radiobutton e Caixa de Verificação estão disponíveis. Para obter detalhes, consulte Uso do componente Botão em Uso dos componentes do Adobe ActionScript 3.0. Para ver exemplos de uso dos componentes Botão, consulte Introdução ao Componente Botão AS3.

    • Os componentes de botão do ActionScript 2.0 não são personalizáveis. O componente permite mudanças de estado. Para obter detalhes, consulte Componente Botão.

  2. Definição dos estados dos seus botões.

    Quadro Para Cima

    A aparência do botão quando o usuário não está interagindo com ele.

    Quadro Sobre

    A aparência do botão quando o usuário está para selecioná-lo.

    Quadro Para Baixo

    A aparência do botão quando o usuário o seleciona.

    Quadro Ocorrência

    A área que responde aos cliques do usuário. Definindo este Quadro Ocorrência como opcional. Se o seu botão é pequeno, ou se sua área gráfica não é contígua, pode ser útil definir este quadro.

    • O conteúdo do quadro Ocorrência não é visível no palco durante a reprodução.

    • O gráfico para o Quadro Ocorrência é uma área sólida grande o suficiente para abranger todos os elementos gráficos dos quadros Para Cima, Para Baixo e Sobre.

    • Se você não especifica um Quadro Ocorrência, é usada a imagem de estado Para Cima.

      Você pode fazer um botão que responda quando uma área diferente do palco é clicada ou rolada (também chamada de rolagem separada) Coloque o gráfico do quadro Ocorrência em um local diferente do que outros gráficos do quadro do botão.

  3. Associe uma ação com o botão.

    Para fazer algo acontecer quando o usuário seleciona um botão, você adiciona um código ActionScript à Linha de Tempo. Insira o código ActionScript nos mesmos quadros que os botões. O painel de Snippets de Código tem código ActionScript 3.0 pré-gravado para muito usos comuns do botão. Consulte Adicionar interatividade com snippets de código

    Observação:

    O ActionScript 2.0 não é compatível com o ActionScript 3.0. Se sua versão do Flash usa ActionScript 3.0, você não pode colocar código ActionScript 2.0 no seu botão (e vice-versa). Antes de colar o ActionScript de uma outra origem em seus botões, verifique se a versão é compatível.

Para o topo

Criar um botão com o símbolo de um botão

Para fazer um botão ficar interativo, coloque uma ocorrência do símbolo de botão no palco e atribua ações à ocorrência. Atribua as ações à linha de tempo raiz do arquivo Flash. Não adicione ações à linha de tempo do símbolo de botão. Para adicionar ações à linha de tempo do botão, use um botão de clipe de filme em seu lugar.

  1. Selecione Editar > Desmarcar tudo, ou clique em uma área vazia do Palco para garantir que nada seja selecionado no Palco.

  2. Escolha Inserir > Novo Símbolo.

  3. Na caixa de diálogo Criar Novo Símbolo, digite um nome. Em Tipo de símbolo, selecione Botão.

    O Flash Pro alterna para o modo de edição de símbolo. A linha do tempo é alterada para exibir quatro quadros consecutivos rotulados Para cima, Sobre, Para baixo e Ocorrência. O primeiro quadro, Para cima, é um quadro-chave em branco.

  4. Para criar a imagem do botão do estado para cima, selecione o quadro para cima na linha do tempo. Use as ferramentas de desenho, importe um gráfico ou coloque uma ocorrência de outro símbolo no palco.

    Você pode usar os símbolos gráficos ou os símbolos de clipe de filme dentro de um botão, mas não pode usar outro símbolo de botão.

  5. Na Linha de tempo, clique no quadro Sobre e, em seguida, selecione Inserir > Linha de tempo > Quadro-chave.

    O Flash Pro insere um quadro-chave que duplica o conteúdo do quadro Para cima precedente.

  6. Com o quadro Sobre ainda selecionado, altere ou edite a imagem do botão no Palco para criar a aparência que deseja para o estado Sobre.

  7. Repita as etapas 5 e 6 para o quadro Para Baixo e o para o quadro Ocorrência opcional.

  8. Para atribuir um som ao estado de um botão, selecione aquele quadro de estado na Linha de Tempo e escolha Janela > Propriedades. Então selecione um som do menu Som no Inspetor de Propriedades. Apenas os sons que você já importou aparecerão no menu Som.

  9. Quando terminar, selecione Editar > Editar documento. O Flash levará você de volta à linha de tempo principal do seu arquivo FLA. Para criar uma instância do botão que você criou no Palco, arraste o símbolo do botão do painel da Biblioteca para o Palco.

  10. Para testar a funcionalidade de um botão, use o comando Controlar > Testar filme > Testar. Você também pode visualizar os estados do símbolo de um botão no Palco escolhendo Controlar > Ativar botões simples. Este comando permite ver os estados para cima, sobre e para baixo de um símbolo de botão sem usar Controlar > Testar filme > Testar.

Tutoriais e exemplos do símbolo de botão

Alguns desses itens mostram o Flash CS3 ou CS4, mas valem também para o Flash CS5.

  • Vídeo: Criação de botões (Duração: 9:16, tv.adobe.com)

  • Vídeo: Símbolos de botões e interatividade no Flash CS4 (Inclui algum ActionScript 3.0, tv.adobe.com)

  • Tutorial: Símbolos de botões em Flash (Inclui algum ActionScript 3.0, Kirupa.com)

  • Exemplo: parte do portfólio de animação (Flash Professional) (Adobe.com)

  • Exemplo: ActionScript 3.0 para que um botão abra uma página da web (Flashthusiast.com)

  • Exemplo: ActionScript 2.0 para que um botão abra uma página da web (Adobe.com)

  • Exemplo: ActionScript 3.0 para que os botões saltem para diferentes cenas da Linha de tempo (Flashthusiast.com)

  • Exemplo: ActionScript 3.0 para vários botões simultaneamente no Palco (Flashthusiast.com)

  • TechNote: Como criar um botão simples (Adobe.com)

Para o topo

Ativar, editar e testar símbolos de botões

Por padrão, o Flash Pro mantém os símbolos de botão desativados ao criá-los. Selecione e então ative um botão para vê-lo responder a eventos do mouse. A prática recomendada é desativar os botões enquanto trabalha e ativá-los para rapidamente testar seu comportamento.

  • Para selecionar um botão, use a ferramenta Selecionar para arrastar um retângulo de seleção ao redor do botão.

  • Para ativar ou desativar botões no palco, escolha Controlar > Ativar botões simples. Este comando alterna entre os dois estados.

  • Use as teclas de seta para mover um botão.

  • Use o Inspetor de propriedades para editar um botão. Se não estiver visível, escolha Janela > Propriedades.

  • Para testar o botão no ambiente de criação, escolha Controlar > Ativar botões simples.

  • Para testar o botão no Flash Player, escolha Controlar > Testar filme [ou Testar Cena] > Testar. Este método é o único para testar botões de clipe de filme.

  • Para testar o botão no painel de Visualização da Biblioteca, selecione o botão na Biblioteca e clique em Reproduzir.

Para o topo

Solução de problemas de botões

Use estes recursos para solucionar problemas comuns com os botões:

  • TechNote: As ações dos botões não estão funcionando (Adobe.com)

  • TechNote: Os hotspots dos botões estão ativos, embora os botões estejam cobertos com outros objetos (Adobe.com)

  • TechNote: Adicionar ações para botões compartilhados (Adobe.com)

  • Vídeo: Solução de problemas com símbolos de botão do ActionScript 2.0 (Kirupa.com)

Para o topo

Outros recursos de botão

Os TechNotes a seguir contêm instruções para alguns cenários de botões específicos:

  • TechNote: Como criar um botão novo (Adobe.com)

  • TechNote: Criar botões avançados (Adobe.com)

  • TechNote: Criar uma animação de lançamento para um botão (Adobe.com)

  • TechNote: Como criar um botão para reiniciar (Adobe.com)

  • TechNote: Como pode um botão de fazer coisas diferentes em momentos diferentes? (Adobe.com)

  • TechNote: Como criar um botão "Voltar" em um arquivo SWF (Adobe.com)

  • Uso de sons no Flash

Este artigo é regido sob a licença Creative Commons para Atribuição-Uso não comercial-Compartilhamento pela mesma licença 3.0 Unported License  As publicações no Twitter™ e Facebook não estão licenciadas nos termos da Creative Commons.

Aviso Legal   |   Política de Privacidade On-line

Produtos

  • Adobe Creative Cloud
  • Creative Cloud para equipes
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • Digital Publishing Suite
  • Família Elements
  • SiteCatalyst
  • Para instituições de ensino

Baixar

  • Avaliações do produto
  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR

Suporte e aprendizado

  • Ajuda do produto
  • Fóruns

Comprar

  • Para uso pessoal e profissional
  • Para alunos, educadores e funcionários
  • Licenciamento por volume
  • Ofertas especiais

Empresa

  • Sala de notícias
  • Programas de parceiros
  • Responsabilidade social corporativa
  • Oportunidades de carreira
  • Relações com investidores
  • Eventos
  • Legal
  • Segurança
  • Contate a Adobe
Escolha sua região Brasil (Alterar)
Escolha sua região Fechar

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2013 Adobe Systems Software Ireland Ltd. All rights reserved.

Termos de uso | Privacidade | Cookies