Op og kør med Hype lynda.com

• Kan 2, 2024

I denne video-træningskursus fra lynda.com med titlen Op og kør med Hype, instruktøren Jake Stroh, dækker Hype-basics. Når du er færdig med dette 1 times og 37 minutters kursus, vil du have grundlaget for at oprette enkel animation i Hype.

Stroh begynder med en hurtig rundvisning i Hype-brugergrænsefladen fra værktøjslinjen til tidslinjen. Derefter demonstrerer han, hvordan du opretter din første animation, som er at flytte et rektangel på skærmen med en fade i kraft ved hjælp af funktionen Optag. Han leder dig gennem processen med at indstille egenskabsværdierne for position og opacitet for nøglerammerne til begyndelse og slutning.

Med udgangspunkt i det enkle eksempel diskuterer Stroh derefter, hvilke typer billeder der kan animeres i Hype, og hvordan man importerer dem via menuen Elements. Det importerede eksempelbillede er et fly, og han demonstrerer, hvordan man opretter en animationssti for flyet til at flyve over skærmen, og hvordan man konverterer det til en bevægelsessti. Han afslutter det andet eksempel med at tilføje tekst til scenen, style teksten og keyframing en fade i kraft.

I det næste afsnit begynder Stroh en dybdegående diskussion af, hvordan html5- og css3-animationerne oprettes af animatoren ved hjælp af tidslinjen, nøglerammer og optagefunktionen. Han dækker adskillige eksempler på anvendelse af nøglerammer på elementegenskaber. Han diskuterer også, hvordan man bruger nogle af kontrollerne på tidslinjen til at foretage fine justeringer af din animation.

Det næste emne er lempelse, og hvordan man bruger seks typer lempelse til at føje fysik i den virkelige verden til din animation. Eksemplet, han diskuterer, er, hvordan man opnår en hoppende boldanimation ved at kombinere flere lette effekter. I de næste få eksempler demonstrerer Stroh, hvordan man opretter transformationsanimation, og hvordan man bruger Capo-værktøjet til at forfine animationen af ​​en række elementer på tidslinjen. Han diskuterer også, hvordan man genbruger animationer i den samme scene, og hvordan man kan arbejde omkring den begrænsning, at Hype ikke har noget ankerpunktværktøj til rotationsanimation. Endelig diskuterer han brugen af ​​maskering, beskæring og CSS-filtre i dine animationer.

Det næste afsnit introducerer interaktivitet. Stroh begynder med en diskussion af typerne af indbyggede knapper og hvordan man tilføjer handlinger til deres stadier. Dernæst dækker han hvordan man tilføjer handlinger til billeder, der fungerer som knapper på skærmen. Han går hurtigt videre til at kontrollere animationer med flere tidslinjer, og hvordan man tilføjer knapper til hovedtidslinjen for at kontrollere yderligere tidslinjer. Han demonstrerer også, hvordan man opretter en looping-tidslinje.

For at oprette mere komplekse animationer diskuterer Stroh, hvordan man arbejder med relative tidslinjer og action chaining. I de næste få eksempler demonstrerer han, hvordan man arbejder med lydfiler og styrer afspilningen med knappehandlinger. Han demonstrerer også forskellene mellem at bruge flere tidslinjer og bare hovedtidslinjen til at kontrollere et interaktivt billedgalleri-lysbilledshow.

Næste projekteksempel er et produktgalleri. Stroh diskuterer fordele og ulemper ved to indstillinger, flere tidslinjer eller scener, til at bygge dette i Hype.

Nu er du klar til at placere dit projekt på nettet. Stroh demonstrerer, hvordan du eksporterer og integrerer dit Hype-projekt og de forskellige muligheder for et enkeltstående websted eller tilføjer projektet til et eksisterende websted.

Dette er ikke et dybdegående læringskursus for Hype. Dette kursus giver dig imidlertid en idé om de typer animationer, der kan oprettes ved hjælp af Hype-softwaren. Hvis du kender filmklip i Adobe^R Blitz^R, vil du sætte pris på Strohs diskussion af indlejring af tidslinjer, relative tidslinjer og action chaining.

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

Offentliggørelse: Jeg blev ikke økonomisk kompenseret for denne artikel. Synspunkterne er helt mine egne baseret på min oplevelse.

Video Instruktioner: TIKTOK HYPE: WAT DOET MEREL NU!? - De Nagelkerkjes #476 (Kan 2024).