Whiteboard Animation - Skrivning af tekst

• April 28, 2024

I den forrige bevægelse^R tutorial, vi oprettede bevægelsesstien til den anden scene i vores whiteboard branding intro til Mygrafico. Nu opretter vi den matchende maske ved hjælp af en duplikat af Bezier-stien.

1. Det grafiske farvelag skal spænde over tidslinjen fra 02:02 til slutningen af ​​tidslinjen.
   
   
2. Duplicér Bezier_Color-stien, og træk kopien til lige over det farvegrafiske lag.
   
   
3. Sluk synligheden af ​​den originale Bezier_Color-sti.
   
   
4. Når Bezier_Color-kopielaget er valgt, øges bredden på stien, indtil farvegrafikken er skjult.
   
   
5. Højreklik på det farvegrafiske lag og tilføj en billedmaske. Træk Bezier_Color-kopielaget ind i Image Mask-laget.
   
   
6. Vælg Play-kopieringslaget Bezier_Color med Playhead på 02:02-markeringen. Flyt skyderen til sidste punkt offset i nul. Tilføj et keyframe.
   
   
7. Flyt Playhead til markeringen 04:00 på tidslinjen, og flyt skyderen tilbage til 100, hvilket automatisk skal tilføje en keyframe.
   
   
8. Kanten af ​​Bezier_Color-kopielaget skal være 04:00-mærket. Træk lagen til bevægelsessti til mærket 04:00.
   
   

Test og gem.

Nu kan du gentage trinnene ovenfor for gruppen Ansigt og tekst.

1. Vælg Play grafisk lag og Bezier-værktøjet med Playhead kl. 04:02 på tidslinjen. Start igen ved blyantens spids, og træk en sti over løvens ansigt, som om du tegner øjne, næse og mund. Fortsæt med at tegne Bezier-stien, så armen bevæger sig tilbage til pausepositionen. Omdøb dette lag til Bezier_Face og træk det under Bezier_Color-laget.
   
   
2. Føj en bevægelsessti til det grafiske lag Hånd. I inspektøren skal du indstille sti-formen til geometri, fjerne markeringen af ​​funktionen Vedhæft til form og trække Bezier_face-stien til formkilden godt.
   
   
3. Forkort Bezier_Face-laget og dets bevægelsessti til at spænde fra 04:02 til kl. 06:00 på tidslinjen.
   
   
4. Duplicér Bezier_Face-stien, og træk kopien til lige over det grafiske lag Face.
   
   
5. Sluk synligheden af ​​den originale Bezier_Face-sti.
   
   
6. Når Bezier_Face-kopien er valgt, skal du øge bredden af ​​stien, indtil ansigtsdetaljerne er skjult.
   
   
7. Føj en billedmaske til det grafiske lag Face og træk den højre kant til 06:00-mærket. Træk Bezier_Face-kopielaget ind i det nye lag med billedmaske.
   
   
8. Gå til inspektøren med Playhead i markeringen 04:02 og indstil skyderen til sidste punkt offset til nul. Tilføj et keyframe.
   
   
9. Flyt Playhead til markeringen 06:00, og flyt skyderen Last Point Offset tilbage til 100 for den anden Keyframe.
   
   

Gentag trinnene igen for tekstgruppen. Når du tegner Bezier-stien over firmanavneteksten, tegner du hvert bogstav, som om du skriver det på skærmen. I stedet for at afslutte stien i pausepositionen, skal du sætte det sidste ankerpunkt nederst i højre hjørne af teksten.

For at fjerne håndgrafikken fra skærmen skal du sætte Playhead på mærket 08:02. Vælg det grafiske lag Hånd. I inspektøren - tilføj to nøglerammer ved at klikke på ikonet til højre for skyderen Opacity og igen til højre for Positionskontrollerne. Flyt Playhead til markeringen 08:07, og træk hånden fra skærmen. I inspektøren skal du indstille skyderen til Opacity til nul.

Dermed afsluttes whiteboard-animationen med en del af introen. På dette tidspunkt gemmer vi en kopi af videoen i det oprindelige .motn-format og lader de sidste 2 sekunder af tidslinjen være tom, så den kan tilpasses efter behov til et andet projekt. For eksempel vil du måske bruge denne intro foran på en længere reklame- eller demonstrationsvideo.

Når vi har gemt en kopi af den grundlæggende intro med den tomme slutning, fortsætter vi med at arbejde på denne video for at afslutte scene 5 og "Abonner på vores kanal" -oprop til handling-animation for YouTube Channel-traileren, der vil blive set af ikke-abonnent. Du kan også tilføje lydskrivningslyde eller baggrundsmusik.

Når du er færdig med scene 5, skal du gemme dit arbejde som en .motn-fil kaldet "Call to Action Subscribe Trailer" og eksportere som en .mov Quicktime-fil.

//www.mygrafico.com/

Video Instruktioner: Adobe Flash Tutorial - How To Create A Handwriting Effect (April 2024).