Whiteboard Videoskriptanimation - Bezier Path

• Maj 2, 2024

I denna handledning fortsätter vi att bygga en enkel whiteboardvideo i Motion^R. Nästa steg är att rita Bezier-vägen som ligger till grund för animeringen.

Du kommer att rita en Bezier-väg som kommer att kontrollera handens rörelse. En duplikat av denna Bezier-väg kommer att användas för att skapa masken som döljer grafiken som ritas på skärmen och avslöjar den när armen passerar. Eftersom masken skapas från ett duplikat av Bezier-banan som handen kommer att följa är resultatet en simulering av handritningen på skärmen.

Innan vi ritar Bezier-vägen, måste vi justera förankringspunkten för handgrafiken. Vara som standard, Rörelse sätter förankringspunkten i mitten av grafiken. Men denna förankringspunkt kommer att vara det som följer vägen. Vi vill inte att mitten av armen ska rita på skärmen. Vi vill att blyertspetsen ska rita på skärmen. Låt oss fixa det här.

1. Välj handgrafiken och välj sedan ankarpunktverktyget. Använd de röda och blå pilarna för att placera ankarpunkten över pennans spets.
   
   Nu kommer vi till den bra delen.
   
   
2. Välj handgrafiklagret och välj sedan Bezier-verktyget. Placera den första Bezier-punkten över pennans spets. Nästa, gå över till logotypen och rita en sicksackväg över logotypen. Till sist, gå tillbaka till handen och lägg till den sista punkten. Stäng inte vägen.
   
   
3. För att berätta för Rörelse att du är klar med att rita Bezier-banan, välj verktyget Select / Transform. Du får ett nytt Bezier-lager i fönstret Lager. Dra det nya lagret under handskiktet och byt namn på det "Bezier_Logo" eftersom det här är Bezier-vägen för att rita logobilden.
   
   Nu när vi har Bezier-vägen kan vi lägga till rörelsebanens beteende till handgrafiken. Detta beteende är det som får handen att animera. Men vi vill att handen ska följa Bezier_Logo-vägen. Så vi kommer att berätta för Motion att använda Bezier_Logo-vägen för detta Motion Path-beteende.
   
   
4. Om du vill lägga till beteendet i handgrafiken väljer du handgrafiklagret i fönstret Lager. Från Beteende-menyn längst ner till höger väljer du Rörelsebana. Du kommer att se ett nytt rörelsevägslag lagret under handskiktet.
   
   
5. Välj rörelsevägslag och gå till inspektören (inspektör - beteenden - rörelsebana). Ställ in Path Shape-menyn till Geometry. Avmarkera alternativet Bifoga till form. Gå tillbaka till Bezier_Logo-lagret i lagerfönstret och klicka / dra över till Shape Source. Släpp musen när du ser den lilla pilen.
   
   Testa animationen med Playhead fortfarande i den första bildrutan. Om blyertspennan inte följer vägen direkt, gör du justeringar av ankarpunkten vid spetsens spets efter behov.
   
   Verkar handen rita lite för långsamt för en whiteboard-animation? Tja, vi kan påskynda det genom att förkorta spåren Motion Path och Bezier_Logo på tidslinjen.
   
   
6. Gå till tidslinjen och hitta den lila färgade rörelsespåret. Dra den högra kanten till banspåret till vänster tills den befinner sig på två sekunder på tidslinjen (02:00). Upprepa detta för Bezier_Logo-spåret.
   
   

OK, det är dags för en kaffepaus. I nästa handledning skapar vi masken som avslöjar logotypen.

← Tillbaka | Nästa →

Exempel på handledning:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie och Mac är varumärken som tillhör Apple Inc., registrerade i USA och andra länder.
CoffeBreakBlog är en oberoende publikation och har inte godkänts, sponsras eller på annat sätt godkänts av Apple Inc. Skärmbilder som används med tillstånd.
Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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 och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Powerpoint Whiteboard Animation Tutorial (Maj 2024).