Enne kui pühendume oma esimesele animatsioonile, põrkekuulile, tahaksin esmalt teha tehnilise väljakutse: tekst tuleks sisse joonistada nagu oleksite selle käsitsi kirjutanud. Fig Leaf Ragi sissejuhatuse lõpp on väga kaunis aktsendiga, kuhu paneme hüüumärgi punkti.

On mitmeid meetodeid, mis on rohkem või vähem head, sõltuvalt olukorrast. Kuna ma kasutan graafikalauda, joonistan teksti ja näitan teile, kuidas animatsioon toimib. Kuid enne seda näitan teile veel ühte võimalust, mis pole minu eelistus:

Sammud 1–10

Samm 1

Tahaksin tekstikihist lahti saada ja selle asemel luua kompositsioonikihi, täiesti tavaline pikslite kiht, kuhu saan maalida. Tekst peaks olema kihi sees. Teen seega alamkompositsiooni klahvikombinatsiooniga Ctrl+Shift+C või menüüst Layer>Precompose. Seda nimetan "Typo_Intro".

Animatsioon lihtsalt tehtud: joonisanimatsioon.

Samm 2

Kõik atribuudid on kaasa võetud, ka Turbulentes Versetzen.

Kuna ma seda ei soovi, klõpsan Turbulentes Versetzen, vajutan Ctrl+X ja kleepin selle ülespoole järgmisse kompositsiooni ("Fig Leaf Rag").

Animatsioon lihtsaks muudetud: jooneanimatsioon

Samm 3

Läheme tagasi "Typo_Intro" kompositsiooni. Siin oleme teksti avamist jälgitav ning saame seda animatsiooniks muuta.

Esimene võimalus oleks läbi Paths. Ma valin Pen Tool ja tõmblen tähe A esimese joone kirjale. Seejärel lõpetan ja klõpsan Ctrl all hoides suvalisse kohta mustal, lõpetades hetkelise tee, enne kui tõmban A järgmise joone.

Lõpetan uuesti, klõpsan Ctrl all hoides suvalisse kohta mustal ja tõmban järgmise joone ja nii edasi, kuni kogu kiri on üle tõmmatud.

Animatsioon lihtsalt tehtud: Joonisanimatsioon

Samm 4

Nüüd rakendan sellele efekti. Leiate selle kui Stroke CC-versioonis menüüst Generate. CS6-s oli see tuntud kui Stroke Effect.

Valime maski või märkige linnuke All Masks ja saame lasta maskidel joonistada.

Animatsiooni loomine on lihtne: kriipsanimatsioon

Samm 5

Peidan maskid selle väikese sümboliga ja värvitan Path punaseks. Ma saan ka suurust muuta, kuid ainult üleüldiselt kõigile maskidele.

Kui maskid uuesti esile tõstan, saan üksikuid punkte liigutada ja kohandada, nii et kogu valge tekst all oleks kaetud.

Animatsioon lihtsaks tehtud: triibuanimatsioon

Samm 6

Ilus on: siin on mul Start- ja End-slaidrid: loon alates algusest lõpuni ja saan kogu teksti joonistada lasta.

See toimib väga hästi, aga täpset kontrolli pole. Näiteks peate alati kasutama sama joonepaksust, seega ei saa õhemat ja paksemat joonistada.

Animatsioon tehtud lihtsaks: joonistusanimatsioon



Sellepärast tahaksin näidata teile veel ühte meetodit, mis minu arvates toimib veidi kiiremini kui igaüht eraldi järel joonistada …

Samm 7

Seejuures eelistan kiiremat meetodit Pintsel kasutades.

See Pintsel ei tööta aga tekstikihtidel. Seega peame taas looma alamkompositsiooni ja nimetame selle "Typo_Statisch". Selles alamkompositsioonis saame kohe tööle hakata.

Animatsioon lihtsal viisil: jooneanimatsioon

Samm 8

Kui soovime Pintsli abil töötada ja topeltklõpsame Pintsli töörežiimis, avaneb kihiregistraator ja ainult seal saame Pintsli kasutada.

On tekkinud ka kaks uut paneeli: Pintsli ja Värvimine. Pintsli-juhtpaneelis saame määrata pintslite suurust, kõvadust jne.

Ja Värvimine-juhtpaneelis saame valida maalimisviisi. 'Kestus' kuvatakse alguses konstantsena, kuid muudan selle 'Animate Paintiks'.

Määran ühe joone ja siis veel ühe ning veel ühe - kuid niipea kui ühe joone lõpetan, kaob see kummalisel kombel ära.

Animatsioon lihtsalt tehtud: jooneanimatsioon

Samm 9

Kui lähen tagasi teisele vahekaardile ja liigun ajaskaalal, siis näen, et kõik jooned on olemas ja kõik tõmmatakse automaatselt.

Animatsioon lihtsalt tehtud: joonanimatsioon

Samm 10

Kui vajutad klahvi UU kõigi muudetud omaduste jaoks, siis saame siin all palju alamomadusi.

Iga üksiku omaduse jaoks on alati näidatud ka algus ja lõpp.

Lisaks saame muuta iga joone vahekaugust, jämedust ja isegi asukohta - isegi pärast selle joonistamist.

Animatsioon lihtsalt tehtud: Joonisanimatsioon

Jätka lihtsalt: Sammud 11–20

Samm 11

Kustutan uuesti kõik, et meil oleks rohkem ülevaadet.

Tõmban uuesti uue joone ja kui olete kihivaates, näete rajakest. See on see, mis salvestatakse.

Eeldades, et maalitud joon ei meeldi mulle, siis saan selle uuesti üle joonistada, valides selle ja lihtsalt uuesti joonistades. See uuendatakse ja lihtsalt üle kirjutatakse.

Animatsioon lihtsalt tehtud: Joonisanimatsioon

Samm 12

Tahan ka teksti järgi joonistada, kuna see on kõige kiirem viis midagi animeerida.

Seadistan enda läbimõõdu pisut väiksemaks ning lähen graafikatabletiga teksti järgi ja joonistan selle siia sisse.

Animatsioon lihtsalt tehtud: joonistusanimatsioon

Samm 13

Olen kõik jooned joonistanud ja kui lasen kogu asja ajaskaalal mängida, näeme ka, et kõik on olemas.

Kui vajutan klahvi U, siis kõik võtmetrammid ilmuvad tagasi.

Animatsioon lihtsaks tehtud: jooneanimatsioon

Samm 14

Kui vajutan klahvi Ü, siis suurendatakse akna suurust, mida praegu hiir puudutab. Sel juhul ajaskaal. Nii on mul rohkem ruumi ja näen paremini esile tõstetud elemendid. Ma võtan need veidi tagasi, et kõigi kestus oleks umbes sama pikk.

Animatsiooni kerge tegemine: jooneanimatsioon

Samm 15

Laskem asjal mängida.

Muide: Kui olete kogemata vajutanud Kapslukku, siis ei uuenda After Effects enam. Siis saate teate: Väljaprindi lukustamiseks värskendamiseks tühistage kapslukk.

Kui laseme nüüd selle mängida, hakkab After Effects joonistama kõiki tähti korraga. Aga peaks ju alustama eest ja siis minema tagasi. Just see on koht, kus king pigistab. Et saavutada soovitud tulemust, peaksin asju käsitsi ajastama - üks jutt korraga. See on päris suur töö. Tahan seda kiirendada.

Järgmises sammus selgitan täpsemalt, kuidas - enne seda aga märkame ära kõik jooned.

Animatsiooni tegemine lihtsaks: jooneanimatsioon

Samm 16

Sellepärast kasutan selleks skripti, mis seab need võtmerammid järjestikku.

Selle skripti kirjutasin ise ja muidugi olen selle teiega jaganud. Leiate selle kaustast nimega Skriptid nimega Sequence strokes. Kes tunneb filmi "Sequenzebenen aus After Effects", võib umbkaudu ette kujutada, mida see skript teeb.

Ava skript Extend Scriptis ja käivita see.

Animatsioon lihtsalt tehtud: joonistusanimatsioon

Samm 17

Nüüd on meil võtmerammudelt redel ja tekst joonistatakse sammhaaval. Siiski on see veel liiga aeglane.

Peame seda kiirendama. Selleks valime kõik, valime viimase võtmerammu, mida leiame, vajutame klahvi Alt- ja lohistame selle 5 sekundiks külge.

Siis läheb see juba märksa kiiremini.

Animatsioon lihtsaks tehtud: jooneanimatsioon



Viimane punkt peab veel veidi hilisemaks jääma, aga selle eest hoolitseme kohe.

Samm 18

Tahan veel rääkida nihke-väärtusest. See mõjutab võtmerammude üleminekuid:

Kui vaatame praegu võtmerammude üleminekuid, siis järgmine algab alati täpselt seal, kus eelmine lõpeb (a).

Kui ma seda ei soovi ja eelistan näiteks kahe joone vahel kahte kaadrit pausi, siis sisestan nihke juurde arvu 2.

Loomulikult pean enne Kriipsud uuesti valima, enne kui saan selle skripti aktiveerida. Ctrl+A abil saan korraga need kõik valida.

Animatsioon kerge vaevaga: joonistamine



Või ma tahan, et kaadrid kattuvad, siis seadistaksin nihke väärtuseks -2. See viiks alati kaks kaadrit tagasi enne tegelikku. Kui aga olete seda nii kiiresti lühendanud nagu me siin oleme, siis pole sellel mõtet. Sellest piisab mul täiesti ja jätan 2 sisse.

Samm 19

Mis tahaksin kindlasti muuta, on hüüumärgi ajastus. Tahaksin seda paremini muusikaga sobitada.

Selleks vajan ma muusikat ka kompositsioonis. Seega lähen "Fig Leaf Rag" lehele ja kopeerin faili.

Seejärel lähen vajadusel Alt-+klõpsiga tagasi kompositsiooni ja lisasin selle siia.

Animatsioon lihtsalt tehtud: Strichanimation

Samm 20

Nüüd vaatame, kus asuvad need kaks positsiooni, mida me vajame. Selleks võtan numbriklahvi ja vajutan Komma klahvi, et eelvaade teha. Tärniklahv * numbriklahvil panen markeri. Numbriklahveta seadmetel, eriti Mac'il, oleks cmd+Komma eelvaade ja cmd+8 markeri seadmiseks.

Nüüd lasen muusikal mängida ja panen markerid täpselt kohtadesse, kus hüüumärgi triip ja punkt peaksid olema (1). Just meloodia kahe rõhuasetuse juures.

Olen seadnud kaks markrit: Esimesele peaks triip hüüumärgist valmis olema ja teisele punkt.

Abijoone seadistan esimesele markerile ja liigun kompositsiooni "Typo_Statisch". Seal liigutan sellel raamile, mis tähistab hüüumärgi triipu (2).

Sama teen teise markriga, mis näitab punkti positsiooni: Seadistan abijoone markerile, liigun kompositsiooni ja liigutan vastavalt raami.

Animatsioon lihtsalt tehtud: jooneanimatsioon

Viimased sammud

Samm 21

Ma tahan, et hüüumärgi triip joonistatakse aeglasemalt kui sellest eelnev tekst, et aksent oleks hüüumärgil tugevam (1).

Ja tekst peaks üldiselt veidi kiiremini valmis saama. Seega märgistan kõik enne seda (2) ja liigutan neid pisut edasi (3).

Nii sobib aegaliselt täiuslikult.

Animatsioon lihtsalt tehtud: jooneanimatsioon

Samm 22

Me oleme teksti pihta joonistanud ja teeme sellega nüüd väikse muudatuse.

Esmalt duplitseerin kihi "Typo_Statisch" ja kustutan alumiselt kihil Maalimise efekti.

Animatsioon lihtsaks tehtud: kriipsanimatsioon

Samm 23

Ülemisel kihil on meil käsitsi tehtud tekst allpool valge algtekstiga.

Allpool kihil on meil täiesti tavaline valge tekst.

Kui ülemisel kihil märkida ruut "Joonista läbipaistvusega," jäävad alles ainult käsitsi joonistatud punased triibud.

Animatsioon lihtsaks tehtud: jooneanimatsioon

Samm 24

Seega peaks ülemist kihti kasutama maskina alumise kihi jaoks.

Kui mask ei ilmu, klõpsake all nupul Lülitage režiimid sisse/välja, siis kuvatakse liikuv mask BewMas. Seal saan valida Alfa-maske ja saavutada täpselt sellise tulemuse nagu vaja. Ehk siis seal, kus need triibud joonistatakse, on ka mu algne tekst nähtav.

Animatsioon lihtsalt tehtud: jooneanimatsioon



Kuid ma olen midagi paigast ära liigutanud, sest otse alguses on juba A olemas.

Samm 25

Seega valime parem kõik pintslid välja Ristkülik-valikuga alt ülespoole (1) ja võtame seejärel siiski kaks hüüumärgi kaadrit välja Shift+valikuga (2). Mõlemad on ajaliselt juba ideaalselt paigas.

Seejärel liigutame esimese kaadri pisut paremale, nii et A pole alguses nähtav.

Nüüd sobib.

Animatsioon lihtsasti teostatud: jooneanimatsioon

Samm 26

Oleme seda alamkompositsioonis teinud, siin on meil veel efekt Turbulentne nihe.

Kui vaatame seda kõike selles kompositsioonis, pole see mitte ainult kollane ja värv muutub, vaid see kõigub ka veel.

Animatsioon kergesti tehtud: jooneanimatsioon

Samm 27

See on imeline ja sobib ideaalselt, kuid värv peaks muutuma alles hiljem või esialgu üldse mitte. Muuda värve jääb seega esialgu kasutamata.

Animatsiooni tegemine lihtsaks: jooneanimeerimine



Nii, esimene 4 sekundit treilerist on valmis ja kohtume jälle järgmises juhendiosa, kus on kõik bouncing-balli kohta.