Training Web Animatie & Interactie
Animatie voelt voor veel designers als een vak apart. Iets voor motion experts met ingewikkelde software en lange leercurves, iets om je vingers niet aan te branden. Maar websites en sociale media-posts worden steeds visueler en dynamischer. Animaties en interactieve elementen laten een merk echt leven en versterkt de merkervaring. Dus waar moet je beginnen?
Leer hoe je met een toegankelijk programma merkbeelden kunt animeren, in een stijl die aansluit bij jouw merkidentiteit. Ontwikkel professionele animaties die je merk onderscheidend en levend maken. Laat ze reageren op de gebruiker en geef je website een moderne en hoogwaardige uitstraling.
Je gaat aan de slag met de volgende animaties:
- Logo animatie
- Tekstanimatie
- Bewegende infographics
- Icoon animaties
- Animatie voor sociale media
- Karakter animatie
- Interactieve animaties
Let op: deze training is niet geschikt voor het maken van uitleganimaties van een minuut, daarvoor adviseren we Adobe After Effects.
PilotWat is een pilottraining?
Een pilot volg je tegen een sterk gereduceerd tarief. In ruil vragen we om jouw actieve bijdrage, zodat we de training verder kunnen verbeteren. Wat we van je vragen:
- Actieve betrokkenheid tijdens de training
- Een uitgebreide evaluatie na afloop
- Akkoord op opnames (foto’s, video’s en referrals) voor educatieve of commerciële doeleinden
Waarom deze training?
Adobe After Effects is een krachtige tool voor uitgebreide motion graphics en video-animatie. Maar die kracht brengt ook complexiteit met zich mee. Veel designers en marketeers hebben geen behoefte aan zware software, lange timelines en technische workflows om kleine animaties te maken voor web of interfaces.
Deze training richt zich juist op een andere behoefte: snel, toegankelijk en praktisch animaties leren maken die direct inzetbaar zijn voor websites, apps en social media.
Je leert werken met tools die speciaal zijn ontwikkeld voor lichte webanimaties en interactie. Geen volle video-timelines, geen ingewikkelde composities, maar visueel werken met je design als uitgangspunt.
Welke tools gebruiken we?
In deze training werk je met twee tools die elkaar goed aanvullen. Met Jitter maak je snelle, visuele animaties voor bijvoorbeeld logo’s, tekst, infographics en social visuals. Met Rive bouw je interactieve animaties die reageren op gebruikers, zoals hover-effecten, micro-interacties en interactieve interface-elementen. Zo leer je niet alleen hoe je beweging ontwerpt, maar ook hoe je die slim inzet in digitale omgevingen.Kort gezegd: met Jitter leer je beweging vormgeven. Met Rive leer je beweging laten reageren.
Wat kun je na het volgen van de training Web Animatie & Interactie
- Animaties maken die geschikt zijn voor websites, social media en apps.
- Animaties maken op basis van afbeeldingen, tekst, SVG of Figma-designs.
- Logo animaties en (interactieve) icoon animaties
- Karakteranimatie met bones
- Interactiviteit toevoegen zonder één regel code
- Interactieve infographics en web animaties maken
- Animaties exporteren voor het web, social media en apps.
Wie is de trainer?
Onze trainers staan met beide benen in hun vakgebied: buiten Competence Factory hebben ze een succesvolle baan of onderneming. Ze kunnen je dus altijd de laatste vakinhoudelijke nieuwtjes vertellen. Bovendien zitten ze vol praktische voorbeelden die ze in hun trainingen verwerken. Doordat we de groepen klein houden, heb je intensief contact met je trainer. Wij zorgen ervoor dat alle trainers elkaar regelmatig ontmoeten, zodat ze kennis en ervaringen kunnen uitwisselen om nog betere trainingen te geven. Komen jouw vragen pas na de training naar boven? Ook dan staan onze trainers voor je klaar.
Nancy Zonneveld
Al ruim twaalf jaar maakt Nancy animaties voor onder andere logo’s, social media, HTML5-banners en online games. Dat heeft ze bijvoorbeeld gedaan voor KLM, Telegraaf en Philips. Daarnaast werkt ze veel samen met reclamebureaus. Al haar kennis en best practices deelt ze tijdens haar trainingen, waarin je aan de slag gaat met je eigen project. Zo leer je razendsnel animaties maken én inzetten.
Voor wie is de training Web Animatie & Interactie bedoeld?
Voor grafisch vormgevers, UI-designers, webdesigners, mobile developers, illustratoren en interaction designers die hun werk graag dynamisch en interactief willen maken. Ervaring met animatie is niet vereist, maar een basis in vormgeving helpt. Kun je al animeren in After Effects, maar wil je interactieve animaties leren maken? Dan pak je Rive extra snel op! Wil je vooral animaties zonder interactie maken? Jitter is ideaal voor beginners.
Ook zeer geschikt voor eerdere deelnemers van:
- Visual Design met Figma
- Interaction Design
- Infographics maken
- Adobe Illustrator
- Framer
Hoe bereid ik me voor?
Geen voorbereiding nodig, Rive en Jitter zijn gratis te gebruiken tijdens de cursus.
Wil je je animaties later exporteren, dan heb je een betaald account nodig, maar dat is niet nodig om de training te volgen.
Is deze training ook beschikbaar als maatwerk?
Ontvang ik een certificaat na afloop van deze training?
Je ontvangt zowel een fysiek als een digitaal certificaat. Het digitale certificaat kun je met één klik toevoegen aan je LinkedIn-profiel, inclusief een koppeling naar je officiële digitaal bewijs, zodat werkgevers en collega's je certificaat direct kunnen verifiëren.
Kan ik mijn CF-leerbudget inzetten voor pilottrainingen?
Hoe ziet het programma van de training Web Animatie & Interactie eruit?
-
1 Dag 1 - Animaties met Jitter
Ochtend
- Introductie tot animeren met Jitter
- Importeer afbeeldingen, Figma, SVG, video, audio en fonts.
- Hoe maak je een logo animatie?
- Tekst animaties
- Gebruik maskers, gradients, blur en easing
Middag
- Bewegende infographic maken
- Advertentie voor social media maken
- Exporteren naar Video (MP4), transparante video, GIF en Lottie
-
2 Dag 2 - Interactieve animaties met Rive
Ochtend
- Intro en basis van Rive
- Importeren van afbeeldingen, Figma, SVG en Illustrator
- Icoon animatie maken
Middag
- Interactieve animatie maken (zonder code!)
- Karakter animatie maken
- Exporteren naar .RIV, web (JS), Unity, Android, Apple, etc.
Nancy Zonneveld
Animation Designer
Reviews
Lees hoe we dat doen
Competence Factory - Creative Business School
Competence Factory is jouw favoriete opleidingsclub. Al dertig jaar bereiden we professionals voor op hun future job. We leggen op een hele belangrijke skill de nadruk: creativiteit. We leren cursisten om met plezier te werken aan wat hen boeit en positief vooruit te kijken naar hun next step. Dit doen we vanuit ons gezellige clubhuis in Utrecht: Space to Create. Zien we je snel?
Uitgebreid overzicht van het programma
