Whiteboard Video Scribe Animation - Udfør

• Kan 18, 2024

I denne bevægelse^R tutorial, afslutter vi tavle-animationen. Vi har allerede animeret tegnesimuleringen til logoet. Nu opretter vi en skrivesimulering til firmanavnet.

Metoden, vi er ved at bruge vil skabe en god simulering af hånden, der skriver firmanavnet på skærmen, fordi blyanten sporer over hvert enkelt bogstav i teksten. Dette er fantastisk til en brugerdefineret whiteboard-video til en klient. Men hvis du opretter en skabelon, der gør det muligt at erstatte pladsholderteksten med en anden tekst, vil du bruge den samme type simulering, som vi brugte til at tegne logoet.

For eksempel får du Bezier-stien til at sænke sig over pladsholderteksten i stedet for at spore de enkelte bogstaver. Selvom simuleringen ikke er så realistisk som skrivesimuleringen, som vi vil lære at oprette her, er den fleksibel nok til en skabelon.

Men lad os antage, at dette er en brugerdefineret tavle-video for en klient, og vi vil skabe den realistiske skrivesimulering.

Vi vil bruge tekstværktøjet i Motion til at tilføje firmanavnet til projektet. Vi ønsker, at denne animation skal begynde et par rammer, når den første animation er afsluttet, hvilket er ved markeringen 02:00 på tidslinjen. Så lad os starte denne animation ved markeringen 02:10, og den vil vare i to sekunder.

1. Med Playhead ved markeringen 02:10, tilføj en ny gruppe til ruden Layers over BG-gruppen og navngiv den "Text". Klik på skærmen med tekstværktøjet på det sted, du vil begynde at tilføje tekst. Stil teksten efter behov for din klient.
   
   Lad os nu komme i gang. Når du opretter Bezier-stien, skal du tilføje ankerpunkter over hvert bogstav, som om du skriver teksten på skærmen.
   
   
2. Vælg det grafiske lag Hånd og Bezier-værktøjet. Placer det første ankerpunkt over spidsen af ​​blyanten. Gå derefter over til teksten, og start tilføjelse af ankerpunkter over teksten. Da dette er slutningen af ​​whiteboard-delen af ​​videoen, skal du tilføje det sidste ankerpunkt lige under det sidste bogstav på skærmen.
   
   
3. Vælg værktøjet Select / Transform for at afslutte stien og omdøbe det nye Bezier-sti-lag til "Bezier_Text". Træk Bezier_Text-laget under Bezier_Logo-laget i gruppen Hånd.
   
   Nu tilføjer vi en ny bevægelsessti-adfærd til det grafiske lag Hånd.
   
   
4. Vælg det grafiske lag Hånd, og tilføj en bevægelsessti-opførsel. Navngiv det Motion Path 2.
   
   
5. Når der er valgt bevægelsessvej 2, skal du gå til inspektøren og indstille sti-formen til geometri. Fjern markeringen i indstillingen Vedhæft til form, og træk Bezier_Text-laget ind i formkilden godt.
   
   
6. Flyt Playhead til markeringen 02:10 på tidslinjen. Træk den venstre kant af Motion Path 2-sporet fra begyndelsen af ​​tidslinjen til markeringen 02:10. Træk højre kant af sporet til mærket 04:10. Gentag dette for Bezier_Text-sporet.
   
   Nu opretter vi masken.
   
   
7. Lav en duplikat af Bezier_Text-laget, og træk dette Bezier_Text-kopielag ind i Tekst-gruppen, og placer det over Tekst-laget. Sluk synligheden af ​​det originale Bezier_Text-lag.
   
   
8. Når Bezier_Text-kopielaget stadig er valgt, skal du øge bredden på stien, indtil teksten er skjult under masken.
   
   
9. Føj en billedmaske til tekstlaget, og træk Bezier_Text-kopielaget ind i det nye lag med billedmaske.
   
   
10. Træk på tidslinjen højre kant af billedetmaske-sporet til mærket 04:10.
    
    Nu tilføjer vi Keyframes for at animere masken.
    
    
11. Placer Playhead ved markeringen 02:10, og vælg Bezier_Text-kopielaget. Gå til inspektøren (inspektør - form - stil - kontur), og indstil skyderen til sidste punkt offset til nul. Tilføj et keyframe.
    
    
12. Flyt Playhead til markeringen 04:10, og indstil skyderen til sidste punkt offset tilbage til 100.
    
    Test animationen. Vores sidste opgave er at fjerne håndgrafikken fra skærmen.
    
    
13. Vælg Play grafisk lag med Playhead stadig kl. 04:10. I inspektøren (Inspektør - Egenskaber - Blending) skal du tilføje en Keyframe ved at klikke på ikonet til højre for skyderen Opacity. Flyt Playhead til 04:20, og reducer opaciteten til nul.
    

← Tilbage

Eksempel på vejledning:


Apple, Motion, iBooks-forfatter, GarageBand, TextEdit, Pages, iMovie og Mac er varemærker tilhørende Apple Inc., registreret i USA og andre lande.
CoffeBreakBlog er en uafhængig publikation og er ikke godkendt, sponsoreret eller på anden måde godkendt af Apple Inc. Screenshots brugt med tilladelse.
Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Using VideoScribe to Create Whiteboard Animation Videos (Kan 2024).