De cursus in het kort:
Leer interactieve animaties maken met Adobe Animate
In Adobe Animate CC kun je interactieve HTML5 publicaties gaan maken door gebruik te maken van het Canvas element. Deze tool van Adobe komt met een aantal standaard codefragmenten, waarmee je heel snel een interactieve animatie of -infographics kunt maken. Met de nadruk op interactief (reagerend op input), want daarvoor kun je deze “code snippets” perfect gebruiken. Je gaat dus eigenlijk bewegende onderdelen maken voor online gebruik!
Heb je nog geen Creative Cloud abonnement of Adobe Animate? Bekijk dan hier de website van Adobe!
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 animatieprojecten. 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, zoals:
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. En zo bijvoorbeeld bewegende banners of interactieve elementen op de website kunnen krijgen.
Benodigde 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 voorbereide 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. Lees meer over Adobe Animate!
Wat krijg je in deze online cursus Animate
Onbeperkte toegang tot alle materialen uit deze cursus.
Inclusief oefenbestanden, zodat je jouw kennis direct kan proberen.
Volledig Nederlandstalig gesproken.
Leer interactiviteit in te bouwen op het web zonder kennis van code te hebben.
Is de cursus toch niks voor jou? Dan kun je deze binnen 14 dagen kosteloos annuleren.
Ga aan de slag met deze programmeercursus!

Leer onbeperkt met Soofos Plus
- Toegang tot deze én alle andere online cursussen
- Blijf jezelf ontwikkelen en leer nieuwe vaardigheden
- Leer onbeperkt vanaf €8,25 p/m

Over de Instructeur

Belinda Kampf
Bekijk meer cursussen van Belinda Kampf →
Cursusoverzicht
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 | PROEFLES | 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 | PROEFLES | 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 | PROEFLES | 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 | PROEFLES | 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 |
Werken met Adobe Animate.
Nadat ik al diverse cursussen van Belinda had gevolgd met betrekking tot HTML en CSS, besloten om deze cursus te volgen. Wederom word alles om een prettige manier door Belinda uitgelegd. Bedankt daarvoor.
Doordat er in de titel “Interactieve infographics” staat, werd ik een beetje misleid. Want dat deel komt eigenlijk niet voor in deze les. Je krijgt een goede basis van het programma Animate om animaties te maken. Maar je krijgt geen voorbeelden van Infographics. Dus dat miste ik wel. Want dat was eigenlijk mijn doel voor het volgen van deze cursus. Nu kan ik wel zelf beginnen uitzoeken. Maar voorbeelden hierop gericht zouden wel handig geweest zijn. Toch een fijne en duidelijke cursus.
Belinda Kampf heeft deze cursus buitengewoon overzichtelijk opgezet. Aan de opbouw is te zien dat een zorgvuldige voorbereiding vooraf is gegaan. Met een leuk decor, waarin allerlei animaties de revue passeren, die je leert toepassen. Belinda voorziet de video’s van duidelijk commentaar, met een prettige spreekstem. Ik kan nu aan de slag met het zelf maken van interactieve animaties. En mocht ik iets niet meer weten, dan kan ik de video’s alijd opnieuw bekijken.
In deze cursus wordt de basis van Adobe Animate duidelijk uitgelegd, helemaal de moeite waard!
Goede basis cursus
Goede basiscursus.
Meer toespitsing naar reëel gebruik toe, zou beter zijn.
Dit is non-fictie gebruik.