Whiteboard Video Scribe Animation - Förberedelse

• Maj 2, 2024

Om du är intresserad av att göra en whiteboard eller videoscribe-animation i Motion^R och vet inte var jag ska börja, den här tutorialen kan hjälpa. Det finns två typer av simuleringar som används i en whiteboard-animation. Den ena är en ritningssimulering och den andra är en skrivsimulering. I denna handledning kommer vi att göra en mycket enkel whiteboard-animation som animerar en hand som ritar en logotyp och skriver ett företagsnamn på skärmen.

Du behöver några grafik, till exempel en hand / penna-grafik. Detta kan vara ett fotografi eller en illustration av en arm med handen håller en penna, pensel eller vad som helst. Grafiken ska ha en transparent bakgrund. Om du inte vill att din hand ska flyta i rymden, ska armen vara tillräckligt lång så att änden av armen är under skärmen under hela animationen.

Nästa kommer du att behöva bilden av vad handen kommer att rita på skärmen. Den här bilden bör också ha en transparent bakgrund. Merparten av tiden kommer denna grafik att tillhandahållas till dig av din klient, men du kan också skapa denna grafik från början i Motion^R eller Photoshop^R.

Det enklaste sättet att få dessa bilder till Motion är att lägga dem i en skiktad Photoshop-bild. Öppna en ny Photoshop-bild som är 1280 x 720 pixlar, vilket är dimensionerna på videoskärmen. Placera din grafik i den här bilden och se till att hela armen är synlig. Dessutom bör armen ligga på ett lager ovanför logotypskiktet. När det gäller företagsnamnet kommer vi att använda Motions textverktyg. Spara den här bilden som en lager. Psd Photoshop-bild.

Låt oss komma igång.

1. Öppna ett nytt rörelsedokument. Jag använder upplösningen 1280 x 720 pixlar och 29,97 fps (NTSC) eftersom det är den bästa handeln med skärmstorlek och nedladdningstid. Ställ in antalet sekunder för videon. För det här exemplet använde jag 5 sekunder.
   
   
2. Ställ in skärmen till Transparent från menyraden till höger.
   
   
3. Byt namn på projektlagret till "Whiteboard" i fönstret Layers. Byt namn på gruppskiktet till "BG" för bakgrund.
   
   
4. Om du inte använder en bakgrundsbild, ta en av dem från Motion Library eller rita en på skärmen. För att rita en bakgrund använder du rektangelverktyget och ställer in fyllningen till färgen du väljer i inspektören.
   
   Nu är vi redo för din grafik.
   
   
5. Importera din Photoshop-bild och berätta för Motion att inte slå samman lagren. När vi placerade dem i Photoshop-bilden är handen på ett lager ovanför grafiken som den kommer att rita (logotyp). Ordna handen och logotypen på skärmen på plats för den första bilden av din animering.
   
   Det är lättast att lägga handen och varje grafik som den kommer att rita i sin egen lagergrupp. För denna handledning kommer vi att placera handgrafiken i en grupp som heter "Hand" och logotypen i en grupp med namnet "Logo". Handgruppen ska ligga över logogruppen, som bör ligga över BG-gruppen.
   
   
6. Välj BG-lagret och klicka på Plus-ikonen längst ner i rutan för att lägga till ett nytt grupplager. Namnge denna grupp "Logo" och dra logotypgrafiken till det här lagret. Upprepa detta för handgrafiken och lägg handgruppen ovanför logogruppen.
   
   
7. Nu när standardgruppsskiktet är tomt kan vi ta bort det. Vi bör ha tre grupplager: Hand, Logo och BG.
   
   

I nästa handledning drar vi Bezier-vägen som animerar handen.

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 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.