Como adicionar ações a elementos no Edge Animate - dummies

Uma característica especialmente poderosa do Adobe Edge Animate CC é a capacidade de adicionar ações, disparadores, rótulos e atributos de cursor para sua composição. Essas ferramentas são o que você usa para tornar sua animação interativa para que seu público possa participar do que sua animação está fazendo em vez de ter que se sentar lá e assistir passivamente.

Uma das ações que você deseja adicionar a um elemento em seu projeto Edge Animate é que ele abrirá um novo URL. Esta capacidade é útil para criar menus ou criar links para outros conteúdos relevantes. Você pode seguir este mesmo procedimento básico para a maioria das outras ações também.

Para começar a adicionar ações a um elemento, você deve primeiro criar um elemento. Com um elemento no Palco, siga estas etapas:

1. Selecione um elemento, clique com o botão direito e escolha Abrir Ações para (como mostrado).

   Depois de clicar em Abrir ações no menu, uma caixa de codificação em branco (o local onde você digita seus comandos) é aberta.

   

   clique com o botão direito do mouse em um elemento para abrir um menu grande.

2. No menu à direita, escolha Abrir URL.

   Edge Animate preenche a caixa com o código, como mostrado.

   Por padrão, o Adobe Edge Animate CC usa o URL para adobe. com quando você clicar em Abrir URL. Se outro destino para o link se adequar melhor a sua finalidade, basta substituir o adobe. com URL com um URL que vai para onde você deseja enviar o seu público.

   Você pode usar várias ações em um elemento:

   • Para adicionar uma ação a um elemento, com a caixa de codificação de Ações aberta, clique no + no canto superior esquerdo, conforme indicado na figura.

   • Para remover uma ação de um elemento, clique no -.

   • Quando você tem mais de uma ação associada a um único elemento, o Edge Animate exibe todas as ações em uma exibição de tabulação (como mostrado nesta figura). Basta clicar nas guias para exibir o código relevante para cada ação.

     

     A caixa de codificação de ações parece com código com ele.

     

     Você pode ter mais de uma ação por elemento.

3. No menu à direita, escolha Abrir URL.

4. Atualize o URL dentro da caixa de código, que está destacada em texto laranja.

5. Feche a caixa de codificação para salvar seu trabalho.

6. Visualize sua animação em um navegador para testar seu trabalho.

Para testar para garantir que o seu link funcione, clique no link com o mouse.

Na maioria dos sites, quando você coloca o mouse sobre um link, o cursor muda de flecha para uma mão. Usando os procedimentos descritos neste capítulo, você pode definir atributos de cursor para fornecer pistas visuais ao seu público para indicar, por exemplo, onde os links são ou para mostrar se você pode selecionar um elemento.

Parabéns! Agora você tem um loop dentro de sua animação.

Se um elemento já tiver uma ação associada a ele, então, quando você clicar em Abrir Ações, o Edge Animate abre imediatamente a caixa de codificação em vez do menu exibido. Quando isso acontece, e você deseja adicionar uma segunda ação a esse elemento, então clique no botão + (como mostrado).