Kom igång med Hype lynda.com

• Maj 21, 2024

I denna videoutbildningskurs från lynda.com rätt Upp och kör med Hype, instruktören Jake Stroh, täcker grunderna för Hype. När du är klar med denna 1-timmars- och 37-minuters kurs kommer du att ha grunden för att skapa enkel animering i Hype.

Stroh börjar med en snabb rundtur i Hype-användargränssnittet, från verktygsfältet till tidslinjen. Han demonstrerar sedan hur du skapar din första animering, som är att flytta en rektangel till skärmen med en blekning i kraft, med hjälp av Record-funktionen. Han leder dig genom processen att ställa in värden för position och opacitet för nyckelbilden för början och slut.

Med utgångspunkt i det enkla exemplet diskuterar Stroh sedan vilka typer av bilder som kan animeras i Hype och hur man importerar dem via menyn Elements. Den importerade provbilden är ett flygplan och han demonstrerar hur man skapar en animeringsväg för planet att flyga över skärmen och hur man konverterar den till en rörelsebana. Han avslutar det andra exemplet genom att lägga till text i scenen, utforma texten och keyframing en blekning i kraft.

I nästa avsnitt inleder Stroh en djupgående diskussion om hur html5- och css3-animationerna skapas av animatorn med hjälp av tidslinjen, nyckelramar och inspelningsfunktionen. Han beskriver flera exempel på tillämpning av nyckelramar på elementegenskaper. Han diskuterar också hur man använder några av kontrollerna på tidslinjen för att göra finjusteringar av din animering.

Nästa ämne är lättare och hur man använder sex typer av lättnad för att lägga till fysik i din värld. Exemplet han diskuterar är hur man kan uppnå en studsande bollanimering genom att kombinera flera lättare effekter. I de närmaste exemplen demonstrerar Stroh hur man skapar transformationsanimation och hur man använder Capo-verktyget för att förfina animeringen av en sekvens av element på tidslinjen. Han diskuterar också hur man kan återanvända animationer i samma scen och hur man arbetar kring begränsningen att Hype inte har något ankarpunktsverktyg för rotationsanimation. Slutligen diskuterar han användningen av maskering, beskärning och CSS-filter i dina animationer.

Nästa avsnitt introducerar interaktivitet. Stroh börjar med en diskussion om typen av inbyggda knappar och hur man lägger till åtgärder i deras stadier. Därefter beskriver han hur man lägger till handlingar i bilder som fungerar som knappar på skärmen. Han går snabbt vidare för att kontrollera animationer med flera tidslinjer och hur man lägger till knappar på huvudtidslinjen för att kontrollera ytterligare tidslinjer. Han demonstrerar också hur man skapar en looping-tidslinje.

För att skapa mer komplexa animationer diskuterar Stroh hur man arbetar med relativa tidslinjer och actionkedjor. I de följande exemplen demonstrerar han hur man arbetar med ljudfiler och kontrollerar uppspelningen med knappåtgärder. Han visar också skillnaderna mellan att använda flera tidslinjer och bara huvudtidslinjen för att kontrollera ett interaktivt bildgalleri-bildspel.

Nästa projektexempel är ett produktgalleri. Stroh diskuterar för- och nackdelarna med två alternativ, flera tidslinjer eller scener, för att bygga detta i Hype.

Nu är du redo att lägga ditt projekt på webben. Stroh visar hur du kan exportera och bädda in ditt Hype-projekt och de olika alternativen för en fristående webbplats eller lägga till projektet på en befintlig webbplats.

Detta är inte en djupgående kurs för Hype. Men den här kursen ger dig en uppfattning om vilken typ av animering som kan skapas med Hype-programvaran. Om du känner till filmklipp i Adobe^R Blixt^R, kommer du att uppskatta Strohs diskussion om häckande tidslinjer, relativa tidslinjer och åtgärdskedjor.

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

Offentliggörande: Jag kompenserade inte ekonomiskt för den här artikeln. Yttrandena är helt mina egna utifrån min erfarenhet.