Opp og kjører med Hype lynda.com

• April 30, 2024

I denne videoopplæringskurs fra lynda.com med tittelen Opp og kjører med Hype, instruktøren Jake Stroh, dekker grunnleggende om Hype. Når du er ferdig med dette 1 times og 37 minutters kurset, vil du ha grunnlaget for å lage enkel animasjon i Hype.

Stroh begynner med en rask omvisning i Hype-brukergrensesnittet, fra verktøylinjen til tidslinjen. Deretter demonstrerer han hvordan du lager din første animasjon, som er å flytte et rektangel på skjermen med en fade i kraft, ved hjelp av Record-funksjonen. Han leder deg gjennom prosessen med å sette posisjons- og opacitetsegenskapsverdiene for begynnelsen og slutten av nøkkelbildene.

Med utgangspunkt i det enkle eksemplet diskuterer Stroh deretter hvilke typer bilder som kan animeres i Hype og hvordan du importerer dem via Elements-menyen. Det importerte eksempelbildet er et fly, og han demonstrerer hvordan man lager en animasjonsbane for flyet å fly over skjermen og hvordan konvertere det til en bevegelsesbane. Han avslutter det andre eksemplet med å legge til tekst til scenen, style teksten og keyframing en fade i kraft.

I neste avsnitt begynner Stroh en dyptgående diskusjon om hvordan html5- og css3-animasjonene lages av animatøren ved hjelp av tidslinjen, nøkkelrammer og opptak-funksjonen. Han dekker flere eksempler på bruk av nøkkelrammer på elementegenskaper. Han diskuterer også hvordan du bruker noen av kontrollene på tidslinjen for å gjøre fine justeringer av animasjonen din.

Neste emne er lettelse og hvordan du bruker seks typer lettelser for å legge fysikk i den virkelige verden til animasjonen din. Eksemplet han diskuterer er hvordan man oppnår en sprett ballanimasjon ved å kombinere flere lette effekter. I de neste eksemplene demonstrerer Stroh hvordan man lager transformasjonsanimasjon og hvordan man bruker Capo-verktøyet til å avgrense animasjonen til en rekke elementer på tidslinjen. Han diskuterer også hvordan man kan gjenbruke animasjoner i samme scene og hvordan man kan jobbe rundt begrensningen at Hype ikke har noe ankerpunktverktøy for rotasjonsanimasjon. Til slutt diskuterer han bruken av maskering, beskjæring og CSS-filtre i animasjonene dine.

Den neste delen introduserer interaktivitet. Stroh begynner med en diskusjon om hvilke typer innebygde knapper og hvordan du kan legge til handlinger i trinnene deres. Deretter dekker han hvordan du legger til handlinger til bilder som fungerer som knapper på skjermen. Han går raskt videre til å kontrollere animasjoner med flere tidslinjer og hvordan du legger til knapper på hovedtidslinjen for å kontrollere flere tidslinjer. Han demonstrerer også hvordan man lager en looping-tidslinje.

For å lage mer komplekse animasjoner diskuterer Stroh hvordan man kan jobbe med relative tidslinjer og actionkjetting. I de neste eksemplene demonstrerer han hvordan du kan jobbe med lydfiler og kontrollere avspillingen med knapphandlinger. Han demonstrerer også forskjellene mellom å bruke flere tidslinjer og bare hovedtidslinjen for å kontrollere et interaktivt bildegalleri.

Neste prosjekteksempel er et produktgalleri. Stroh diskuterer fordeler og ulemper ved to alternativer, flere tidslinjer eller scener, for å bygge dette i Hype.

Nå er du klar til å legge prosjektet ditt på nettet. Stroh demonstrerer hvordan du kan eksportere og bygge inn Hype-prosjektet ditt og de forskjellige alternativene for et frittstående nettsted eller legge til prosjektet til et eksisterende nettsted.

Dette er ikke et dyptgående læringskurs for Hype. Imidlertid vil dette kurset gi deg en ide om hvilke typer animasjoner som kan opprettes ved hjelp av Hype-programvaren. Hvis du er kjent med filmklipp i Adobe^R Blits^R, vil du sette pris på Strohs diskusjon om hekkende tidslinjer, relative tidslinjer og handlingskjetting.

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

Offentliggjøring: Jeg ble ikke økonomisk kompensert for denne artikkelen. Meningene er helt mine egne basert på min erfaring.