Sąsajos animacija – kursas 31 900 RUB. iš Uprock, mokymai 4 mėnesiai, data 2023 m. lapkričio 28 d.

instagram viewer

TEORIJA

Įvadas

Šioje pamokoje sužinosite, kas yra žiniatinklio animacija, kokias funkcijas ji atlieka kuriant sąsają ir kokiais atvejais ji naudojama. Sužinosite, kokios dviejų tipų animacijos naudojamos tikrose svetainėse. Gaukite pagrindinių patarimų, kaip sukurti sklandžią, lengvą ir visada aktualią animaciją. Sužinosite, kokių technikų geriausia nenaudoti tikroviškose animacijose ir kodėl. Išanalizuosime pagrindinius animacijos veiksmus ir pažvelgsime į juos su pavyzdžiais. Išsiaiškinkime, kokias programas reikia įdiegti norint treniruotis ir patogiai dirbti. Kur ir kaip registruotis, kokį tarifų planą pasirinkti. Gausite du naudingus įskiepius – AEUX ir Motion Tool, kurie leis optimizuoti kai kuriuos pagrindinius darbo procesus programoje Adobe After Effects ir labai palengvinti animacijos kūrimo procesą bei susipažinti su After programa Efektai.

• Įvadas į žiniatinklio animaciją
• teorija
• Programų diegimas
• After Effects sąsaja ir sąranka

PRAKTIKA

Išvaizdos animacija

Šioje pamokoje išmoksite paprasčiausią ir populiariausią animaciją – išvaizdos animaciją ir opacity savybę. Ši praktinė pamoka sudaryta taip, kad gausite išsamias instrukcijas, kaip žingsnis po žingsnio sukurti išvaizdos animaciją. Pakalbėsime apie tai, kas yra atvaizdavimas ir kodėl jo reikia. Pažvelkime į funkciją Track Matte ir pirmąją jos savybę – Alpha Matte (alfa kaukė). Dėl to įgysite pagrindinių įgūdžių dirbti su Opacity savybėmis, Alpha Matte (alfa kauke) ir sukursite kadrą su gražios išvaizdos animacija.

PRAKTIKA

Sudėtinga išvaizdos scena

Pažvelkime į kombinaciją, kurią sudaro dvi animacijos: išvaizda (jau esate su ja susipažinusi) ir judėjimas (tai yra naujas animacijos tipas jums). Apie pastarąjį mes gyvensime išsamiau. Norėdami animuoti judėjimą, naudosite parametrą Position, kuris nustato objekto padėtį kompozicijoje. Taip pat susipažinsite su sluoksnio parinktimi Anchor Point ir išmoksite ją teisingai naudoti. Galiausiai animuosite kadrą ir išmoksite sukurti įspūdingą animaciją iš skirtingų animacijų tipų.

PRAKTIKA

Darbas su judesio įrankiais

Pamokoje išsamiai išnagrinėsite „Motion Tools“ scenarijų. Praktiškai pažiūrėkite, koks patogus šis įrankis. Tiesą sakant, tai žymiai pagreitina darbo procesą. Išsamiai suprasite, kas yra „Velocity Graph“, „Easing“, kaip „After Effects“ veikia Bezier kreivės ir kaip jos veikia animaciją. Galiausiai išsamiai sužinosite, kaip tinkinti animaciją naudodami „Motion Tools“, kuri labai pagerins jūsų animacijos patirtį.

• Bendrosios sąvokos
• Judesio įrankiai v2.0

PRAKTIKA

Priartinimo animacija (naudojant alfa kaukę)

Sužinosite, kaip galite rodyti rodomų nuotraukų animacijas. Pagrindinė savybė, kurią sužinosite šioje pamokoje, yra sluoksnio mastelio parametras. Su jo pagalba galite pakeisti objekto dydį. Ši animacija vadinama mastelio keitimo animacija (naudojant Alpha Matte). Padidinsime patį Alpha Matte (alfa kaukę) ir jame esantį vaizdą kartu su išvaizdos animacija, kurią jau išstudijavote. Taip išmoksite efektyviai animuoti nuotraukas.

PRAKTIKA

Paralakso animacija

Įgysite išsamų supratimą, kaip pritaikyti vieną populiariausių efektų – paralaksą. Norėdami jį įgyvendinti, jums reikės 3 dizaino elementų ir jau pažįstamos Pozicijos savybės. Sukūrę paralakso efektą, išsiaiškinsite, kaip pritaikyti atvirkštinę animaciją, kad ji suktųsi. Galiausiai sužinosite, kaip sukurti kadrus, kuriuose naudojamas paralakso efektas, kad būtų sukurtas gylio ir matmenų pojūtis, paliekantis žiūrovams stiprų įspūdį.

PRAKTIKA

Sudėtinga scena su paralaksu, judesiu ir kauke

Šiame vadove sužinosite, kaip sukurti sudėtingas animacijas, kurios apimtų ankstesniuose skyriuose išmoktas animacijas. sprintai, būtent: Išvaizda – Nepermatomumas, Judėjimas – Padėtis, Mastelio keitimas – Skalė, Alfa matinis (alfa kaukė) ir efektas paralaksas. Naujas animacijos tipas jums bus pavadinimo atsiradimas kaukės srityje. Sužinosite, kaip sukurti sudėtingas scenas su perėjimais naudojant visus šiuos animacijos tipus, kurie padės jūsų kadrams išsiskirti iš kitų.

PRAKTIKA

Adaptyvi animacija

Panagrinėsime adaptyviosios animacijos koncepciją. Tai jau pažįstama mastelio keitimo animacija, kurią naudosite demonstruodami reaguojančias svetainės versijas, kai darbalaukio išdėstymas sklandžiai virsta mobiliojo telefono išdėstymu. Norėdami jį sukurti, naudosite anksčiau išmoktas ypatybes, tokias kaip judėjimas – padėtis, mastelio keitimas – mastelis, išnykimas/išvaizda – neskaidrumas, atvirkštinė animacija – judesio įrankiai 2/klonuoti. Žinodami, kaip tinkamai įgyvendinti adaptyviąją animaciją, galėsite efektyviai pristatyti savo projektus.

PRAKTIKA

Sukimosi animacija

Išmoksite paprastą animaciją – pasukimus ir Rotation object ypatybę, kuri yra atsakinga už sluoksnio sukimąsi aplink jo tvirtinimo tašką. Pažiūrėsime į tris Rotation parametrus: apsisukimų skaičių, kiekį, kuriuo norime pasukti elementą (laipsniais), sukimąsi pagal laikrodžio rodyklę/prieš laikrodžio rodyklę. Žingsnis po žingsnio pereidami kiekvieną iš pasikartojančių animacijos ciklų, galiausiai įgysite darbo su Rotation savybe įgūdžius ir sukursite kadrą su sukimosi animacija, kuri pritrauks žiūrovų dėmesį.

PRAKTIKA

Sudėtinga animacija, kurią sudaro visos pagrindinės animacijos

Pažvelkime į sudėtingesnį derinį, kurį sudaro visos pagrindinės jums žinomos animacijos. Šioje pamokoje paliesime paveikslėlio paspaudimo imitavimo efekto sukūrimo temą naudojant apskritimo mastelio keitimo ir išnykimo animaciją (Elipse Tool). Dėl to išmoksite skirtingų animacijų seką ir galėsite sukurti sudėtingesnes, įspūdingesnes animacijas.

PRAKTIKA

Darbas su scenomis

Ši pamoka yra ciklas, kurį sudaro 3 sprintai. Jame pagrindinis dėmesys skiriamas alternatyviems scenos perėjimams. Pirmiausia atidžiau pažvelgsime į „scenos“ sąvoką ir aptarsime, kokie yra perėjimai tarp scenų. Sužinosite, kaip naudoti 3 nestandartines scenų keitimo parinktis: kaukės keitimą, užuolaidų keitimą ir skaidres. Norėdami sukurti „kaukės keitimo“ perėjimą, suprasite ir išmoksite dirbti su nauju Track Matte parametru – Alpha Inverted Matte arba Inverted Alpha Mask. Ir išmokite importuoti vaizdo įrašą į animacijos kompoziciją.

PRAKTIKA

Spalvų keitimo animacija

Šiame vadove sužinosite, kaip dirbti su spalvų animacija ir spalvų sluoksnio savybe. Paprasta animacija, kurią galima naudoti norint parodyti mygtukų ar nuorodų užvedimą. Bet mes pažvelgsime į įdomesnį variantą, kaip galite gražiai pristatyti savo projektą naudodami spalvų keitimo animaciją.

PRAKTIKA

Kelio animacija (apkarpymas)

Sužinosite naują Trim Path parametrą, kurį naudojant galima sukurti labai šaunius takelio judėjimo efektus, arba kitaip tariant, kelio apipjaustymo efektus. Pavyzdžiui, kai jie nori rodyti išankstinį įkėliklį, vaizdo įrašų grotuvo eigos juostą ir pan.

PRAKTIKA

Sudėtinga animacija

Šioje pamokoje vėl dirbsite su sudėtinga animacija, įtvirtinsite anksčiau įgytus įgūdžius ir kursite kadrų animaciją su naujais efektais naudodami visus tos pačios pagrindinės animacijos savybės: išvaizda, judėjimas, kaukė, mastelio keitimas, perėjimas tarp 1 scenos (kaukės keitimas), perėjimas tarp 2 scenos (pakeitimas užuolaida).

PRAKTIKA

Dekoratyvinė teksto animacija (gedimas)

Ši pamoka pradeda kitą nedidelį ciklą, kurį sudaro 3 dekoratyvinės teksto animacijos pamokos. Šioje pamokoje sužinosite, kaip sukurti tokį nepaprastą efektą kaip „Glitch“ – „sugedusio“ vaizdo ar televizijos trukdžių efektą. Šis animacijos efektas atrodo gana madingas ir sukuria wow efektą. Tai gana lengva sukurti

PRAKTIKA

Dekoratyvinė teksto animacija (scenarijus)

Šioje pamokoje sužinosite, kaip sukurti animaciją, imituojančią didžiąją raidę. Ši technika dažnai naudojama akcentams svetainėje ir atrodo gana estetiškai. Šiai animacijai naudosite naują rašiklio įrankį. Būkite pasirengę sunkiam darbui ir būkite kantrūs. Dėl to gausite gražią animaciją, kurią galėsite panaudoti pristatydami savo projektus.

PRAKTIKA

Kūrybinio teksto animacija

Šioje pamokoje vėl rasite teksto animaciją, tačiau kūrybiškesnę ir neįprastesnę. Jo įdomus efektas apima skirtingų animacijų derinį naudojant dvi alfa kaukes - paprastą ir atvirkštinę. Dėl to sukursite šaunų kadrą ir galėsite naudoti šį metodą savo projektuose, kad pateiktumėte efektyvius pristatymus.

PRAKTIKA

Sudėtinga animacija

Šioje pamokoje naudosime jums jau žinomų animacijų tipus, tačiau kai kuriuos iš jų naudosime kurdami sudėtingesnius ir nestandartinius efektus. Dėl to gauname sudėtingą, sudėtingą animaciją, kurią sudaro trys scenos su perėjimais, slinkimu ir skaidrių keitimu.

PRAKTIKA

Animacija naudojant Luma Matte

Ankstesnėse pamokose aptarėme Track Matte parametrus, ir jūs jau gerai žinote Alpha Matte ir Alpha Inverted Matte veikimo principą. Šioje pamokoje išnagrinėsime šias dvi „Track Matte“ parinktis: „Luma Matte“ ir „Luma Inverted Matte“ ir sužinosime, kaip jas pritaikyti savo projektams.

PRAKTIKA

Animacija naudojant Turbulent Displace

Išstudijuokime animaciją naudodami nuotraukos iškraipymo efektą. Turbulent Displace yra vienas iš iškraipymo parametro įrankių. Techniškai tai yra nedidelis pikselių poslinkis, kuris padeda sukurti bangos efektą ir dažnai naudojamas kaip efektas nuotraukose.

PRAKTIKA

Sudėtinga sudėtinga animacija

Paskutinė mokymo pamoka, kurios metu kursime sudėtingą kompleksinę animaciją, naudodami anksčiau išmoktą animacijų tipai ir naujas – parametras Tekstas ir jo ypatybė „Šaltinio tekstas“, leidžianti keisti teksto turinį sluoksnis. Nepriklausoma praktinė dalis, kurioje nuo nulio sugalvosite ir sukursite animaciją savo kadrui, taip pat keletą įdomių ir naudingų papildomų vaizdo įrašų pamokų.

PRAKTIKA

Animacijos kūrimas nuo nulio

Stiliaus nustatymas, nuorodų paieška, scenarijaus kūrimas. Scenų ir perėjimų tarp jų idėjų kūrimo principas, pirminio kodo paruošimas, 1 scenos animacijos kūrimas, kadro publikavimas tinkluose.

PRAKTIKA

Dribbble paskyros valdymas ir reklama

Dribbble paskyros valdymas ir reklama. Animacija pristatymams ir „Behance“. Svetainėje naudojama animacija iš After Effects.