HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Áreas Interativas


É um símbolo de botão que só possui o estado Hit definido.
Permite criar áreas interativas por cima de outro elemento ou símbolo do Flash.

Vamos supor que na figura ao clicar em uma bandeira desejamos abrir uma página web.

Para tal deveremos criar uma área interativa sobre cada bandeira da figura.

  1. Salve a figura acima em uma pasta qualquer para servir de exemplo ao tutorial abaixo.
  2. Abra um novo documento no Flash: File > New..  - General - OK.
  3. Na Layer 1 importe para o palco a figura acima da pasta onde foi salva. File > Import > Import to Stage e navegue até a pasta que contém a figura e click nela duas vezes.
  4. Crie uma nova camada (Layer 2) clicando no botão conforme indicado na figura abaixo.

  5. Agora vamos inserir uma área interativa na Layer 2. Certifique-se que o 1º quadro da Layer 2 esteja selecionado e no Menu Insert selecione New Symbol. No menu de contexto apresentado marque Buttons em Behaviors e entre com o nome AreaInterativa e click OK. Ao clicar em OK o espaço de edição do símbolo é apresentado automaticamente.

  6. Insira um quadro-chave no estágio Hit, click com o direito do mouse no quadro Hit e no Menu de contexto selecione Insert Keyframe.
  7. Selecione a ferramenta retangulo e desenhe um retangulo sem contorno no palco.
  8. Volte para a Scene 1 e crie uma nova camada acima das já existentes (Layer 3).
  9. Abra o painel Library (menu Window > Library) e arraste uma instância do símbolo AreaInterativa sobre a imagem da bandeira Brasileira.
  10. Selecione a instância AreaInterativa no palco e com a ferramenta Free Transform Tools (clique na letra Q do seu teclado ) dimensione-a de modo a ficar com o mesmo tamanho e sobre a bandeira Brasileira.
  11. Certifique-se de que a instância AreaInterativa esteja selecionada e no quadro de ações insira o código a seguir:
    • No código acima altere o endereço para o URL da página que deseja acessar e personalize o quadro de destino conforme abaixo descrito:
    • a- blank - cria uma nova janela e carrega a URL dentro dela
      b- self - Carrega a URL no mesmo quadro ou mesma janela
      c- parent - Remove o frameset atual e carrega a URL em seu lugar.
      d- top - Carrega a URL no navegador atual e remove todos os framesets
      e- ou entre com um nome personalizado de quadro de quadro de destino.
    • Selecione a instância no palco click com o botão direito nela e no menu de contexto selecione Copy. No Menu Edit selecione Past in Place. A instância foi colada exatamente em cima da anterior. Arraste-a para cima da bandeira italiana. No quadro de ações altere para outra URL. Repita este passo para a bandeira USA.
    • Salve o filme, publique-o e faça o teste.

    Resultado: