Up and Running cu Hype lynda.com

• Aprilie 29, 2024

În acest curs de formare video de la lynda.com, intitulat Up and Running cu Hype, instructorul Jake Stroh, acoperă elementele de bază ale Hype. După ce ați terminat acest curs de 1 oră și 37 de minute, veți avea fundamentul creării unei animații simple în Hype.

Stroh începe cu un tur rapid al interfeței de utilizator Hype, de la Bara de instrumente la Timeline. El demonstrează apoi cum să creați prima dvs. animație, care este de a muta un dreptunghi pe ecran cu un efect de decolorare, folosind funcția Înregistrare. El vă parcurge prin procesul de setare a valorilor proprietății de poziție și opacitate pentru cadrele cheie de început și de încheiere.

Pe baza acelui exemplu simplu, Stroh discută în continuare ce tipuri de imagini pot fi animate în Hype și cum să le importăm prin meniul Elemente. Imaginea probă importată este un avion și el demonstrează cum să creeze o cale de animație pentru ca avionul să zboare pe ecran și cum să o convertească într-o cale de mișcare. El finalizează cel de-al doilea exemplu prin adăugarea de text la scenă, stilizarea textului și corelarea unui efect de decolorare.

În următoarea secțiune, Stroh începe o discuție aprofundată a modului în care animatoarele html5 și css3 sunt create de animator folosind Timeline, Keyframes și caracteristica Record. El acoperă câteva exemple de aplicare de cadre cheie la proprietățile elementului. El discută, de asemenea, cum să utilizați unele dintre controalele din Cronologie pentru a face ajustări fine la animația dvs.

Următorul subiect este ușurarea și modul de utilizare a șase tipuri de ușurare pentru a adăuga fizică din lumea reală animației tale. Exemplul pe care îl discută este modul în care se poate realiza o animație cu minge de săritură prin combinarea mai multor efecte ușoare. În următoarele câteva exemple, Stroh demonstrează cum se creează animația de transformare și cum se utilizează instrumentul Capo pentru a rafina animația unei secvențe de elemente din Cronologie. El discută, de asemenea, modul de reutilizare a animațiilor în aceeași scenă și cum să acționeze limitarea faptului că Hype nu are un instrument de punct de ancorare pentru animația de rotație. În cele din urmă, discută despre utilizarea filtrelor de mascare, decupare și CSS în animațiile tale.

Următoarea secțiune introduce interactivitatea. Stroh începe cu o discuție despre tipurile de butoane încorporate și cum să adăugați acțiuni la etapele lor. În continuare, el descrie cum să adăugați acțiuni la imagini pentru a funcționa ca butoane pe ecran. El trece rapid la controlul animațiilor cu mai multe linii de timp și cum să adauge butoane la cronologia principală pentru a controla cronologie suplimentare. El demonstrează, de asemenea, modul de a crea o cronologie de buclă.

Pentru a crea animații mai complexe, Stroh discută cum să lucrezi cu termene relative și înlănțuirea acțiunilor. În următoarele câteva exemple, el arată cum să lucrezi cu fișierele audio și să controlezi redarea cu acțiuni de buton. De asemenea, el demonstrează diferențele dintre utilizarea mai multor timeline și doar cronologia principală pentru a controla o prezentare de diapozitive interactive a galeriei de imagini.

Următorul exemplu de proiect este o galerie de produse. Stroh discută argumentele pro și contra a două opțiuni, cronologie multiple sau scene, pentru construirea acestui lucru în Hype.

Acum sunteți gata să puneți proiectul pe web. Stroh demonstrează cum să exportați și să încorporați proiectul Hype și diversele opțiuni pentru un site web autonom sau adăugarea proiectului într-un site web existent.

Acesta nu este un curs de învățare aprofundat pentru Hype. Cu toate acestea, acest curs vă va oferi o idee despre tipurile de animație care pot fi create folosind software-ul Hype. Dacă sunteți familiarizat cu clipurile de filme din Adobe^R bliț^R, veți aprecia discuția lui Stroh cu privire la calendarul de cuibărit, la cronologiile relative și în lanțul de acțiuni.

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

Dezvăluire: nu am fost compensat financiar pentru acest articol. Opiniile sunt complet ale mele pe baza experienței mele.

Instrucțiuni Video,: Hype tutorial: Working with relative timelines | lynda.com (Aprilie 2024).