HTML5 Animaties en interactiviteit

Wil je leuke 2d animaties maken, bijvoorbeeld voor web banners, of om je verhaal te kunnen vertellen, of een infographic meer diepgang te geven? dan is de cursus Adobe Animate CC een uitstekende keuze.

Je leert het tekenen in Animate CC, werken met de timeline en diverse animatietechnieken toepassen als verplaatsen, roteren en vervagen. Voor deze technieken worden de diverse tweening functies en het werken met frames uitgebreid behandeld en geoefend. Ook het toevoegen van geluid komt aan bod, en de basis wordt gelegd voor het werken met javascript. Je leert om interactie aan de animatie toe te voegen in de vorm van buttons. Ook leer je een Animate CC animatie om te zetten naar een HTML5 animatie met HTML5 interactiviteit, zodat je product ook op mobiele apparaten getoond en bediend kan worden.

Als laatste ga je dieper in op het bouwen van geavanceerde animaties, door het toepassen van bones, 3d en speciale effecten. In deze cursus hebben we ook aandacht voor het ontwikkelen van een animatie en wat voor aspecten daar bij komen kijken. De workflow, het storyboard, de beeldelementen van bewegend beeld, zoals tijd en camerastandpunten. Fysische aspecten in animaties, de loopbeweging, versnelling vervorming. We maken een begin met het conceptuele aspect van een animatie ontwerpen. Daarnaast leer je meer technische mogelijkheden van Animate CC gebruiken zoals symbolen en animatiereeksen als sprites en SVG images in- en exporteren.

Deze cursus is ook een basisĀ  op het gebied van gaming, apps bouwen of high-end video productie. Je hebt dan alle vaardigheden voor het ontwikkelen van een aantrekkelijk vormgegeven interactieve app of een game voor Android en iOS.

Programma Adobe Animate CC

Animatie basistechnieken

  • Keyframes en animatie
  • Werken met layers
  • Typen animatie
  • Frame-by-frame animatie

Objecten tekenen en bewerken

  • Basisvormen tekenen
  • De vorm of omvang van objecten aanpassen
  • Vulkleuren en gradients gebruiken
  • Tekenen met de Brush Tool

Timeline en Shape tweening

  • Animaties maken
  • Vormen veranderen met shape tweening
  • De timeline in detail
  • Afzonderlijke frames beheren

Symbols en Motion tweening

  • Een tween maken
  • Symbolen en instanties
  • Werken met de library
  • Custom Ease

Buttons en javasript

  • Globale werking van buttons
  • Buttons en de basis van javascript
  • Actions en Event Handlers

Meer javascript

  • URL openen met een button
  • Movieclips starten en stoppen

Geluid en publiceren

  • Streaming sounds en event sounds
  • Een soundtrack toevoegen aan een applicatie
  • Verschillende typen synchronisatie
  • Publiceren voor HTML5 banners, apps en video

Advanced Animatie technieken

  • Geavanceerde animatie functies
  • Bones, IK, en 3d
  • Storyboard en Camera
  • Animatie workflow en beeldelementen
  • Animatie fysics
  • Video
  • Geluid
  • Spritesheets en SVG Images
  • Publiceren voor HTML5 banners, apps en video

Na deze cursus kun je je verder ontwikkelen op het gebied van Motion Graphics en/of animaties voor web met Lottifiles in de cursus After Effects. De cursus is ook een module in onze opleiding: Animation. Heb je meer interesse in verder ontwikkelen in javascript? Kijk dan bij de cursussen: Javascript Basis en Creative Coding.

Subsidies?

Kijk voor subsidie mogelijkheden op onze pagina: subsidies.