„Whiteboard“ vaizdo rašymo animacija - paruošimas

• Gegužė 1, 2024

Jei jus domina „Motion“ sukurta lentos arba vaizdo rašymo animacijos animacija^R ir nežinote, nuo ko pradėti, ši instrukcija gali padėti. Yra dviejų tipų modeliavimas, naudojamas animacinėje lentoje. Vienas iš jų yra piešimo modeliavimas, o kitas - rašymo modeliavimas. Šiame vadove mes padarysime labai paprastą lentos animaciją, kuria animuojama ranka piešiant logotipą ir ekrane užrašant įmonės pavadinimą.

Jums reikės kelių grafikų, tokių kaip rankinė / pieštuko grafika. Tai gali būti rankos nuotrauka ar iliustracija su ranka pieštuku, teptuku ar bet kuo. Grafika turėtų būti skaidriame fone. Jei nenorite, kad ranka plūduruotų erdvėje, rankos ilgis turėtų būti pakankamai ilgas, kad rankos galas būtų animacijos metu žemiau ekrano.

Kitas jums reikės grafikos, ką ranka piešė ekrane. Šis vaizdas taip pat turėtų būti skaidriame fone. Didžiąją laiko dalį šią grafiką jums pateiks jūsų klientas, tačiau taip pat galite sukurti šią grafiką nuo nulio „Motion“ viduje^R arba „Photoshop“^R.

Paprasčiausias būdas gauti šias grafikas į „Motion“ - sudėti jas į „Photoshop“ sluoksnį. Atidarykite naują „Photoshop“ vaizdą, kurio dydis yra 1280 x 720 pikselių, o tai yra vaizdo įrašo ekrano matmenys. Įdėkite grafiką į šį vaizdą įsitikindami, kad matoma visa ranka. Taip pat rankos turėtų būti ant sluoksnio virš logotipo sluoksnio. Kalbant apie įmonės pavadinimą, mes naudosime „Motion's Text“ įrankį. Išsaugokite šį vaizdą kaip sluoksnį .psd Photoshop atvaizdą.

Pradėkime judėti.

1. Atidarykite naują pasiūlymo dokumentą. Aš naudoju 1280 x 720 pikselių skiriamąją gebą ir 29,97 fps (NTSC), nes tai yra geriausias ekrano dydžio ir atsisiuntimo laiko skirtumas. Nustatykite vaizdo įrašo sekundžių skaičių. Šiame pavyzdyje aš panaudojau 5 sekundes.
   
   
2. Dešinėje esančiame meniu juostoje ekraną nustatykite į skaidrią.
   
   
3. Sluoksnių srityje pervardykite projekto sluoksnį į „lentą“. Pervardykite grupės sluoksnį į „BG“ fonui.
   
   
4. Jei nenaudojate fono paveikslėlio, paimkite jį iš „Motion Library“ arba nubrėžkite jį ekrane. Norėdami piešti foną, naudokite įrankį Stačiakampis ir inspektoriuje nustatykite užpildymą pagal pasirinktą spalvą.
   
   Dabar mes pasiruošę jūsų grafikai.
   
   
5. Importuokite „Photoshop“ vaizdą ir liepkite „Motion“ nejungti sluoksnių. Kai mes įdėjome juos į „Photoshop“ atvaizdą, ranka yra ant sluoksnio, virš kurio bus pavaizduota paveikslėlis (logotipas). Išdėstykite ranką ir logotipą ekrane, kad galėtumėte nusistatyti pirmąjį animacijos kadrą.
   
   Lengviausia sudėti ranką ir kiekvieną paveikslėlį, kurį ji nupieš, į savo sluoksnių grupę. Šiam mokymui rankos grafiką sudėsime į grupę pavadinimu „Ranka“, o logotipo grafiką į grupę pavadinimu „Logotipas“. Rankų grupė turėtų būti aukščiau logotipų grupės, kuri turėtų būti aukščiau BG grupės.
   
   
6. Pasirinkite BG sluoksnį ir spustelėkite pliuso piktogramą, esančią skydelio apačioje, kad pridėtumėte naują grupės sluoksnį. Pavadinkite šią grupę „Logotipas“ ir vilkite logotipo grafiką į šį sluoksnį. Pakartokite tai ranka, pavaizduodami rankos grupę aukščiau logotipo grupės.
   
   
7. Dabar, kai numatytasis grupės sluoksnis yra tuščias, galime jį ištrinti. Turėtume turėti tris grupės sluoksnius: „Hand“, „Logo“ ir „BG“.
   
   

Kitame vadove nupiešime Bezier kelią, kuris pagyvins ranką.

Kitas →

Apmokymo pavyzdys:


„Apple“, „Motion“, „iBooks Author“, „GarageBand“, „TextEdit“, „Pages“, „iMovie“ ir „Mac“ yra „Apple Inc.“ prekės ženklai, registruoti JAV ir kitose šalyse.
„CoffeBreakBlog“ yra nepriklausomas leidinys ir jo negavo „Apple Inc.“ leidimas, rėmimas ar kitaip patvirtinimas. Ekrano nuotraukos naudojamos pagal leidimą.
Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.