Whiteboard Video Scribe Animation - Finish

• Maj 18, 2024

I denna rörelse^R handledning, vi kommer att avsluta whiteboard-animationen. Vi har redan animerat ritningssimuleringen för logotypen. Nu kommer vi att skapa en skrivsimulering för företagsnamnet.

Metoden som vi håller på att använda kommer att skapa en bra simulering av handen som skriver företagsnamnet på skärmen, eftersom pennan kommer att spåra över varje enskild bokstav i texten. Det här är bra för en anpassad whiteboardvideo för en klient. Men om du skapar en mall som gör att platshållaren kan ersättas med en annan text, vill du använda samma typ av simulering som vi brukade rita logotypen.

Till exempel kommer du att göra Bezier-banan sicksack över platshållarens text istället för att spåra de enskilda bokstäverna. Även om simuleringen inte är lika realistisk som skrivsimuleringen som vi kommer att lära oss skapa här, är den tillräckligt flexibel för en mall.

Men låt oss anta att detta är en anpassad whiteboardvideo för en klient och vi skapar den realistiska skrivsimuleringen.

Vi kommer att använda Textverktyget i Motion för att lägga till företagsnamnet i projektet. Vi vill att denna animering ska börja några ramar efter att den första animationen är slut, vilket är klockan 02:00 på tidslinjen. Så, låt oss starta denna animering vid markeringen 02:10 och den kommer att pågå i två sekunder.

1. Lägg till en ny grupp i skivfönstret ovanför BG-gruppen med Playhead i märket 02:10 och namnge det "Text". Klicka på skärmen med textverktyget på den plats du vill börja lägga till text. Formatera texten efter behov för din klient.
   
   Låt oss komma igång. När du skapar Bezier-banan lägger du till förankringspunkter över varje bokstav som om du skriver texten på skärmen.
   
   
2. Välj handgrafiklagret och Bezier-verktyget. Placera den första förankringspunkten ovanför pennans spets. Flytta sedan över till texten och börja lägga till förankringspunkter över texten. Eftersom detta är slutet på whiteboarddelen av videon, lägg till den sista ankarpunkten precis under den sista bokstaven på skärmen.
   
   
3. Välj verktyget Select / Transform för att avsluta sökvägen och byta namn på det nya Bezier-banskiktet till "Bezier_Text". Dra Bezier_Text-lagret under Bezier_Logo-lagret i handgruppen.
   
   Nu kommer vi att lägga till ett annat rörelsebana-beteende till det grafiska lagret Hand
   
   
4. Välj det grafiska lagret Hand och lägg till ett rörelsebana-beteende. Name it Motion Path 2.
   
   
5. När beteendelagret Motion Path 2 är valt, gå till inspektören och ställ in banformen till geometri. Avmarkera alternativet Bifoga till form och dra Bezier_Text-lagret till formkällan.
   
   
6. Flytta Playhead till markeringen 02:10 på tidslinjen. Dra den vänstra kanten på Motion Path 2-spåret från början av tidslinjen till märket 02:10. Dra höger kant på spåret till märket 04:10. Upprepa detta för Bezier_Text-spåret.
   
   Nu kommer vi att skapa masken.
   
   
7. Skapa en duplikat av Bezier_Text-lagret och dra detta Bezier_Text-kopieringslager i Text-gruppen och placera det ovanför Text-lagret. Stäng av synligheten för det ursprungliga Bezier_Text-lagret.
   
   
8. Med Bezier_Text-kopieringsskiktet fortfarande valt, öka bredden på banan tills texten är dold under masken.
   
   
9. Lägg till en bildmask i textskiktet och dra Bezier_Text-kopieringslagret till det nya bildmaskskiktet.
   
   
10. Dra på högerkanten på bildmaskspåret till märket 04:10.
    
    Nu lägger vi till Keyframes för att animera masken.
    
    
11. Placera Playhead på märket 02:10 och välj Bezier_Text-kopieringslagret. Gå till inspektören (inspektör - form - stil - kontur) och ställ skjutreglaget Last Point Offset till noll. Lägg till en nyckelbild.
    
    
12. Flytta Playhead till märket 04:10 och ställ tillbaka skjutreglaget Last Point Offset till 100.
    
    Testa animeringen. Vår sista uppgift är att ta bort handgrafiken från skärmen.
    
    
13. Med Playhead kvar klockan 04:10 väljer du det grafiska lagret Hand. Lägg till en nyckelbild genom att klicka på ikonen till höger om skjutreglaget Opacity i inspektören (inspektör - egenskaper - blandning). Flytta Playhead till 04:20 och minska opaciteten till noll.
    

← Tillbaka

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.

Video Instruktioner: Best Explainer Video Whiteboard Video | Explainer Video Whiteboard Animation Videos (Maj 2024).