Webbevægelse for begyndere En oversigt af Tom Green

• April 19, 2024

I denne lynda.com-serie med projektbaserede kurser med titlen Webbevægelse for begyndere, Tom Green lærer webbaseret bevægelsesgrafik fra start til slut. Under processen bygger du i alt fem projekter.

Oversigt

Green begynder en oversigt over de vigtige overvejelser for et vellykket projekt.

Først diskuterer Green formålet med animationen og hvordan den opnås. Ved hjælp af et eksempel på overgangen fra en skærm til en anden på en tabletenhed dekonstruerer han animationen til de individuelle parametre, der kontrolleres af animatoren.

Green diskuterer, hvordan animation bare er en måde at fortælle ved at flytte objekter og de to vigtigste spørgsmål, du skal svare for at skabe et vellykket projekt. Han demonstrerer brugen af ​​storyboards til at hjælpe i denne proces.

Dernæst diskuterer Green planlægningsprocessen og arbejdsgangen til et animationsprojekt. Han påpeger alle faser i arbejdsgangen og hvordan projektlederen skal budgettere både tid og dollars for hver fase for at nå frem til et afsluttet projekt til den fastsatte frist.

Green viser derefter, hvordan organisering er meget vigtig for succes med et projekt. Han diskuterer, hvordan man organiserer de forskellige aktiver til projektet, såsom skrifttyper, medier, tekst og billeder, i dedikerede undermapper i projektmappen.

Green diskuterer også nogle af de mest almindelige faldgruber i planlægningen af ​​et projekt, såsom browserkompatibilitet og genanvendeligt indhold. Han introducerer også den software, som han opbevarer i sin "Web Motion Toolbox".

Efter denne korte oversigt er du klar til at begynde på en af ​​de fem projektbaserede videotutorials.

Opret en parallakseffekt - Byg dybde og bevægelse med en Parallax-effekt med Google Web Designer^R, Flash CC^R og Edge Animate^R.

Animer et CSS Sprite Sheet - Sprite ark er en måde at optimere animationen til web- og tablet-enheder på.

Opret en preloader - Byg en forudindlæst vha. After Effects^R, Photoshop^R eller fyrværkeri^R og Edge Animate.

Opret en animeret bannerannonce - Byg et webbanner med bevægelse og interaktivitet.

Afsluttende projekt - Dette afsluttende projekt kombinerer alle de teknikker, der læres i de foregående projekter, når du bygger en bannerannonce ved hjælp af Illustrator^R, Photoshop og Edge Animate.

Når du har afsluttet denne serie af korte kurser, vil du have en bedre forståelse af oprettelsesprocessen for web-bevægelsesgrafik fra planlægning til færdiggørelse.

Tom Green's andre videotutorials på lynda.com inkluderer Op og kør med HTML5-video, Oprettelse af interaktive projekter med Edge Animate, Fyrværkeri CS6 Workshop og Fyrværkeri CS3 Essential Training.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

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

Video Instruktioner: Lullaby Mozart for Babies: 3 Hours Brain Development Lullaby, Sleep Music for Babies, Mozart Effect (April 2024).