Como adicionar ações para elementos em animar borda

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

Uma das ações que você pode querer adicionar um elemento em seu projeto Edge Animate é tê-lo abrir uma nova URL. Esta capacidade é útil para a criação de menus ou a construção de 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 estes passos:

  1. Selecione um elemento, clique direito e escolha Abrir ações para (como mostrado).

    Depois que você clique em Ações abertas a partir do menu, um espaço em branco caixa de codificação (O lugar onde você digita seus comandos) abre.

    direito; clicar em um elemento para abrir um grande menu.

    Video: Tutorial Sony Vegas: Efeitos no texto (animação + sombra)

    direito; clicar em um elemento para abrir um grande menu.
  2. No menu à direita, escolha Abrir URL.

    Video: Tutorial Sony Vegas: Efeitos de animação

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

    Por padrão, o Adobe Edge Animate CC usa a URL para adobe.com quando você clique em Abrir URL. Se a outro destino para o link se adapta ao seu propósito melhor, basta substituir o adobe.com URL com uma URL que vai para onde você deseja enviar o seu público.

    Video: tutorial Pinnacle Studio 17 : como animar uma imagem no vídeo

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

  3. Para adicionar uma ação a um elemento, com as acções caixa aberta de codificação, clique no + no canto superior esquerdo, como indicado na figura.



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

  5. Quando você tem mais de uma ação associada a um único elemento, então Edge Animate exibe todas as ações em uma visão guia (como mostrado nesta figura). Simplesmente clique nas guias para exibir o código relevante para cada ação.

    A caixa de codificação Ações fica assim com código nele.
    A caixa de codificação Ações fica assim com código nele.
    Você pode ter mais de uma ação por elemento.
    Você pode ter mais de uma ação por elemento.
  6. No menu à direita, escolha Abrir URL.

  7. Atualizar o URL dentro da caixa de código, que é destacado no texto alaranjado.

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

  9. Visualizar a animação em um navegador para testar o seu trabalho.

Para testar para se certificar de que sua ligação funciona, clique no link com o mouse.

Na maioria dos sites, quando você coloca o mouse sobre um link, o cursor muda de uma seta para uma mão. Usando os procedimentos descritos neste capítulo, você pode definir cursor atributos para fornecer pistas visuais para o seu público para indicar, por exemplo, onde as ligações 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á tem uma ação associada a ele, então quando você clique em Ações Open, Edge Animate imediatamente abre a caixa de codificação em vez do menu mostrado. Quando isso acontece, e você deseja adicionar uma segunda ação a esse elemento, em seguida, clique no + (como mostrado).


Publicações relacionadas