Animacija video scenarija na bijeloj ploči - završite
U ovom ZahtjevuR udžbenik, završit ćemo animaciju na ploči. Simulaciju crtanja za logotip već smo animirali. Sada ćemo stvoriti simulaciju pisanja za naziv tvrtke.

Metoda koju ćemo uskoro koristiti stvorit će dobru simulaciju ručnog pisanja imena tvrtke na ekran, jer će olovka tražiti svako pojedino slovo u tekstu. Ovo je sjajno za prilagođeni videozapis na bijeloj ploči za klijenta. Ali ako stvarate predložak koji će omogućiti zamjenu teksta rezerviranog mjesta drugim tekstom, htjet ćete koristiti istu vrstu simulacije koju smo koristili za crtanje logotipa.

Na primjer, učinit ćete Bezier-ov put cik-cak iznad teksta rezerviranog mjesta umjesto praćenja pojedinih slova. Iako simulacija nije tako realistična kao simulacija pisanja koju ćemo ovdje naučiti stvoriti, dovoljno je fleksibilna za predložak.

Ali pretpostavimo da je to prilagođeni videozapis na bijeloj ploči za klijenta i stvorit ćemo realnu simulaciju pisanja.

Upotrijebit ćemo alat Text u programu Motion kako bismo dodali naziv tvrtke projektu. Želimo da ova animacija započne nekoliko kadrova nakon što završi prva animacija, a to je na 02:00 na vremenskoj traci. Dakle, započnite ovu animaciju u znaku 02:10 i trajat će dvije sekunde.

  1. Oznakom Playhead na 02:10 dodajte novu grupu u okno Slojevi iznad BG grupe i dodijelite joj naziv "Tekst". Kliknite zaslon s alatom Tekst na mjestu na kojem želite započeti dodavanje teksta. Stil oblikujte prema potrebi za svog klijenta.

    A sada krenimo. Prilikom stvaranja Bezier puta dodajte sidrene točke preko svakog slova kao da pišete tekst na ekranu.

  2. Odaberite ručni grafički sloj i alat Bezier. Postavite prvu točku sidrenja iznad vrha olovke. Zatim prijeđite na tekst i počnite dodavati sidrene točke preko teksta. Kako je ovo kraj videozapisa na ploči s bijelom pločom, dodajte posljednju sidrenu točku odmah ispod posljednjeg slova na ekranu.

  3. Odaberite alat Odaberi / transformiraj da biste dovršili stazu i preimenovali novi Bezier-ov sloj staze u "Bezier_Text". Povucite sloj Bezier_Text ispod sloja Bezier_Logo u grupi Ruka.

    Sada ćemo dodati još jedno ponašanje kretanja u grafičkom sloju Ruke.

  4. Odaberite grafički sloj Ruke i dodajte ponašanje Putovanja kretanja. Imenujte to Put kretanja 2.

  5. Kad je odabran sloj ponašanja Motion Path 2, idite na Inspektora i postavite oblik puta na Geometry. Poništite odabir opcije Attach to Shape i povucite sloj Bezier_Text u izvor oblika Shape.

  6. Pomaknite Playhead do oznake 02:10 na vremenskoj traci. Povucite lijevi rub staze Motion Path 2 od početka vremenske trake do oznake 02:10. Povucite desni rub staze do oznake 04:10. Ponovite ovo za zapis Bezier_Text.

    Sada ćemo stvoriti masku.

  7. Napravite duplikat sloja Bezier_Text i povucite ovaj kopiraj Bezier_Text u tekstualnu grupu i stavite ga iznad sloja teksta. Isključite vidljivost izvornog sloja Bezier_Text.

  8. Kad je još uvijek odabran sloj kopiranja Bezier_Text, povećajte širinu puta sve dok se tekst ne sakrije ispod maske.

  9. Dodajte slikovnu masku u sloj teksta i povucite sloj kopiranja Bezier_Text u novi sloj maske slike.

  10. Na Vremenskoj traci povucite desni rub trake maske slike do oznake 04:10.

    Sada ćemo dodati Keyframes da animiramo masku.

  11. Postavite Playhead na marku 02:10 i odaberite sloj kopiranja Bezier_Text. Idite na inspektora (Inspektor - oblik - stil - obris) i postavite klizač Pomicanje posljednje točke na nulu. Dodajte ključni okvir.

  12. Pomaknite Playhead na oznaku 04:10 i postavite klizač Last Point Offset na 100.

    Testirajte animaciju. Naš posljednji zadatak je ukloniti grafički prikaz sa zaslona.

  13. Ako je Playhead još uvijek u 04:10, odaberite sloj grafike ruku. U Inspektor (Inspector - Properties - Blending) dodajte ključni okvir klikom na ikonu s desne strane klizača Opacity. Pomaknite Playhead na 04:20 i smanjite neprozirnost na nulu.
← Natrag

Primjer vodiča:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie i Mac zaštitni su znakovi tvrtke Apple Inc., registrirane u SAD-u i drugim zemljama.
CoffeBreakBlog je neovisna publikacija i nije je odobrio, sponzorirao ili na neki drugi način odobrio Apple Inc. Snimke zaslona korištene uz dopuštenje.
Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu 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 i Flash Paper je ili su [a] registrirani zaštitni znak (i) ili zaštitni znak (Adobe) tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.


Upute Video: Web Programming - Computer Science for Business Leaders 2016 (Svibanj 2024).