Animatie voor Web (Cursus Web)
2d animaties voor het web
Animaties maken speciaal voor het web. In deze cursus leer je met verschillende codeer vormen animaties voor het web maken en in een Website implementeren. Denk hierbij aan CSS animaties, animaties m.b.v. Javascript, het canvas of SVG animaties. We behandelen de zogenaamde 2d animaties, die zich in principe afspelen in het platte vlak. De veel complexere 3d software valt buiten het bestek van deze training. In deze cursus wordt het veel ontdekken en spelen met graphics en code, transitions en tijdlijnen, importeren en ga zo maar door.
In de cursus leer je verschillende transitions en simpele animaties maken met behulp van CSS, maar ook leer je hoe je als een developer een animatie uit Adobe Animate cc of Tumult Hype kunt gebruiken binnen een website. Als je een beetje in de code van de website duikt, blijkt het relatief eenvoudig om SVG bestanden toe te voegen aan een pagina. Maar je leert ook zelf SVG creëren en animeren d.m.v CSS en Javascript.
Naast CSS is Javascript dan ook de belangrijkste code voor het implementeren van animaties binnen HTML. Er wordt daarom ook aandacht besteed aan simpele scripts om dit te bewerkstelligen.
Na afloop zul je misschien nog niet alle code begrijpen, maar het geeft genoeg houvast om zelf met deze boeiende materie aan de gang te gaan.
Programma Animatie voor Web
- Transitions en animaties
- Verschillende soorten en typen animaties
- CSS transitions
- CSS animaties
- Geïmporteerde animaties vanuit animatie software
- SVG animaties
- Canvas animaties
- Javascript animaties
- Javascript libraries zoals bijv. anime.js, create.js, greensock, e.d.
Heb je echt de smaak te pakken gekregen dan kun je je javascript Skills verder uitbreiden in de cursussen Javascript Basis en Javascript Vervolg. Voor het ontwerpen van je animaties leer je in de cursus Adobe Animate Basis complexere animaties bouwen met HTML5 en CSS3 en javascript. In de cursus Illustrator Basis leer je de skills om de onderdelen voor je eigen SVG animaties maken.
Subsidies?
Kijk voor subsidie mogelijkheden op onze pagina: subsidies.