Web Motion for Beginners En oversikt av Tom Green

• Kan 10, 2024

I denne lynda.com-serien med prosjektbaserte kurs med tittelen Nettbevegelse for nybegynnere, Tom Green lærer nettbasert bevegelsesgrafikk fra start til slutt. I løpet av prosessen vil du bygge fem prosjekter i alt.

Oversikt

Green begynner en oversikt over viktige hensyn for et vellykket prosjekt.

Først diskuterer Green formålet med animasjonen og hvordan den oppnås. Ved å bruke et eksempel på overgangen fra en skjerm til en annen på en nettbrett, dekonstruerer han animasjonen til de individuelle parametrene som kontrolleres av animatoren.

Green diskuterer hvordan animasjon bare er en måte å fortelle ved å bevege objekter og de to viktigste spørsmålene du må svare for å lage et vellykket prosjekt. Han demonstrerer bruken av storyboards for å hjelpe i denne prosessen.

Deretter diskuterer Green planleggingsprosessen og arbeidsflyten for et animasjonsprosjekt. Han peker på alle stadier i arbeidsflyten og hvordan prosjektlederen må budsjettere både tid og dollar for hvert trinn for å komme frem til et fullført prosjekt til den fastsatte fristen.

Green viser neste hvordan organisering er veldig viktig for suksessen til et prosjekt. Han diskuterer hvordan han skal organisere de forskjellige eiendelene for prosjektet, for eksempel skrifter, medier, tekst og bilder, i dedikerte undermapper i prosjektmappen.

Green diskuterer også noen av de vanligste fallgruvene i planleggingen av et prosjekt som nettleserkompatibilitet og gjenbrukbart innhold. Han introduserer også programvaren som han oppbevarer i "Web Motion Toolbox".

Etter denne korte oversikten er du klar til å begynne på en av de fem prosjektbaserte videoopplæringsprogrammene.

Lag en parallakseffekt - Bygg dybde og bevegelse 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åte å optimalisere animasjon for nett- og nettbrettet.

Lag en forhåndsinnlaster - Bygg et forhåndsinnlastet ved hjelp av After Effects^R, Photoshop^R eller fyrverkeri^R og Edge Animate.

Lag en animert bannerannonse - Bygg et nettbanner med bevegelse og interaktivitet.

Siste prosjekt - Dette sluttprosjektet kombinerer alle teknikkene som ble lært i de forrige prosjektene når du bygger en bannerannonse ved hjelp av Illustrator^R, Photoshop og Edge Animate.

Når du har fullført denne serien med korte kurs, vil du ha en bedre forståelse av opprettelsesprosessen for grafikk på nettet fra planlegging til fullføring.

Tom Green sine øvrige videoopplæringer på lynda.com inkluderer Opp og kjører med HTML5-video, Lage interaktive prosjekter med Edge Animate, Fyrverkeri CS6 Workshop og Fyrverkeri CS3 Essential Training.

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

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

Video Instruksjoner: Genetic Engineering Will Change Everything Forever – CRISPR (Kan 2024).