Hoe u acties toevoegt aan elementen in Edge Animate - dummies

Een bijzonder krachtige functie van Adobe Edge Animate CC is de mogelijkheid om acties, triggers, labels en cursorattributen aan uw compositie toe te voegen. Deze hulpmiddelen zijn wat u gebruikt om uw animatie interactief te maken zodat uw publiek kan deelnemen aan wat uw animatie doet in plaats van daar te moeten zitten en passief te kijken.

Een van de acties die u mogelijk wilt toevoegen aan een element in uw Edge Animate-project, is door het een nieuwe URL te laten openen. Deze mogelijkheid is handig voor het maken van menu's of het maken van koppelingen naar andere relevante inhoud. U kunt dezelfde basisprocedure ook voor de meeste andere acties volgen.

Als u acties aan een element wilt toevoegen, moet u eerst een element maken. Voer de volgende stappen uit met een element in het werkgebied:

1. Selecteer een element, klik met de rechtermuisknop en kies Acties openen voor (zoals weergegeven).

   Nadat u op Acties openen klikt in het menu, wordt een leeg codeervak ​​ (de plaats waar u uw opdrachten invoert) geopend.

   

   klik met de rechtermuisknop op een element om een ​​groot menu te openen.

2. Kies URL openen in het menu aan de rechterkant.

   Edge Animate vult het vak met code, zoals weergegeven.

   Adobe Edge Animate CC gebruikt standaard de URL voor Adobe. com als je op Open URL klikt. Als een andere bestemming voor de link beter bij uw doel past, vervangt u gewoon de Adobe. com URL met een URL naar waar je je publiek naartoe wilt sturen.

   U kunt meerdere acties op een element gebruiken:

   • Om een ​​actie aan een element toe te voegen, met het coderingsvenster Actions open, klikt u op de + in de linkerbovenhoek, zoals aangegeven in de figuur.

   • Klik op - om een ​​actie van een element te verwijderen.

   • Wanneer u meer dan één actie aan een enkel element hebt gekoppeld, geeft Edge Animate alle acties in een tabbladweergave weer (zoals weergegeven in deze afbeelding). Klik eenvoudig op de tabbladen om de relevante code voor elke actie weer te geven.

     

     Het coderingsvak Acties ziet er zo uit met code erin.

     

     U kunt meer dan één actie per element hebben.

3. Kies URL openen in het menu aan de rechterkant.

4. Werk de URL bij in het codevak, dat in oranje tekst is gemarkeerd.

5. Sluit de codeerbox om uw werk op te slaan.

6. Bekijk een voorbeeld van uw animatie in een browser om uw werk te testen.

Klik op de link met de muis om te testen of uw link werkt.

Op de meeste websites verandert de cursor van een pijl in een hand wanneer u met de muis over een link gaat. Met behulp van de procedures die in dit hoofdstuk worden beschreven, kunt u cursorattributen instellen om visuele aanwijzingen aan uw publiek te geven om bijvoorbeeld aan te geven waar links zijn of om aan te geven of u een element kunt selecteren.

Congratulations! Je hebt nu een lus in je animatie.

Als aan een element al een actie is gekoppeld, klikt u op Acties openen en opent Edge Animate onmiddellijk het coderingsvak in plaats van het weergegeven menu. Wanneer dat gebeurt en u wilt een tweede actie toevoegen aan dat element, klik dan op de + (zoals getoond).