Kuidas teha Illustratoris läbipaistva taustaga GIF-i. Juhend: SVG-animatsioonide loomine After Effects CC abil Kuidas Illustratoris animeerida

Flash-failivorming (SWF) põhineb vektorgraafika ja on mõeldud skaleeritava kompaktse veebigraafika jaoks. Kuna see failivorming põhineb vektorgraafikal, säilitab objekt pildikvaliteedi mis tahes eraldusvõimega ja sobib ideaalselt animatsioonikaadrite loomiseks. Illustratoris saate luua kihtidele eraldi animatsiooniraame ja seejärel eksportida pildikihid eraldi kaadritena oma veebisaidil kasutamiseks. Samuti saate määratleda sümbolid Illustratori failis, et animatsiooni suurust vähendada. Ekspordil määratletakse iga sümbol SWF-failis ainult üks kord.

Ekspordikäsk (SWF)

Annab kõige suurema kontrolli animatsiooni ja bittide tihendamise üle.

Pakub killustatud paigutuses suuremat kontrolli SWF-i ja bitmap-vormingute kombinatsiooni üle. See käsk pakub vähem pildivalikuid kui käsk Eksport (SWF), kuid kasutab viimati kasutatud Ekspordikäsu valikuid (vt).

Objekti SWF-vormingus salvestamiseks ettevalmistamisel pidage meeles järgmisi juhiseid.

Device Centrali abil saate näha, kuidas Illustratori kunstiteos rakenduses välja näeb. Flash Player erinevatel pihuseadmetel.

Illustratori kunstiteose lisamine

Illustratoris loodud kunstiteoseid saab kiiresti, lihtsalt ja lihtsalt kopeerida ja Flashi kleepida.

Järgmised atribuudid säilivad, kui kleepite Illustratori kunsti Flashi.

    Kontuurid ja kujundid

  • Joone paksus

    Gradientide määratlus

    Tekst (sh OpenType'i fondid)

    Seotud pildid

  • Segamisrežiimid

Lisaks toetavad Illustrator ja Flash kunstiteoste sisestamisel järgmist.

    Illustratori kunstiteoste kihtide valimisel kõrgeim tase ja nende Flashi sisestamine säilitab kihid ja nende omadused (nähtavus ja blokeerimine).

    Illustratori mitte-RGB-värvivormingud (CMYK, halltoonid ja kohandatud vormingud) teisendab Flash RGB-vormingusse. RGB värvid kleebitakse tavapärasel viisil.

    Illustratori kunstiteoste importimisel või kleepimisel saate kasutada erinevaid suvandeid, et säilitada teatud efektid (nt tekstist heidetud vari) Flash-filtritena.

    Flash salvestab Illustratori maskid.

SWF-failide eksportimine Illustratorist

Illustratorist eksporditud SWF-failid vastavad Flashist eksporditud SWF-failide kvaliteedile ja tihendusastmele.

Eksportimisel saate optimaalse väljundi saavutamiseks valida mitmesuguste eelmääratletud stiilide hulgast ja määrata, kuidas kasutatakse mitut joonistahvlit, kuidas teisendatakse sümboleid, kihte, teksti ja maske. Näiteks saate eksportida Illustratori sümboleid filmide või graafikana ning luua Illustratori kihtidest SWF-sümboleid.

Illustratori failide importimine Flashi

Illustratoris täieliku küljenduse loomiseks ja seejärel ühe sammuga Flashi importimiseks saate kunstiteose salvestada Illustratori algvormingus (AI) ja importida need suure täpsusega Flashi, kasutades menüükäsku Fail> Impordi asukohta. tööala Või Fail> Impordi teeki.

Kui teie Illustratori fail sisaldab mitut joonistustahvlit, valige dialoogiboksis Flash Import importitav joonistustahvel ja määrake selle graafika iga kihi sätted. Kõik valitud joonistusplaadi objektid imporditakse Flash programmühe kihina. Kui impordite samast AI-failist erineva joonistahvli, imporditakse sellelt joonistusplaadilt objektid Flashi uue kihina.

Illustratori kunstiteoste importimisel AI-na, EPS-ina või PDF manus Flash säilitab samad atribuudid, mis pastal graafilised objektid Illustraator. Lisaks, kui imporditav Illustratori fail sisaldab kihte, saate need importida ühel järgmistest viisidest.

    Teisendage Illustratori kihid Flash-kihtideks.

    Teisendage Illustratori kihid Flash-kaadriteks.

    Teisendage kõik Illustratori kihid üheks Flash-kihiks.

Nüüd teeme ülesande pisut keerulisemaks - teeme animeeritud Flash-bänneri. Rääkige täieõiguslikust Flash-animatsioonist sel juhul kindlasti pole vaja - selleks on spetsiaalsed paketid. Kuid võite kasutada ka Illustratorit lihtsa amatöörvideo loomiseks.

Adobe Illustratoris puuduvad spetsiaalsed tööriistad ja liidese tööriistad, näiteks ajaskaala, mis on tüüpilised animatsiooni arendusprogrammidele. Kuid on üks peensus – kihte saab kasutada raamidena.

Looge ainult tekstiga bänner.

  1. Rühmitage märgid käsuga Objekt ›Rühm(Objekt ›Rühm).
  2. Järgmiseks ülesandeks on fondimärkidest teha kontuurobjekte, muidu ei toimi korrektne kihtide moodustamine. Selleks valige rühm ja valige Sisestage ›Kontuuride loomine(Font ›Jälg).
  3. Pärast seda avage paleti menüü Kihid(Kihid), klõpsates paleti noolenupul (Joonis 8.11).

Riis. 8.11... Kihtide paleti menüü

Oleme huvitatud selles menüüs olevast käsust Kihti vabastamine (jada)(Teisenda kihtideks (järgi)), mis teisendab iga üksiku objekti uueks kihiks. Pange tähele, et käsu kasutamisel tuleb valida grupp. Grupp, mitte kiht 1. kiht.

Kuidas palett peaks välja nägema Kihid(Kihid) pärast täitmist Kihti vabastamine (jada)(Teisenda kihtideks (järjestikune)), näidatud joonisel fig. 8.12.


Riis. 8.12... Kihtide palett pärast Release to Layer (jada) käivitamist

See lõpetab ettevalmistuse, saate säästa Säästa selleks võrk(Salvesta veebi jaoks) SWF-is. SWF on Flash-põhise graafika peamine formaat. Õigem oleks öelda, et tegemist on Flash-vorminguga (joonis 8.13).

Tõenäoliselt on kõik kasutajad Flashiga enam-vähem tuttavad. See on praegu Internetis kõige levinum animatsioonivorming ja seda kasutatakse enamiku multimeedia Interneti-lehtede koostamiseks.

Muidugi pole Adobe Illustratoris rakendatud isegi kümnendikku Flashi võimalustest, sest programm pole selleks mõeldud. Sellegipoolest saate selles teha kas staatilise pildi või lihtsa animatsiooni.


Riis. 8.13... SWF-vormingu optimeerimisseaded

Järgmised seaded on olemas.

  • Loe ainult(Ainult lugemine). Kastikese märkimisel kirjutatakse fail selliselt, et seda ei ole enam võimalik üheski programmis redigeerimiseks avada. See ühest küljest vähendab failide suurust ja teisest küljest kaitseb teie autoriõigusi.
  • Seade, mida tähistab 1. Salvestustüüpi määrav parameeter on pilt või animatsioon.
  • Kui valite valiku AI-fail SWF-failiks(Illustratori fail sisse SWF-fail), salvestatakse pilt staatilise kujutisena, mis kordab täielikult seda, mida näete Illustratoris töötades ekraanil.
  • Kihid SWF-raamidesse(Kihid SWF-raamideks) võimaldab animeerida olemasolevaid kihte raamidena renderdamiseks. Peame valima selle konkreetse valiku.
  • Kõvera kvaliteet(Kõvera kvaliteet). Faili kõverate täpsus, et korrata algse pildi kõveraid. Selle parameetri vähendamine vähendab oluliselt kvaliteeti, eriti väikeste detailide osas, kuid faili suurus väheneb. Meie puhul on optimaalne väärtus "7".
  • Kaadrisagedus(Kaadri viivitus). Kaadrisagedus ja sellest tulenevalt animatsiooni kiirus. Õige efekti saavutamiseks seadke selle kiiruseks mitte rohkem kui 4 kaadrit sekundis.
  • Loop(Kordama). Esitage animatsiooni mitu korda. Sobib animatsiooni jaoks, kus korduv silmus on oluline. Bänner on seda tüüpi.

Adobe Illustrator ja Järelmõjud
Import ja lihtne animatsioon

Tere. Täna vaatame läbi After Effectsi lihtsa animatsiooni.

Vahendid: Adobe Illustrator CC
Adobe After Effects CC

Alustame sellest, kuidas õppida Illustratoris joonistama.

Joonista
1) Joonistame taustaks kollase ristküliku

Joonis 1 – ristkülik

2) Joonistage ring ja täitke see gradiendiga
Töötame natuke ringiga:
- eemaldage kontuuril alumine punkt, saame kaare;
- tõmmake sirgjoon, sulgedes kaare põhja, saame poolringi


joonis 2 - 1) joonistada ring; 2) gradient; 3) kustuta punkt

3) Joonistage ristkülik ja tehke sellest koopia
- üks hall ristkülik;
- teine ​​ristkülik on tumehall
4) Joonistage tärnist kolmnurk, määrates kiirte arvu - 3


Joonis 3 - 1) otsevalgus; 2) sirge tume; 3) kolmnurk

5) Joonistage pliiatsi ja lihtsate kujundite abil kass

Joonis 4 - 1) pea; 2) kael; 3) keha; 4) jalg; 5) saba

Ja nüüd kõige rohkem PEAMISED hetk
Jaotame pildid kihtidena (mida animeeritakse - eraldi kihil) järgmiselt:

Joonis 5 – kõik pildid (punane tähistab olulised kihid)

Kõik, nüüd hoiame kokku.
Vaatame salvestamise seadeid


Joonis 6 – Salvesta

Ja nüüd järgmine samm. SulgeAdobe Illustrator ja avage After Effects.

Importige rakendusse After Effects
Fail - Import - Fail - valige meie salvestatud fail Illustraator.
Valime kihtide importimise Illustratorist, kui paneme kaadrit, saame pildi liidetud kihtidega, aga seda pole vaja.

Joonis 7 – Import kompositsioonina

Kõik imporditi.
Nüüd vaatame, mis meil on. Topeltklõpsake kompositsioonil mis avaneks ja me näeksime kihte (kui kõik on õigesti tehtud, siis tuleb mitu kihti). Saame selle aru, vaata joonist


Joonis 8 – avatud kompositsioon

Ja nüüd, milleks me täna siin oleme, on animatsioon.

Animatsioon sisse Järelmõjud
Seadke pöördepunkt selle ülaosas oleva noole juures, kasutades tööriista Pan Behind Tool ( kiirklahv- Y). Lihtsalt võtke punkt ja viige see kuhu iganes soovite. Selle tulemusena näeb see välja selline ..

Joonis 9 – Paneerimistööriist ja kihid

Olgu, liigume nüüd edasi animatsioonikihtide juurde.
Vajame kihti Arrow ja Head_cat.
Alustame noolega.
Laiendame loendit, otsime üles ja klõpsake kella. Nii panime esimese punkti nullsekundile. Animatsioon kestab kokku 2 sekundit.
Niisiis, need on seadistused, mida peate tegema (kokku 3 punkti)

Teiseks 0 1 2
+66 - 70 +66
See näeb välja selline:


Joonis 10 – pöörlemisnool

Nüüd animeerime kassi pead.
Laiendame head_cat ja leiame positsioon.
Saab 4 punkti.
See muudab ainult viimast koordinaati ilma ülejäänud koordinaati puudutamata.

Teiseks 0.1 0.17 1.12 2.0
positsioon 689.3 729.3 729.3 689.3
Vaatame pilti.


Joonis 11 – asetage pea

Niisiis, animatsiooni põhimõte oli selline. Nool kõigub küljelt küljele, niipea, kui see kassipojale läheneb, tõmbab ta pea endasse, viibib selles asendis veidi ja paneb selle seejärel oma kohale tagasi.

Viimane etapp

Tootmine
Peate oma tööst looma valmistoote.
Me läheme menüüsse - Lisa renderdusjärjekorda
Avaneb renderdamispaneel ja väljundmoodulis (kaks klõpsu) vali väljundvorming. Võtsin * .mov


Joonis 12 – renderdamine

Vajutage nuppu RENDER ja saate tulemuse (ärge unustage määrata teed).
See on kõik.

Tere kõigile! Täna püüan kirjeldada programmi võimalusi Adobe illustraator kui võrrelda seda masti võimalustega. See ei ole programmi globaalne analüüs luude kaupa, vaid pigem mõne huvitava kiibi kirjeldus, mille ma selles programmis avastasin. Kogusin infot uurides jupphaaval, et kõik ühte postitusse panna. Pean kohe tunnistama, et ma ei ole ülikogenud illustraatorikasutaja, ainult viimased kuus kuud Kasutan seda joonistamisel (enne seda värvisin kõik välguga). Paljud kurdavad, et illustraator on keeruline, mitte alati intuitiivselt selge. Mingil määral olen nõus, et pärast loputamist on see programm raske. Kuid siin pole peamine mitte lõpetada, vaid jätkata õppimist. Ja paari nädala pärast tekibki mõte, et kuidas ma enne ilma temata hakkama sain!

Niisiis, mis mulle illustraatori juures meeldis ja mida ma enda jaoks leidsin, mida Flashis pole.
1. Alustan kõige lihtsamast, kuid samas vajalikust. Proovige objektid kiirelt ringikujuliseks seada. Varem oli Deco tööriist, kuid see eemaldati, ilmselt peeti ebavajalikuks. Otsustasime, et pastakatega on seda lõbusam teha. Illustratoril on järgmine funktsioon: Efekt – moonutamine ja teisendus – teisendus.


Kõik on kiire ja lihtne, väärtused (objektide vaheline kaugus, koopiate arv) määrame seadetes ise.

2. Siks-sak

Veelgi lihtsam, kuid siiski kasulik asi. Tundub tühiasi, aga välkkiirelt tuleb käsitsi joonistada, illustraatoris on see sekundite küsimus.

3. Objektide deformatsioon (Warp)

Midagi sellist kiirelt ei teki. Allolevas näites näitasin ainult 2 võimalust lihtsate kujundite deformeerimiseks (Effect - Warp - Arc / Fish). Tegelikult on neid 15. Uusim versioon programmid.

4. Nurkade automaatne ümardamine (ümmargused nurgad)

Saate seda teha käsitsi: graafilise objekti valimisel ilmub nurka (kõikide silmade juurde) valge punkt ja ümara joone sümbol. Tõmbame hiirega, kohandame oma maitse järgi.

Kuid see kehtib ainult kujundite kohta, pliiatsijoonega veidi teisiti - rakendage ümardusefekti ( Efekt – stiliseerimine – ümarad nurgad). Väljundis saame sama tulemuse.

5. Karestamine (karestamine)

Mõju rakendatakse lihtsad vormid (Mõju – moonutab ja teisenda – karestab). Väljundis saame midagi, mis sarnaneb vähese polügaasiga 3D-mudeliga. Minu arust lahe :) Ja mis peamine - väga lihtne.


6. Pucker & Bloat(tõmbamine ja puhitus)
Näide alloleval pildil:


7. Vormi laiendamine (nihkerada)

Flashil on funktsioon Expand Fill; erinevalt illustraatorist ei tööta see pliiatsijoontega üldse.


8. Pintslid (kunstipintsel, mustripintsel, hajutuspintsel)
Vaadake allolevat pilti koos näidetega:

9. Tekstuuripintsel

Illustratoril on ka palju tekstuuripintsleid, millest ma kirjutasin ja kuidas need ilmusid uus versioon loputama -. On märgatud, et pintslite kasutamine Adobe Animate'is on äärmiselt aeglane. See on kõik:(

10. Ma pole kindel, kas see on otsekohene trikk, aga ma tahan keskenduda naljaka nimega pintslile. BlobPintsel... Asub tööriistakastis, väga mõnus pintsel kasutamiseks. Sellel on palju seadeid, mulle meeldib see tavalisest rohkem. Selle eeliseid on sõnadega raske seletada, parem on korra proovida.

10. Jaga ruudustikuks

Kasulik on ka funktsioon Split to Grid (Object-Path-Split to Grid), mis võimaldab lõigata kujundi võrdseteks segmentideks. Mida see meile meelde tuletab? Täpselt nii – aknad on kõrghoonel. Minu jaoks lahe asi näiteks linnapiltide joonistamiseks;)


Üks veel kasulik tööriist esitleti Illustratoris, tõenäoliselt alates selle esimesest väljalaskest. Seda saab kasutada näiteks puidutekstuuride loomiseks:

12. Liigu (paremale – teisenda – liiguta)

Objekti nihkumine määratud vahemaa võrra. Soovi korral saate kohe luua koopia, mis asetatakse valitud objektist soovitud kaugusele horisontaalselt / vertikaalselt. Flashi varasemal versioonil oli pistikprogramm, mis seda tegi seda funktsiooni... Kahjuks ei mäleta selle nime.

Illustratoris on väga mugav luua sujuvaid mustreid ( Objekt-Muster-Make). Mäletan, kuidas ma olin loominguga välkkiirelt meeletult rafineeritud. CC 2015 illustraatori versioonis on kõik automatiseeritud, hunnik seadeid aitab vormida mustrit kümnetes variatsioonides, kui käepärast on vaid paar graafilist elementi. Rohkem varased versioonid programmid tuli kõik käsitsi teha, nagu flashis siiani.

(Märkus - mustri saab muuta vektoriga redigeeritavaks objektiks, kasutades parse funktsiooni ( Objekt – laienda välimust).

14. Objekti mosaiik

Olemasoleva pildi põhjal värvipaleti loomine. Impordime meile meeldiva pildi haigesse (Open), siis Objekt – loo objektimosaiik... Seadistustes määrame kõrguse ja laiuse jagamise sageduse.

Ja väljundis saame:

15.Blenderda

Kasutatakse gradientide loomiseks. Saate luua samm-sammult üleminekuid, nagu näiteks pildil. Ma ei ütle, et ma seda sageli kasutan, kuid see võib kellelegi kasuks tulla. Arvan, et seda saab kasutada lihtsate taustapiltide tegemiseks.

Samuti saab tööriista kasutada objektide kloonimiseks. Asetage kaks objekti üksteisest kaugele ja rakendage segamissuvandeid, valige sammude arv (kloonitud objektide arv).

16. Tööriistade loomise tööriist. Väga mugav asi primitiividega töötamiseks. Kiirelt tundus see mulle vähem mugav.

Hoides all Alt ja klõpsates valitud segmentidel – kustutage segmendid. Kui lihtsalt lohistame hiirt üle mitme valitud ala - ühendused.


Lisand on tööriist, mis aitab automaatselt lõigata, ühendada jne. esiletõstetud vormid. Minu jaoks pole see eriti mugav, ma kasutan seda sagedamini EhitadaKujuTööriist.

(tahvlid)

18. Kohandatud tööriistade paneel

Võimalus luua ise oma tööriistariba, visates ära mittevajalikud, ja valida ainult need, mida kasutate.

Flashis graafikatahvlid, nimelt stseenid ( Stseen 1,2,3 ..) asuvad eraldi ja peate nende vahel lülituma (Shift + F2). Illustratoris saate need kõik oma silme ette asetada. See on mugav, kui teed ühest joonisest mitu versiooni, nii et kõik võimalused on võrdluseks silme ees.

19 isomeetria koos graafikat kasutades Stiilid

Ja viimane on isomeetria loomine ilma seda kasutamata ühe klõpsuga (või täpsemalt, 3 klõpsuga, sest meil on 3 külge;) kasutades graafilisi stiile ( Graafilised stiilid). Kuidas seda tehakse, kirjutan järgmisel korral alla.

Illustratoril on flash-iga ühisosa – võimalus salvestada objekt sümboliks ja sama lihtsalt saab selle sümboli üle kanda välklampi (avage .ai-fail flashis, Import – import lavale).
Illustratori sümbolil on samad omadused kui Flashis.
Ja lõpuks kirjutan, et illustraatoris jääb see minu arvates välklambile alla. Jah, jah, ja selline asi on olemas. Ja see on täitmise tööriist ( Värvi ämber). Kuidas ma ka ei üritaks haigena harjuda, on välguga mugavam.
Kui minu märkmed said teile kasulikuks või kui soovite endalt midagi lisada - tere tulemast kommentaaridesse! Edu kõigile ;)

Täna pole me päris tavalised Adobe õpetus Illustraator. Sest seekord ei tee me staatilist pilti, vaid päris animatsiooni. Kujutage ette, selgub koos Adobega Illustratoris saab joonistada ka koomikseid :)

Ja me ei vaja selleks mitte midagi. Kihtide pädev organiseerimine ja lõputöö eksport swf formaadis, kus iga kiht teisendatakse animatsioonikaadriks. Tänases õpetuses loosime välja retrofilmi stiilis loendusanimatsiooni. Väljund peaks olema selle tagasilugemisega välkvideo.

Esimene asi, mida teha, on joonistada kõik vajalikud elemendid tulevase animatsiooni jaoks. Selleks tegin eraldi dokumendis filmikaadri kaks asendit, võrdlusringi, mis oli eraldi sektoriteks lõigatud, tekstuuri ja antiigi efekti lisamiseks vertikaalse kriimu, samuti kõik numbrid ja pealdised .

Kui kõik meie koomiksi osad on valmis, võite hakata animatsiooni ise looma. Mugavuse huvides on seda kõige parem teha uues dokumendis. Sel juhul mängivad kihid animatsioonikaadrite rolli. Ja kõige esimeses kihis peate lihtsalt kopeerima filmiriba kaadri. Asetage see tööala keskele.


Nüüd looge teine ​​kiht ja kopeerige sellesse filmiriba, mille servade augud on nihutatud. Samuti tuleb see tsentreerida.


Nendest kahest kihist saab juba liikuva filmi animatsiooni. Kuid hiljem vajame palju rohkem kihte. Nii et valige kaks esimest kihti, minge paneeli valikute juurde ja tehke kihtidest koopia.


Samuti peame filmist koguma 12 kihti filme.


Nüüd on meil terve hunnik kihte ja need on kõik nähtavad. Selles mõttes, et ülemised kihid takistavad alumisi, mis ei ole tööks kuigi mugav. Seetõttu saate mõned kihid välja lülitada, klõpsates kihi nimest vasakul oleva silmaga ikooni. Kõigi kihtide korraga välja- või sisselülitamiseks hoidke silmaikoonil klõpsates all klahvi Alt. Kihid sisse ja välja lülitades näete täpselt, mis meie tulevase animatsiooni teatud kaadris asub. Ja nüüd, selleks, et saaksime filmi liikumisele lisada kerge värina, peame tekkivaid kaadreid veidi eri suundades liigutama. Selleks lisage ainult kiht, millega kavatsete töötada Sel hetkel ja seejärel nihutage kaadrit paar pikslit kummalegi poole.


Kui olete kõik kihid läbi käinud ja väikese nihke lisanud, võite hakata looma liikuvast ringist animatsiooni. Selleks kopeerige koomiksiosadega dokumendist sektoritest koosnev ring ja asetage see filmiriba kaadri kohale esimesele kihile.


Kui tühistate ringi valiku, näeb see välja ühtse tervikuna. See on täpselt see, mida me vajame.


Kuid kuna see koosneb eraldi sektoritest, saate animatsiooni luua väga kiiresti ja lihtsalt, muutes nende värvi. Selleks kopeeri see ring teisele kihile ja tee esimene sektor heledamaks. Mäletate, et meie kile väriseb liikumise ajal, mistõttu pole üldse vaja ringi täpselt kaadri keskele panna. Asetage see silma kohale.


Samamoodi tuleb ring kopeerida igale järgmisele kihile, värvides samal ajal heledama värviga ühe sektori võrra rohkem kui eelmisel korral. Kokkuvõttes moodustavad need 12 kihti täiteringiga kile.


Järgmisena peame oma kihtidele lisama tekstuuri. Lülita esimene kiht sisse ja kopeeri sinna tekstuur originaalfailist koos varuosadega.


Seejärel lülitage järgmised kihid kordamööda sisse ja kopeerige sama tekstuur sinna. Pöörake seda 90 kraadi, et see igal kaadril erinev välja näeks. Nagu võite arvata, peame lisama tekstuuri kõigile 12 kaadrile.


Kui olete juba kopeerimisest tüdinenud, siis võin teile meeldida - väga vähe on jäänud. Raskeim osa on möödas. Jääb lisada vertikaalsed kriimud ja peaaegu kõik. Selleks kopeerige uuesti algne kriimustus ja asetage see mitme kihina meelevaldsesse kohta. Minu puhul tekivad kriimud ainult kahes kihis.


Nüüd, kui filmi animatsiooniga põhisilmus on valmis, jääb üle numbrid lisada. Kuna loendame alla 3-lt ühele pluss sõna Go !!!,, vajame veelgi rohkem kihte. Mitte 12, vaid 48. Selleks tuleb filmi animatsiooniga valmiskihtidest teha veel kolm koopiat.


Ja siis on kõik lihtne. Lülitage sisse kõige esimene kiht ja pange sinna number kolm.


Seejärel peate selle numbri kopeerima järgmistesse kihtidesse, kuni ringi animatsioon lõpeb. Kui jõuate kihtide järgmise koopiani, kus ring saab uuesti täielikult täidetud, peate juba panema numbri kaks. Samamoodi kopeerige number üks soovitud kihtidele. Ja kui jõuate Go!!!


Animatsiooniga on see kõik. Siin on peamine asi mitte segadusse sattuda. Kihtidele võib anda mõned mugavad nimed, aga ma olin kuidagi liiga laisk :) Ja ometi, kui olete valmis, lülitage kindlasti kõik kihid uuesti sisse, vajutades silmaikoonile.


Ekspordisätetega aknas määrake Export As: AI Layers kindlasti väärtusele SWF Frames. Just see valik muudab illustraatori kihid animatsioonikaadriteks. Seejärel klõpsake nuppu Täpsemalt.


Avaneb lisaseaded... Siin peate määrama kaadrisageduse Frame Rate. Mul on 12 kaadrit sekundis. Märkeruut Looping vastutab animatsiooni silmuse eest. Tänu temale hakatakse videot mängima ringis. Ja suvand Layer Order: Bottom Up reprodutseerib illustraatori kihte paneelil alt üles. Täpselt nii me oma animatsiooni koostasime.


Väljundis saame oma animatsiooniga flash-video.

Nüüd näete, et lihtsa animatsiooni tegemine Adobe Illustratoris polegi nii keeruline, kui esmapilgul tundub.

Kuid pikkade videote või interaktiivsete rakenduste loomiseks on seda siiski parem kasutada Adobe flash või muud flash-redaktorid. Näiteks tegin selle kassi vanas Macromedia Flashis, mille oma töö juures välja kaevasin.

Samuti on viimasel ajal animatsioonide loomiseks üha enam kasutatud HTML5 ja CSS3. Seda koodi toetatakse kaasaegsed brauserid ja see ei nõua flash-mängija kasutamist.

Roman ehk dacascas eriti ajaveebi jaoks


Liituge meie uudiskirjaga, et mitte millestki uuest ilma jääda: