Whiteboard Video Scribe-animatie - Voltooien

• Mei 15, 2024

In deze motie^R tutorial, zullen we de whiteboard-animatie afmaken. We hebben de tekeningssimulatie voor het logo al geanimeerd. Nu gaan we een schrijfsimulatie maken voor de bedrijfsnaam.

De methode die we gaan gebruiken, maakt een goede simulatie van de hand die de bedrijfsnaam op het scherm schrijft, omdat het potlood elke afzonderlijke letter in de tekst zal volgen. Dit is geweldig voor een aangepaste whiteboard-video voor een client. Maar als u een sjabloon maakt waarmee de plaatsaanduidingstekst kan worden vervangen door een andere tekst, wilt u hetzelfde type simulatie gebruiken dat we hebben gebruikt om het logo te tekenen.

U maakt bijvoorbeeld het Bezier-pad zigzaggend over de plaatsaanduidingstekst in plaats van de afzonderlijke letters te volgen. Hoewel de simulatie niet zo realistisch is als de schrijfsimulatie die we hier zullen leren maken, is hij flexibel genoeg voor een sjabloon.

Maar laten we aannemen dat dit een aangepaste whiteboard-video voor een client is en we zullen de realistische schrijfsimulatie maken.

We zullen de teksttool in beweging gebruiken om de bedrijfsnaam aan het project toe te voegen. We willen dat deze animatie een paar frames begint nadat de eerste animatie is geëindigd, die om 02:00 op de tijdlijn staat. Laten we deze animatie dus beginnen om 02:10 uur en deze duurt twee seconden.

1. Voeg met de afspeelkop op 02:10 een nieuwe groep toe aan het deelvenster Lagen boven de BG-groep en noem deze "Tekst". Klik met het gereedschap Tekst op het scherm op de locatie waar u tekst wilt toevoegen. Style de tekst zoals nodig voor uw klant.
   
   Laten we nu beginnen. Wanneer u het Bezier-pad maakt, voegt u ankerpunten over elke letter toe alsof u de tekst op het scherm schrijft.
   
   
2. Selecteer de grafische laag Hand en het gereedschap Bézier. Plaats het eerste ankerpunt boven de punt van het potlood. Ga vervolgens naar de tekst en begin ankerpunten over de tekst toe te voegen. Aangezien dit het einde van het whiteboard-gedeelte van de video is, voegt u het laatste ankerpunt toe net onder de laatste letter op het scherm.
   
   
3. Selecteer het gereedschap Selecteren / transformeren om het pad te voltooien en hernoem de nieuwe Bezier-padlaag naar "Bezier_Text". Sleep de laag Bezier_Text onder de laag Bezier_Logo in de groep Hand.
   
   Nu zullen we nog een Motion Path-gedrag toevoegen aan de grafische laag Hand.
   
   
4. Selecteer de grafische laag Hand en voeg een Motion Path-gedrag toe. Noem het Motion Path 2.
   
   
5. Met de Motion Path 2-gedragslaag geselecteerd, ga naar de Inspector en stel de Padvorm in op Geometrie. Verwijder het vinkje bij de optie Bijvoegen aan vorm en sleep de laag Bezier_Text naar de bron Bron.
   
   
6. Verplaats de afspeelkop naar het 02:10-teken op de tijdlijn. Sleep de linkerrand van het spoor Motion Path 2 van het begin van de tijdlijn naar het 02:10-teken. Sleep de rechterrand van het nummer naar het 04:10-teken. Herhaal dit voor het nummer Bezier_Text.
   
   Nu gaan we het masker maken.
   
   
7. Maak een duplicaat van de Bezier_Text-laag en sleep deze Bezier_Text-kopieerlaag naar de tekstgroep en plaats deze boven de tekstlaag. Schakel de zichtbaarheid van de originele Bezier_Text-laag uit.
   
   
8. Terwijl de kopieerlaag Bezier_Text nog steeds is geselecteerd, vergroot u de breedte van het pad totdat de tekst onder het masker is verborgen.
   
   
9. Voeg een afbeeldingsmasker toe aan de tekstlaag en sleep de kopieerlaag Bezier_Text naar de nieuwe afbeeldingsmaskerlaag.
   
   
10. Sleep op de tijdlijn de rechterrand van het spoor Afbeeldingsmasker naar het 04:10-teken.
    
    Nu zullen we de keyframes toevoegen om het masker te animeren.
    
    
11. Plaats de afspeelkop op het 02:10 teken en selecteer de Bezier_Text kopieerlaag. Ga naar de Inspector (Inspector - Vorm - Stijl - Omtrek) en zet de schuifregelaar Last Point Offset op nul. Voeg een hoofdframe toe.
    
    
12. Verplaats de afspeelkop naar de markering 04:10 en zet de schuifregelaar Last Point Offset terug naar 100.
    
    Test de animatie. Onze laatste taak is om de handafbeelding van het scherm te verwijderen.
    
    
13. Selecteer de laag Hand met de afspeelkop nog om 04:10. Voeg in de Inspector (Inspector - Eigenschappen - Overvloeien) een hoofdframe toe door op het pictogram rechts van de schuifregelaar Dekking te klikken. Verplaats de afspeelkop naar 04:20 en verminder de dekking naar nul.
    

← terug

Tutorial Voorbeeld:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen.
CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.
Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Videoscribe or Doodly? [UNBIASED WHITEBOARD ANIMATION COMPARISON] (Mei 2024).