Gebruiksklaar met Hype lynda.com

• Mei 17, 2024

In deze video-training van lynda.com getiteld Aan de slag met Hype, de instructeur Jake Stroh, behandelt de Hype-basisprincipes. Wanneer je deze cursus van 1 uur en 37 minuten hebt voltooid, heb je de basis voor het maken van eenvoudige animatie in Hype.

Stroh begint met een korte rondleiding door de Hype-gebruikersinterface, van de werkbalk naar de tijdlijn. Vervolgens laat hij zien hoe je je eerste animatie maakt, namelijk een rechthoek op het scherm verplaatsen met een fade-effect, met behulp van de opnamefunctie. Hij leidt u door het proces van het instellen van de eigenschaps- en positie-eigenschapswaarden voor de begin- en eindhoofdframes.

Voortbouwend op dat eenvoudige voorbeeld, bespreekt Stroh vervolgens welke soorten afbeeldingen in Hype kunnen worden geanimeerd en hoe ze via het Elements-menu kunnen worden geïmporteerd. De geïmporteerde voorbeeldafbeelding is een vliegtuig en hij laat zien hoe een animatiepad kan worden gemaakt voor het vliegtuig om over het scherm te vliegen en hoe dat te converteren naar een bewegingspad. Hij sluit het tweede voorbeeld af door tekst aan de scène toe te voegen, de tekst op te maken en keyframing te gebruiken.

In het volgende gedeelte begint Stroh met een diepgaande discussie over hoe de html5- en css3-animaties worden gemaakt door de animator met behulp van de tijdlijn, keyframes en de opnamefunctie. Hij behandelt verschillende voorbeelden van het toepassen van hoofdframes op elementeigenschappen. Hij bespreekt ook hoe u enkele bedieningselementen op de tijdlijn kunt gebruiken om uw animatie nauwkeurig aan te passen.

Het volgende onderwerp is versoepeling en het gebruik van zes soorten versoepeling om echte fysica aan je animatie toe te voegen. Het voorbeeld dat hij bespreekt, is hoe een stuiterende balanimatie te bereiken door verschillende versoepelingseffecten te combineren. In de volgende voorbeelden laat Stroh zien hoe u transformatieanimaties kunt maken en hoe u het gereedschap Capo kunt gebruiken om de animatie van een reeks elementen op de tijdlijn te verfijnen. Hij bespreekt ook hoe animaties in dezelfde scène opnieuw kunnen worden gebruikt en hoe de beperking kan worden omzeild dat Hype geen ankerpunttool heeft voor rotatieanimatie. Ten slotte bespreekt hij het gebruik van maskeer-, bijsnijd- en CSS-filters in uw animaties.

Het volgende gedeelte introduceert interactiviteit. Stroh begint met een bespreking van de soorten ingebouwde knoppen en hoe acties aan hun fasen kunnen worden toegevoegd. Vervolgens behandelt hij hoe u acties aan afbeeldingen kunt toevoegen om als knoppen op het scherm te werken. Hij gaat snel over naar het besturen van animaties met meerdere tijdlijnen en hoe knoppen aan de hoofdtijdlijn toe te voegen om extra tijdlijnen te besturen. Hij demonstreert ook hoe een lusvormige tijdlijn te maken.

Om complexere animaties te maken, bespreekt Stroh hoe te werken met relatieve tijdlijnen en actieketen. In de volgende voorbeelden laat hij zien hoe je met audiobestanden werkt en het afspelen bestuurt met knopacties. Hij toont ook de verschillen tussen het gebruik van meerdere tijdlijnen en alleen de hoofdtijdlijn om een ​​interactieve diavoorstelling van de afbeeldingengalerij te bedienen.

Vervolgens is het projectvoorbeeld een productgalerij. Stroh bespreekt de voor- en nadelen van twee opties, meerdere tijdlijnen of scènes, om dit in Hype te bouwen.

Nu bent u klaar om uw project op internet te zetten. Stroh laat zien hoe u uw Hype-project kunt exporteren en insluiten en de verschillende opties voor een zelfstandige website of het toevoegen van het project aan een bestaande website.

Dit is geen diepgaande leercursus voor Hype. Deze cursus geeft u echter een idee van de soorten animatie die kunnen worden gemaakt met de Hype-software. Als u bekend bent met filmclips in Adobe^R Flash^R, zult u de discussie van Stroh over het nestelen van tijdlijnen, relatieve tijdlijnen en actieketen waarderen.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

Openbaarmaking: ik werd niet financieel gecompenseerd voor dit artikel. De meningen zijn volledig van mij op basis van mijn ervaring.