Animacija vmesnika - tečaj 31 900 RUB. iz Uprocka, usposabljanje 4 mesece, datum 28.11.2023.

instagram viewer

TEORIJA

Uvod

V tej lekciji boste dobili predstavo o tem, kaj je spletna animacija, katere funkcije opravlja pri oblikovanju vmesnika in v katerih primerih se uporablja. Izvedeli boste, kateri dve vrsti animacij se uporabljata na resničnih spletnih mestih. Pridobite ključne nasvete o ustvarjanju tekoče, lahkotne in vedno ustrezne animacije. Izvedeli boste, katerih tehnik je najbolje ne uporabljati v realističnih animacijah in zakaj. Analizirali bomo osnovna dejanja animacije in si jih ogledali s primeri. Ugotovimo, katere programe je treba namestiti za usposabljanje in udobno delo. Kje in kako se registrirati, kateri tarifni načrt izbrati. Prejeli boste dva uporabna dodatka - AEUX in Motion Tool, ki vam omogočata optimizacijo nekaterih ključnih delovnih procesov v programu Adobe After Effects in močno olajšate proces ustvarjanja animacij ter se seznanite s programom After Učinki.

• Uvod v spletno animacijo
• Teorija
• Namestitev programov
• Vmesnik in nastavitev programa After Effects

VADITE

Animacija videza

V tej lekciji se boste naučili najbolj osnovne in priljubljene animacije – animacije videza in lastnosti Opacity. Ta praktična vadnica je strukturirana tako, da prejmete podrobna navodila o tem, kako korak za korakom ustvariti animacijo videza. Govorili bomo o tem, kaj je upodabljanje in zakaj je potrebno. Oglejmo si funkcijo Track Matte in njeno prvo lastnost - Alpha Matte (alfa maska). Posledično boste pridobili osnovno veščino dela z lastnostmi Opacity, Alpha Matte (alfa maska) in ustvarili posnetek s čudovito animacijo videza.

VADITE

Zapletena scena videza

Poglejmo si kombinacijo, ki je sestavljena iz dveh animacij: videza (to že poznate) in gibanja (to je nova vrsta animacije za vas). Na slednjem se bomo podrobneje posvetili. Za animiranje gibanja boste uporabili parameter Position, ki določa položaj predmeta v kompoziciji. Spoznali boste tudi možnost sloja Sidrna točka in se jo naučili pravilno uporabljati. Na koncu boste animirali posnetek in se naučili ustvariti impresivne animacije iz različnih vrst animacij.

VADITE

Delo z orodji za gibanje

V lekciji boste podrobno preučili skript Motion Tools. V praksi si oglejte, kako priročno je to orodje. Pravzaprav bistveno pospeši delovni proces. Poglobljeno boste razumeli, kaj je Velocity Graph, Easing, kako delujejo Bezierjeve krivulje v After Effects in kako vplivajo na animacijo. Nazadnje se boste podrobno naučili, kako prilagoditi svojo animacijo z orodji za gibanje, kar bo močno optimiziralo vašo izkušnjo animacije.

• Splošni pojmi
• Orodja za gibanje v2.0

VADITE

Zoom animacija (z alfa masko)

Naučili se boste, kako lahko prikažete animacije prikazanih fotografij. Ključna lastnost, ki se je boste naučili v tej vadnici, je parameter Scale plasti. Z njegovo pomočjo lahko spremenite velikost predmeta. Ta animacija se imenuje skalirna animacija (z uporabo Alpha Matte). Sam Alpha Matte (alfa masko) in sliko v njej bomo prilagodili skupaj z animacijo videza, ki ste jo že preučili. Tako se boste naučili učinkovito animirati fotografije.

VADITE

Animacija paralakse

Pridobili boste temeljito razumevanje, kako uporabiti enega najbolj priljubljenih učinkov - paralakso. Za izvedbo boste potrebovali 3 oblikovne elemente in že znano lastnost Position. Ko ustvarite učinek paralakse, boste ugotovili, kako uporabiti obratno animacijo, da bo zanka. Nazadnje se boste naučili ustvarjati posnetke, ki uporabljajo učinek paralakse, da ustvarijo občutek globine in razsežnosti, ki na gledalce pusti močan vtis.

VADITE

Kompleksna scena s paralakso, gibanjem in aplikacijo maske

V tej vadnici se boste naučili, kako ustvariti kompleksne animacije, ki vključujejo animacije, ki ste se jih naučili v prejšnjih poglavjih. sprinti, in sicer: videz - motnost, gibanje - položaj, skaliranje - merilo, uporaba Alpha Matte (alfa maska) in Effect paralaksa. Nova vrsta animacije za vas bo pojav naslova v območju maske. Naučili se boste, kako ustvariti zapletene prizore s prehodi z uporabo vseh teh vrst animacij, kar bo pomagalo, da bodo vaši posnetki izstopali od ostalih.

VADITE

Prilagodljiva animacija

Ogledali si bomo koncept prilagodljive animacije. To je že znana animacija povečave, ki jo boste uporabili za predstavitev odzivnih različic spletnega mesta, ko se postavitev namizja gladko spremeni v postavitev mobilnega telefona. Če ga želite ustvariti, boste uporabili predhodno naučene lastnosti, kot so Movement – ​​​​Position, Scaling – Scale, Disappearance/Appearance – Opacity, Reverse Animation – Motion Tools 2/Clone. Poznavanje pravilne implementacije prilagodljive animacije vam bo omogočilo učinkovito predstavitev vaših projektov.

VADITE

Animacija vrtenja

Naučili se boste preproste animacije – vrtenja in lastnosti objekta Rotation, ki je odgovorna za vrtenje plasti okoli sidrne točke. Ogledali si bomo tri parametre vrtenja: število vrtljajev, količino, za katero želimo zavrteti element (v stopinjah), vrtenje v smeri/nasprotni smeri urnega kazalca. Ko boste korak za korakom šli skozi vsakega od ponavljajočih se ciklov animacije, boste sčasoma osvojili veščino dela z lastnostjo Rotacija in ustvarili posnetek z rotacijsko animacijo, ki bo pritegnil pozornost gledalcev.

VADITE

Kompleksna animacija, sestavljena iz vseh osnovnih animacij

Poglejmo bolj zapleteno kombinacijo, ki jo sestavljajo vse osnovne animacije, ki jih poznate. V tej lekciji se bomo dotaknili teme ustvarjanja učinka simulacije klika na sliko z uporabo animacije skaliranja in izginotja kroga (Ellipse Tool). Posledično se boste naučili zaporedja različnih animacij, kar vam bo omogočilo ustvarjanje bolj zapletenih, impresivnih animacij.

VADITE

Delo s prizori

Ta lekcija je cikel, ki je sestavljen iz 3 sprintov. Osredotoča se na alternativne prehode prizorov. Najprej si bomo podrobneje ogledali koncept »scene« in razpravljali o tem, kakšni prehodi med scenami obstajajo. Naučili se boste uporabljati 3 nestandardne možnosti za menjavo scen: menjava maske, menjava zavese in menjava diapozitiva. Če želite ustvariti prehod »sprememba maske«, boste razumeli in se naučili delati z novim parametrom Track Matte – Alpha Inverted Matte ali Inverted Alpha Mask. In naučite se uvoziti video v animacijsko kompozicijo.

VADITE

Animacija za spremembo barve

V tej vadnici se boste naučili delati z barvno animacijo in lastnostjo barvne plasti. Preprosta animacija, ki jo lahko uporabite za prikaz premikanja gumbov ali povezav. Vendar bomo preučili bolj zanimivo možnost, kako lahko lepo predstavite svoj projekt z uporabo animacije, ki spreminja barvo.

VADITE

Animacija poti (Obreži)

Naučili se boste novega parametra Trim Path, ki ga lahko uporabite za ustvarjanje zelo kul učinkov gibanja poti ali z drugimi besedami, učinkov obrezovanja poti. Na primer, ko želijo prikazati prednalagalnik, vrstico napredka v video predvajalniku itd.

VADITE

Kompleksna animacija

V tej lekciji boste spet delali s kompleksno animacijo, utrdili prej pridobljene veščine in ustvarili animacijo posnetka z novimi učinki z uporabo vseh enake osnovne lastnosti animacije: videz, gibanje, maska, skaliranje, prehod med prizorom 1 (sprememba maske), prehod med prizorom 2 (sprememba zavesa).

VADITE

Okrasna besedilna animacija (napaka)

S to lekcijo se začne nov majhen cikel, sestavljen iz 3 lekcij o dekorativni animaciji besedila. V tej lekciji se boste naučili, kako narediti tako izjemen učinek, kot je Glitch - učinek "pokvarjene" slike ali televizijskih motenj. Ta učinek v animaciji je videti precej moden in ustvarja učinek wow. Ustvariti ga je zelo enostavno

VADITE

Okrasna besedilna animacija (scenarij)

V tej lekciji se boste naučili ustvariti animacijo, ki simulira veliko besedilo. Ta tehnika se pogosto uporablja za poudarke na spletnem mestu in izgleda precej estetsko. Za to animacijo boste uporabili novo orodje Pen. Bodite pripravljeni na trdo delo in bodite potrpežljivi. Kot rezultat boste dobili čudovito animacijo, ki jo lahko uporabite za predstavitev svojih projektov.

VADITE

Kreativna besedilna animacija

V tej lekciji boste spet našli besedilno animacijo, vendar bolj ustvarjalno in nenavadno. Njegov zanimiv učinek vključuje kombinacijo različnih animacij z uporabo dveh alfa mask - preproste in inverzne. Posledično boste ustvarili kul posnetek in to metodo lahko uporabite v svojih projektih za učinkovite predstavitve.

VADITE

Kompleksna animacija

V tej vadnici bomo uporabili vrste animacij, ki jih že poznate, vendar bomo nekatere od njih uporabili za ustvarjanje bolj zapletenih in nestandardnih učinkov. Kot rezultat dobimo kompleksno, kompleksno animacijo, ki je sestavljena iz treh prizorov s prehodi, drsenjem in menjavami diapozitivov.

VADITE

Animacija z uporabo Luma Matte

V prejšnjih lekcijah smo razpravljali o parametrih Track Matte in že imate dobro predstavo o principu delovanja Alpha Matte in Alpha Inverted Matte. V tej vadnici bomo raziskali naslednji dve možnosti Track Matte: Luma Matte in Luma Inverted Matte ter se naučili, kako ju uporabiti v naših projektih.

VADITE

Animacija z uporabo Turbulent Displace

Preučimo animacijo z učinkom popačenja fotografije. Turbulent Displace je eno od orodij parametra Distort. Tehnično je rahel premik slikovnih pik tisti, ki pomaga ustvariti učinek valovanja in se pogosto uporablja za učinek na fotografijah.

VADITE

Kompleksna kompleksna animacija

Zadnja učna ura, kjer bomo s predhodno naučenim ustvarili kompleksno kompleksno animacijo vrste animacij in nov – parameter Text in njegova lastnost “Source Text”, ki omogoča spreminjanje vsebine besedila plast. Neodvisen praktični del, kjer si boste iz nič izmislili in ustvarili animacijo za svoj posnetek, pa tudi več zanimivih in uporabnih bonus video lekcij

VADITE

Ustvarjanje animacije iz nič

Določitev sloga, iskanje referenc, izdelava scenarija. Princip ustvarjanja idej za prizore in prehode med njimi, priprava izvorne kode, izdelava animacije 1 prizora, objava posnetka na omrežjih.

VADITE

Vodenje in promocija računa Dribbble

Vodenje in promocija računa Dribbble. Animacija za predstavitve in Behance. Uporaba animacije iz After Effects na spletnem mestu.