Interactieve animaties maken met Animate CC
In Adobe Animate CC kun je interactieve HTML5 publicaties door gebruik te maken van het Canvas element. Animate CC komt met een aantal standaard codefragmenten waarmee je heel snel een interactieve animatie of -infographic kunt maken. Met de nadruk op interactief, want daarvoor kun je deze “code snippets” perfect gebruiken.
Wat leer je in deze online cursus?
In deze online cursus leer je met duidelijke instructievideo’s en oefenbestanden hoe je de standaard codefragmenten (Code Snippets) van Animate CC kunt gebruiken in jouw projecten. Je leert hoe je met de codefragmenten van Adobe Animate zowel gebruikers- als tijdsgebeurtenissen activeert. Dus je creëert interactiviteit op basis van een muisklik of als de bezoeker met de muis ergens overheen beweegt (user-event). Of zodra de animatie een bepaald punt in de tijd heeft bereikt (tijd-event). Je kunt dan interacties maken als:
Animaties opstarten en stoppen
Illustraties verplaatsen, roteren en positioneren
Illustraties in- en uitfaden
Tekst in beeld tonen
De cursor van uiterlijk doen veranderen
Voor wie is deze online cursus bedoeld?
Deze online training is speciaal ontwikkeld voor mensen die geen kennis van JavaScript of andere codetalen hebben, maar wel graag mooie HTML5 animaties willen maken.
Voorkennis
Aan het creëren van de animaties zelf wordt geen aandacht besteed, dus kennis van de applicatie Adobe Animate CC is wel een vereiste. In deze cursus werk je met voorbereidde bestanden. Al kun je natuurlijk de kennis ook direct gaan toepassen in een eigen productie.
Om deze cursus te kunnen volgen moet je al kennis hebben van de standaard animatietechnieken van Adobe Animate voor HTML5 Canvas producties.
Wat krijg je in deze online cursus interactieve web animaties met Animate CC
Onbeperkte toegang tot alle materialen
Inclusief oefenbestanden zodat je jouw kennis direct kan proberen
Volledig Nederlands gesproken
Leer interactiviteit in te bouwen op het web zonder kennis van code
Is de cursus toch niks voor jou? Binnen 14 dagen kun je de cursus kosteloos annuleren
Over de Instructeur
Belinda Kampf
Bekijk meer cursussen van Belinda Kampf →
Inhoud van de cursus
| 0. Introductie | |||
| 0.1 – Introductie | 00:02:00 | ||
| 1. Opzetten HTML5 canvas productie | |||
| 1.1 – HTML5 canvas document opstarten en bewaren | 00:04:00 | ||
| 1.2 – Illustratie voorbereiden voor import in Animate | 00:04:00 | ||
| 1.3 – Illustratie importeren | 00:05:00 | ||
| 1.4 – Eigenschappen van symbolen en instances | 00:03:00 | ||
| 1.5 – Actions laag aanmaken voor scripting | GRATIS | 00:02:00 | |
| 1.6 – Voorbereiding van het werkdocument | 00:04:00 | ||
| 2. Code snippets - Timeline navigatie | |||
| 2.1 – Stop at this frame | 00:04:00 | ||
| 2.2 – Click to Go to Frame and Play | 00:05:00 | ||
| 2.3 – Click to Go to Frame and Stop & Play | GRATIS | 00:05:00 | |
| 2.4 – Animeren met behulp van tijdlijn labels | 00:04:00 | ||
| 3. Code snippets - Actions | |||
| 3.1 – Click to Go to Web Page | 00:02:00 | ||
| 3.2 – Click to Show / Hide an Object | 00:04:00 | ||
| 3.3 – Click to Position an Object | 00:06:00 | ||
| 3.4 – Click to Display a Textfield | 00:07:00 | ||
| 3.5 – Custom Mouse Cursor | 00:06:00 | ||
| 3.6 – Stop & Play a Movie Clip | 00:04:00 | ||
| 4. Code snippets - Event Handlers | |||
| 4.1 – Mouse Over Event | GRATIS | 00:05:00 | |
| 4.2 – Mouse Out Event | 00:03:00 | ||
| 4.3 – Mouse Click Event | 00:04:00 | ||
| 4.4 – Mouse Double Click Event | 00:05:00 | ||
| 5. Code snippets - Animation | |||
| 5.1 – Move Horizontally / Vertically | 00:04:00 | ||
| 5.2 – Animate Horizontally / Vertically | 00:03:00 | ||
| 5.3 – Rotate Once / Continuously | GRATIS | 00:00:00 | |
| 5.4 – Fade in / Out a Movie Clip | 00:06:00 | ||
| 6. Code snippets - Load and unload | |||
| 6.1 – Click to load image from Library | 00:03:00 | ||
| 6.2 – Add instance from Library | 00:04:00 | ||
| 7. Exporteren en Publiceren | |||
| 7.1 – Afbeelding exporteren | 00:03:00 | ||
| 7.2 – Publish settings – Basic & Advanced | 00:02:00 | ||
| 7.3 – Publish settings – Spritesheet & Webfonts | 00:03:00 | ||
| 7.4 – Publicatie gereed voor verspreiding | 00:02:00 | ||
Reviews
Er zijn nog geen reviews geschreven voor deze cursus. Wees de eerste die er een schrijft!
