Cursus Realiseer je dromen
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
Mijn naam is Belinda Kampf. Ik ben al jaren actief in de grafische sector en weet alles van de programma’s waarmee jij grafisch kunt ontwerpen. Na lang zelf actief te zijn geweest als grafisch ontwerper geef ik nu voornamelijk les over alles wat met design te maken heeft. Na veel offline les gegeven te hebben, heb ik nu van de belangrijkste kennis gebundeld in online cursussen. Met deze kennis kun je zelf snel aan de slag. Met behulp van video's en oefenbestanden kun je op je eigen tempo leren door te doen. Ik hoop ook jou enthousiast te krijgen en help je met veel plezier op weg in de grafische sector.
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 | ||
Reviews
Andere cursisten bekeken ook
10 cursisten volgen nu deze cursus
Goede basis cursus
Goede basiscursus.
Meer toespitsing naar reëel gebruik toe, zou beter zijn.
Dit is non-fictie gebruik.
In deze cursus wordt de basis van Adobe Animate duidelijk uitgelegd, helemaal de moeite waard!
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.