large icon

Tumult Hype

Tumult Hype

Animaties maken moeilijk ? Nee hoor, niet met Hype !

Voor wie ?

Ben je grafisch ontwerper of een beginnende motion- of interaction-designer en kijk je een beetje op tegen de complexiteit van software zoals Adobe Animate of After Effects ? Zoek je aan handige tool waarmee je mooie animaties en transities voor web- an app-design (UI) kan creëren ? Dan is deze training ideaal !

Leerdoelen

Je leert sowieso de basis van het maken van een tijdlijn-animatie, hoe je deze bewaart en gereed maakt voor op het web, of om af te spelen als een video.

Afhankelijk van de toepassingen waarvoor je deze software gaat gebruiken leer je nog andere aspecten, zoals interactie, 3D, speciale exporteer-opties (o.a. voor sociale media en/of advertentie-platforms), etc. De trainingsduur en -diepgang worden daar op afgestemd, zodat je het best haalbare rendement ermee bereikt.

Beschrijving

Animaties trekken aandacht, verlevendigen een ontwerp en verduidelijken een verhaal. Ze worden niet alleen gebruikt als banners in websites, maar ook in apps voor smartphones en in digitale publicaties voor tablets.

In het landschap van HTML-animatie zijn verschillende tools te vinden. Adobe Animate (voorheen Adobe Flash) was en is nog steeds de grootmacht hierin, maar het is enorm complex en omslachtig. En het beperkte maar veel vriendelijkere Adobe Edge Animate was helaas een kort leven beschoren. Google Web Designer oogt aardig, maar deze eeuwige "beta" werkt nogal onbehouwen. Tot slot zijn er tientallen tools (vooral voor web- en app-animaties) die iedere keer één wiel uitvinden, maar andere wielen vergeten...

Tumult Hype is een programma dat al met de komst van HTML5 (dus sinds 2011) aan de weg timmert. Nee, het is niet 1-op-1 vergelijkbaar met Adobe Animate, After Effects of ToonBoom, maar het biedt "the best of all worlds": een prettige bediening, prachtige features en aansluiting op standaard-technieken (HTML5) en -formaten (IAB). De interface speelt heerlijk in op het maken van eenvoudige animaties (met of zonder interactie). Nou ja, "eenvoudig" is misschien niet het goede woord. Er zijn best fraaie huzarenstukjes met Hype te maken. (Zie de vele voorbeelden via hun Gallery.) Hype weet precies hoe designers denken en werken, welke features ze nodig hebben, en hoe ze de software toch eenvoudig kunnen houden.

Het animeren leer je werkelijk spelenderwijs, zowel voor lineaire video's als interactieve animaties voor web en app. En je hoeft geen enkele letter code te tikken (het kan wel, maar is geen noodzaak). Talloze functies en effecten die normaal gesproken allerlei "scripts" vereisen leer je op een visuele wijze uit te voeren. Dat is het gemak van Tumult Hype !

Tumult Hype is dus een uitgebreid programma maar met een uiterst vriendelijke bediening en uitstekende hulpmiddelen. Daardoor is het sneller en makkelijker te gebruiken dan andere animatie-software. Voor meer informatie en een demo, ga naar de website van Tumult Hype.

Animeren (zelfs met interacties) hoeft niet moeilijk te zijn.
Leer de basis en wat fijne kneepjes en je bent al flink op weg.

Alleen voor de Mac ?!

Oei ! Tumult Hype is er alléén voor de Mac en ook nog eens níet van Adobe. Komt dat wel goed ?

Adobe is niet zaligmakend, zeker niet op web-gebied. Tumult Hype's interface is zó helder en 'lekker', dat je je afvraagt waarom Adobe en Google zo blijven stuntelen met hun software... Ik heb zelf ook getwijfeld of het verstandig was om af te wijken van mijn Adobe-voorkeur. Je verwacht toch voordelen van de decennia-lange integratie. Maar als voordelen uitblijven en Adobe er zelf ook voor kiest om een stap zijwaarts te zetten, dan ga ik daar niet in mee. Tja, Mac-only ! Nou en ? Dan neem je toch een Mac...

Onderwerpen

De inhoud van deze training is praktijkgericht en kan worden afgestemd op je toepassing.

  • Inleiding over animatie met HTML(5) & CSS(3)
  • Verkennen van de interface van Tumult Hype
  • Werken met Timeline, Keyframes, Easing, Capo
  • Animatie van elementen en alle eigenschappen
  • Lijn-animatie en 'morphing' van vectoren/vormen
  • Importeren van beelden; werken met lettertypen
  • Toevoegen van componenten zoals audio & video
  • Speciale HTML5-features, zoals 3D en CSS3-filters
  • Het gebruik maken van Scenes, Symbols en Loops
  • Geleidelijke introductie tot het gebruik van Actions
  • Gebruik van Grids en populaire 'vaste' afmetingen
  • Leren omgaan met een flexible/responsive ontwerp
  • Het instellen van Export-formats, preloaders, etc.

Trainingsvorm

De training is een constante afwisseling tussen wat uitleg, een voorbeeld bekijken, begrijpen en dan zelf gaan doen. Uiteraard is er altijd gelegenheid tot het stellen van vragen en andere verzoeken. En afhankelijk van de beschikbare tijd, kan er méér aandacht worden gegeven aan extra uitleg, meer voorbeelden en nog meer oefeningen.

Zowel fysiek als online te volgen.

Deze training is op veel manieren in te richten:

  • in een klas met andere deelnemers (fysiek of online);
  • één-op-één of in een groep met één of meer collega's;
  • binnen een bedrijf of met andere ZZP-ers, of een mix;
  • in een vergaderruimte op de (thuis)werkplek, of online.

Het meest voor de hand liggend is de klassikale vorm, waarbij je fysiek of online aanwezig bent, samen met andere deelnemers. Maar neem gerust contact op met mij of een van mijn partners voor meer informatie over andere mogelijkheden.

Trainingsduur

Deze training is schaalbaar van een halve dag (1 dagdeel) tot drie dagen (6 dagdelen), afhankelijk van je eigen niveau, tempo, de gewenste diepgang en mate waarin je onderwerpen wil oefenen.

In twee dagen (4 dagdelen) leer je een ruime basis van het programma, waarmee je zelfstandig animaties ontwerpt, uitvoert en ook gereed maakt voor verdere verwerking in websites of digitale publicaties.

Locatie(s)

Deze training kan je bij een van mijn vaste trainingpartners in o.a. Amsterdam, Utrecht, Rotterdam of Breda volgen.

De training kan ook op je eigen locatie (in een vergaderruimte, op je werkplek of bij je thuis) of elders worden georganiseerd, bijvoorbeeld in een Seats2meet-vestiging. Neem daarvoor contact met mij op.

Voor de meeste trainingen geldt dat je de training ook online kan volgen (al dan niet gepland), bijvoorbeeld in geval van quarantaine of vanwege de verre afstand.

Voorkennis

Iedereen met affiniteit voor grafische software kan ermee aan de slag. Ervaring met software zoals Adobe Photoshop en Illustrator of andere grafische, web-, animatie- of video-software is beslist niet vereist, maar biedt wel een voordeel. Er is ook géén kennis of ervaring met coderen of programmeren vereist.

NB: de training wordt in het Nederlands gegeven, maar houd er wel rekening mee dat de software en veel jargon Engelstalig is, en dat er naar veel Engelstalig studiemateriaal wordt verwezen.

Leermiddelen

In de meeste opleidingscentra staat een Mac voor je klaar. Maar als je je eigen Mac(Book) gaat gebruiken of meenemen (thuis, in-company, online of fysiek), houd dan even rekening met onderstaande:

Voor deze software en training is een goede computer (desktop of laptop) nodig, liefst met een groot of extra scherm, zodat je voldoende ruimte hebt voor het overzien van alle vensters en bestanden (en eventueel de presentatie als je de training online volgt).

Installeer vooraf de meeste recente versie van de software, en test of deze naar behoren werkt.

Studiemateriaal

Je ontvangt een hand-out van de getoonde slides (voor je aantekeningen), en er wordt veelvuldig verwezen naar allerlei publicaties, diverse artikelen en blogs.

In de training worden o.a. de Tumult-tutorials gebruikt en wordt ook verwezen naar de officiële Tumult Help-website, zodat je later veel onderwerpen online kunt nalazen en herhalen.

De software zelf bevat veel verwijzingen naar diverse digitale hulpmiddelen (stap-voor-stap lessen met voorbeelden, video-tutorials, online documentatie, forum, etc.) Je vraagt je bijna af waarom je er persoonlijke training voor zou moeten krijgen ! Maar deze training brengt je sneller op de goede weg, en je kan aan de hand van deze uitstekende studiematerialen alles terugvinden en uitdiepen.

Certificering

Na afloop van de training ontvang je een certificaat van deelname.

Gerelateerde trainingen en onderwerpen

Wil je je (foto)beelden beter voorbereiden en/of nauwkeuriger leren werken aan (vector)illustraties, dan kan je ervoor kiezen om vooraf of nadien nog een training Adobe Photoshop en/of Illustrator te doen. Maar beide zijn niet essentieel voor het (leren) werken met Tumult Hype.

Tot slot kan de training in HTML, CSS & JS Basics heel nuttig zijn, voor als je wat meer begrip wilt krijgen van web-technieken.

Tags

No items found.