Whiteboard Video Scribe Animation - Bezier Path

• Kan 6, 2024

I denne tutorial vil vi fortsætte med at opbygge en simpel whiteboardvideo i Motion^R. Det næste trin er at tegne den Bezier-sti, der er basis for animationen.

Du tegner en Bezier-sti, der kontrollerer bevægelsen af ​​hånden. En duplikat af denne Bezier-sti vil blive brugt til at oprette masken, der skjuler grafikken, der tegnes på skærmen og afslører den, når armen passerer. Fordi masken er oprettet ud fra en duplikat af Bezier-stien, som hånden vil følge, er resultatet en simulering af hånddegningen på skærmen.

Inden vi tegner Bezier-stien, er vi nødt til at justere ankerpunktet i håndgrafikken. Vær standard, Bevægelse sætter ankerpunktet i midten af ​​grafikken. Men dette ankerpunkt vil være det, der følger stien. Vi ønsker ikke, at midten af ​​armen skal tegnes på skærmen. Vi ønsker, at spidsen af ​​blyanten skal tegnes på skærmen. Lad os ordne dette.

1. Vælg håndgrafik, og vælg derefter ankerpunktværktøjet. Brug de røde og blå pilene til at placere ankerpunktet over spidsen af ​​blyanten.
   
   Nu kommer vi til den gode del.
   
   
2. Vælg det grafiske lag Hånd, og vælg derefter Bezier-værktøjet. Placer det første Bezier-punkt over spidsen af ​​blyanten. Derefter skal du flytte til logoet og tegne en zig-zag-sti over logoet. Endelig skal du vende tilbage til hånden og tilføje det sidste punkt. Luk ikke stien.
   
   
3. For at fortælle bevægelse, at du er færdig med at tegne Bezier-stien, skal du vælge værktøjet Select / Transform. Du får et nyt Bezier-lag i ruden Lag. Træk dette nye lag under Håndlaget og omdøb det til "Bezier_Logo", fordi dette er Bezier-stien til tegning af logo-billedet.
   
   Nu hvor vi har Bezier-stien, kan vi tilføje opførelsen af ​​bevægelsessti til håndgrafikken. Denne opførsel er det, der får hånden til at animere. Men vi ønsker, at hånden skal følge Bezier_Logo-stien. Så vi vil bede Motion om at bruge Bezier_Logo-stien til denne Motion Path-adfærd.
   
   
4. Hvis du vil tilføje adfærden til håndgrafikken, skal du vælge det grafiske håndlag i ruden Lag. Fra bevægelsesmenuen nederst til højre skal du vælge Bevægelsessti. Du vil se et nyt bevægelsessti-lag tilføjet under håndlaget.
   
   
5. Vælg lag af bevægelsessti og gå til inspektøren (inspektør - opførsel - bevægelsessti). Indstil menuen Sti-form til Geometri. Fjern markeringen af ​​indstillingen Vedhæft til form. Gå tilbage til Bezier_Logo-laget i ruden Lag, og klik / træk over til formkilden godt. Når du ser den lille pil, skal du frigøre din mus.
   
   Med Playhead stadig på den første ramme, skal du teste animationen. Hvis blyanten ikke følger direkte stien, skal du foretage justeringer til ankerpunktet ved spidsen af ​​blyanten efter behov.
   
   Ser hånden ud til at tegne lidt for langsomt til en tavleanimation? Nå, vi kan fremskynde det ved at forkorte bevægelsesstien og Bezier_Logo-sporene på tidslinjen.
   
   
6. Gå til tidslinjen og find det purpurfarvede spor af bevægelsessti. Træk højre kant til sti-sporet til venstre, indtil det er i de to sekunders position på tidslinjen (02:00). Gentag dette for Bezier_Logo-sporet.
   
   

OK, det er tid til en kaffepause. I den næste tutorial vil vi oprette masken, der afslører logoet.

← Tilbage | Næste →

Eksempel på vejledning:


Apple, Motion, iBooks-forfatter, GarageBand, TextEdit, Pages, iMovie og Mac er varemærker tilhørende Apple Inc., registreret i USA og andre lande.
CoffeBreakBlog er en uafhængig publikation og er ikke godkendt, sponsoreret eller på anden måde godkendt af Apple Inc. Screenshots brugt med tilladelse.
Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: #Ae-48 Merge Path and animation in Adobe after effects (HINDI) (Kan 2024).