Animacija video scenarija na bijeloj ploči - Bezier Path

• Svibanj 15, 2024

U ovom tutorialu nastavit ćemo graditi jednostavan video zapis na ploči u programu Motion^R, Sljedeći je korak crtanje Bezierove staze koja je osnova animacije.

Nacrtat ćete Bezierovu stazu koja će kontrolirati kretanje ruke. Duplikat ove Bezierove staze koristit će se za stvaranje maske koja će sakriti grafiku koja se crta na ekranu i otkrivati ​​je dok ruka prelazi. Budući da je maska ​​stvorena iz duplikata Bezierove staze koju će ruka slijediti, rezultat je simulacija crteža ruku na ekranu.

Prije nego što nacrtamo Bezier stazu, moramo prilagoditi točku sidrenja na ruci. Budite zadani, Motion postavlja sidrenu točku u sredinu grafike. Ali ta sidrišta bit će ono što slijedi put. Ne želimo da središnja krak crta na ekranu. Želimo da vrh olovke crta na ekranu. Riješimo to.

1. Odaberite Ručnu grafiku, a zatim odaberite Alatnu točku sidra. Pomoću crvenih i plavih strelica postavite točku sidrenja preko vrha olovke.
   
   Sada smo došli do tog dobrog dijela.
   
   
2. Odaberite ručni grafički sloj, a zatim odaberite alat Bezier. Postavite prvu Bezierovu točku preko vrha olovke. Zatim prijeđite na Logotip i nacrtajte cik-cak stazu preko Logotipa. Na kraju se vratite u ruku i dodajte zadnju točku. Ne zatvarajte stazu.
   
   
3. Da biste Motion-u rekli da završite crtanje Bezier-ove staze, odaberite alat Select / Transform. Dobićete novi Bezier sloj u oknu Slojevi. Povucite ovaj novi sloj ispod Hand sloja i preimenujte ga u "Bezier_Logo", jer je to Bezier-ova staza za crtanje slike logotipa.
   
   Sada kada imamo Bezier-ovu stazu, možemo dodati grafički prikaz Motion Path. Ovo ponašanje će uzrokovati animiranje ruku. Ali mi želimo da ruka slijedi put Bezier_Logo. Stoga ćemo reći Motion-u da koristi Bezier_Logo stazu za ovo ponašanje Path Motion-a.
   
   
4. Da biste dodali ponašanje u ručnu grafiku, odaberite sloj Ručni grafički u oknu Slojevi. Na izborniku Ponašanja u donjem desnom kutu odaberite Put kretanja. Vidjet ćete novi sloj putanje kretanja dodan ispod sloja ruke.
   
   
5. Odaberite sloj putanje kretanja i idite na inspektora (Inspektor - Ponašanja - Put kretanja). Postavite Path Shape izbornik na Geometry. Poništite odabir opcije Priloži obliku. Vratite se na sloj Bezier_Logo u oknu Slojevi i dobro je kliknite / povucite prema izvoru oblika. Kad ugledate malu strelicu, pustite miša.
   
   Dok je Playhead još uvijek na prvom kadru, testirajte animaciju. Ako olovka ne slijedi izravno stazu, prilagodite točku sidrenja na vrhu olovke po potrebi.
   
   Čini li se da vas ruka malo povlači za animaciju na ploči? Pa, možemo ga ubrzati skraćivanjem staza Motion Path i Bezier_Logo na Vremenskoj traci.
   
   
6. Idite na Vremensku traku i pronađite prugu s ljubičastom bojom. Povucite desni rub prema stazi staze s lijeve strane dok ne bude na dvije sekunde na vremenskoj traci (02:00). Ponovite ovo za zapis Bezier_Logo.
   
   

OK, vrijeme je za pauzu za kavu. U sljedećem tutorialu kreirat ćemo masku koja otkriva logotip.

← Natrag | Sljedeće →

Primjer vodiča:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie i Mac zaštitni su znakovi tvrtke Apple Inc., registrirane u SAD-u i drugim zemljama.
CoffeBreakBlog je neovisna publikacija i nije je odobrio, sponzorirao ili na neki drugi način odobrio Apple Inc. Snimke zaslona korištene uz dopuštenje.
Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke Adobe Systems Incorporated. Adobe, Photoshop, Photoshop album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper je ili su [a] registrirani zaštitni znak ili zaštitni znak tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: Programming - Computer Science for Business Leaders 2016 (Svibanj 2024).