Kā izveidot GIF ar caurspīdīgu fonu programmā Illustrator. Rokasgrāmata: Kā izveidot SVG animācijas ar After Effects CC Kā animēt programmā Illustrator

Flash faila formāts (SWF) ir balstīts uz vektorgrafika un ir paredzēts mērogojamai, kompaktai grafikai tīmeklī. Tā kā šis faila formāts ir balstīts uz vektorgrafiku, objekts saglabā attēla kvalitāti jebkurā izšķirtspējā un ir ideāli piemērots animācijas kadru veidošanai. Programmā Illustrator varat izveidot atsevišķus animācijas kadrus uz slāņiem un pēc tam eksportēt attēlu slāņus kā atsevišķus kadrus izmantošanai savā vietnē. Varat arī definēt simboliem Illustrator failā, lai samazinātu animācijas izmēru. Eksportējot, katrs simbols SWF failā tiek definēts tikai vienu reizi.

Eksportēšanas komanda (SWF)

Nodrošina vislielāko kontroli pār animāciju un bitu saspiešanu.

Nodrošina lielāku kontroli pār SWF un bitkartes formātu kombināciju sadrumstalotā izkārtojumā. Šī komanda piedāvā mazāk attēla opciju nekā komanda Eksportēt (SWF), taču tajā tiek izmantotas pēdējās izmantotās komandas Eksportēšanas opcijas (sk.).

Sagatavojot objektu saglabāšanai SWF formātā, ņemiet vērā tālāk norādītās vadlīnijas.

Izmantojot Device Central, varat redzēt, kā lietojumprogrammā izskatīsies Illustrator mākslas darbi. Flash atskaņotājs dažādās rokas ierīcēs.

Illustrator mākslas darbu ievietošana

Programmā Illustrator izveidotos mākslas darbus var ātri, vienkārši un vienkārši kopēt un ielīmēt programmā Flash.

Tālāk norādītie atribūti tiek saglabāti, ielīmējot Illustrator attēlu programmā Flash.

    Kontūras un formas

  • Līnijas biezums

    Gradientu definīcija

    Teksts (tostarp OpenType fonti)

    Saistītie attēli

  • Sajaukšanas režīmi

Turklāt Illustrator un Flash atbalsta tālāk norādīto, ievietojot mākslas darbu.

    Atlasot slāņus Illustrator mākslas darbā augstākais līmenis un ievietojot tos Flash, tiek saglabāti slāņi un to īpašības (redzamība un bloķēšana).

    Illustrator krāsu formātus, kas nav RGB (CMYK, pelēktoņu un pielāgotie formāti), Flash pārveido par RGB. RGB krāsas tiek ielīmētas parastajā veidā.

    Importējot vai ielīmējot Illustrator mākslas darbus, varat izmantot dažādas opcijas, lai noteiktus efektus (piemēram, teksta radīto ēnu) saglabātu kā Flash filtrus.

    Flash saglabā Illustrator maskas.

SWF failu eksportēšana no Illustrator

No Illustrator eksportētie SWF faili atbilst no Flash eksportēto SWF failu kvalitātei un saspiešanas pakāpei.

Eksportējot, varat izvēlēties no dažādiem iepriekš definētiem stiliem, lai nodrošinātu optimālu izvadi, un norādīt, kā tiek izmantoti vairāki zīmējumu dēļi, kā tiek pārveidoti simboli, slāņi, teksts un maskas. Piemēram, varat eksportēt Illustrator simbolus kā filmas vai grafiku un izveidot SWF simbolus no Illustrator slāņiem.

Illustrator failu importēšana programmā Flash

Lai izveidotu pilnu izkārtojumu programmā Illustrator un pēc tam vienā darbībā importētu to programmā Flash, varat saglabāt mākslas darbu Illustrator vietējā formātā (AI) un ar augstu precizitāti importēt to programmā Flash, izmantojot Fails> Importēt uz. darba zona Vai Fails> Importēt bibliotēkā.

Ja jūsu Illustrator failā ir vairāki zīmējumu dēļi, dialoglodziņā Flash importēšana atlasiet importējamo zīmējumu un norādiet iestatījumus katram šī zīmējuma tāfeles slānim. Visi objekti atlasītajā zīmējumā tiek importēti Flash programma kā viens slānis. Importējot citu zīmējumu dēli no tā paša AI faila, objekti no šī zīmējuma tāfeles tiek importēti programmā Flash kā jauns slānis.

Importējot Illustrator mākslas darbus kā AI, EPS vai PDF pielikums Flash saglabā tos pašus atribūtus kā uz ielīmēšanas grafiskie objekti Ilustrators. Turklāt, ja importētajā Illustrator failā ir slāņi, varat tos importēt kādā no šiem veidiem.

    Konvertējiet Illustrator slāņus uz Flash slāņiem.

    Pārvērtiet Illustrator slāņus Flash kadros.

    Konvertējiet visus Illustrator slāņus uz vienu Flash slāni.

Tagad nedaudz sarežģīsim uzdevumu - izveidosim animētu Flash-baneri. Runājiet par pilnvērtīgu Flash animāciju šajā gadījumā noteikti nav nepieciešams - tam ir specializētas paketes. Taču varat arī izmantot programmu Illustrator, lai izveidotu vienkāršu amatieru videoklipu.

Programmā Adobe Illustrator nav īpašu rīku un interfeisa rīku, piemēram, laika skalas, kas ir raksturīgas animācijas izstrādes programmām. Bet ir viens smalkums - jūs varat izmantot slāņus kā rāmjus.

Izveidojiet reklāmkarogu tikai ar tekstu.

  1. Grupējiet rakstzīmes ar komandu Objekts ›Grupa(Objekts ›Grupa).
  2. Nākamais uzdevums ir izveidot kontūru objektus no fontu rakstzīmēm, pretējā gadījumā pareiza slāņu veidošana nedarbosies. Lai to izdarītu, atlasiet grupu un atlasiet Ierakstiet ›Izveidot kontūras(Fonts ›Trace).
  3. Pēc tam atveriet paletes izvēlni Slāņi(Slāņi), noklikšķinot uz bultiņas pogas paletē (8.11. attēls).

Rīsi. 8.11... Slāņu paletes izvēlne

Mūs interesē šīs izvēlnes komanda Atbrīvot uz slāni (secība)(Konvertēt uz slāņiem (secīgi)), kas pārvērš katru atsevišķu objektu jaunā slānī. Lūdzu, ņemiet vērā, ka, izmantojot komandu, ir jāizvēlas grupa. Grupa, nevis slānis 1. slānis.

Kā vajadzētu izskatīties paletei Slāņi(Slāņi) pēc izpildes Atbrīvot uz slāni (secība)(Konvertēt uz slāņiem (secīgi)), parādīts attēlā. 8.12.


Rīsi. 8.12... Slāņu palete pēc izlaišanas slānī (secība) izpildes

Tas pabeidz sagatavošanu, jūs varat ietaupīt ar Saglabāt priekš Web(Saglabāt tīmeklim) SWF formātā. SWF ir galvenais uz Flash balstītas grafikas formāts. Precīzāk būtu teikt, ka šis ir Flash formāts (8.13. att.).

Iespējams, šodien visi lietotāji jau ir vairāk vai mazāk pazīstami ar Flash. Pašlaik tas ir visizplatītākais animācijas formāts internetā un tiek izmantots, lai izveidotu lielāko daļu multivides interneta lapu.

Protams, Adobe Illustrator nav ieviesta pat desmitā daļa no Flash iespējām, jo ​​programma tam nav paredzēta. Tomēr tajā varat izveidot vai nu statisku attēlu, vai vienkāršu animāciju.


Rīsi. 8.13... SWF formāta optimizācijas iestatījumi

Pastāv šādi iestatījumi.

  • Tikai lasīt(Tikai lasīšana). Ja atzīmēsiet izvēles rūtiņu, fails tiks ierakstīts tā, ka to vairs nevarēs atvērt rediģēšanai nevienā programmā. Tas, no vienas puses, samazina failu lielumu un, no otras puses, aizsargā jūsu autortiesības.
  • Iestatījums, kas norādīts ar 1. Parametrs, kas norāda saglabāšanas veidu, ir attēls vai animācija.
  • Ja izvēlaties opciju AI fails uz SWF failu(Ilustratora fails SWF fails), attēls tiks saglabāts kā statisks attēls, kas pilnībā atkārto to, ko redzat ekrānā, strādājot programmā Illustrator.
  • SWF rāmju slāņi(Slāņi uz SWF rāmjiem) ļauj animēt esošos slāņus, lai tie tiktu renderēti kā rāmji. Mums ir jāizvēlas šī konkrētā iespēja.
  • Līknes kvalitāte(Līknes kvalitāte). Faila līkņu precizitāte, lai atkārtotu sākotnējā attēla līknes. Samazinot šo parametru, kvalitāte ievērojami samazinās, it īpaši sīku detaļu jomā, bet faila lielums samazinās. Mūsu gadījumā optimālā vērtība ir "7".
  • Kadru ātrums(Kadra aizkave). Kadru nomaiņas ātrums un līdz ar to arī animācijas ātrums. Lai efekts būtu pareizs, iestatiet to uz ne vairāk kā 4 kadriem sekundē.
  • Cilpa(Atkārtot). Atskaņojiet animāciju vairākas reizes. Piemērots animācijām, kur svarīga ir atkārtota cilpa. Reklāmkarogs ir šāda veida.

Adobe Illustrator un After Effects
Importēt un vienkārša animācija

Sveiki. Šodien mēs pārskatām vienkāršu animāciju programmā After Effects.

Resursi: Adobe Illustrator CC
Adobe After Effects CC

Sāksim, iemācoties zīmēt programmā Illustrator.

Zīmēt
1) Uzzīmēsim dzeltenu taisnstūri fonam

1. attēls – taisnstūris

2) Uzzīmējiet apli un aizpildiet to ar gradientu
Nedaudz piestrādāsim pie apļa:
- noņemiet apakšējo punktu uz kontūras, mēs iegūstam loku;
- novelkot taisnu līniju, aizverot loka dibenu, iegūstam pusloku


2. attēls - 1) uzzīmēt apli; 2) gradients; 3) dzēst punktu

3) Uzzīmējiet taisnstūri un izveidojiet tā kopiju
- viens pelēks taisnstūris;
- cits taisnstūris ir tumši pelēks
4) Uzzīmējiet trīsstūri no zvaigznītes, iestatot staru skaitu - 3


3. attēls - 1) taisna gaisma; 2) taisni tumšs; 3) trīsstūris

5) Uzzīmējiet kaķi, izmantojot pildspalvu un vienkāršas formas

4. attēls - 1) galva; 2) kakls; 3) ķermenis; 4) kāja; 5) aste

Un tagad visvairāk GALVENĀ brīdis
Sadalīsim attēlus slāņos (kas tiks animēts - atsevišķā slānī) šādi:

5. attēls — visi attēli (sarkanā krāsā atzīmēti svarīgie slāņi)

Viss, tagad mēs saglabājam.
Apskatīsim saglabāšanas iestatījumus


6. attēls - Saglabāt

Un tagad nākamais solis. AizvērtAdobe Illustrator un atveriet After Effects.

Importēt programmā After Effects
Fails - Importēt - Fails - atlasiet mūsu saglabāto failu Ilustrators.
Izvēlēsimies importēt slāņus no Illustrator, ja ieliksim kadrus, iegūsim attēlu ar sapludinātiem slāņiem, bet tas mums nav vajadzīgs.

7. attēls. Importēt kā kompozīciju

Viss tika importēts.
Tagad paskatīsimies, kas mums ir. Veiciet dubultklikšķi uz kompozīcijas kas atvērtos un mēs redzētu slāņus (ja viss ir izdarīts pareizi, būs vairāki slāņi). Mēs to saņemam, skatiet attēlu


8. attēls — atvērtā kompozīcija

Un tagad tas, ko mēs šodien esam šeit, ir animācija.

Animācija iekšā After Effects
Iestatiet pagrieziena punktu pie bultiņas tā augšpusē, izmantojot Pan Behind rīku ( īsinājumtaustiņš- Y). Vienkārši paņemiet punktu un pārvietojiet to, kur vien vēlaties. Rezultātā tas izskatīsies šādi..

9. attēls. Panorāmēšanas rīks un slāņi

Labi, tagad pāriesim pie animācijas slāņiem.
Mums ir nepieciešams slānis Arrow un Head_cat slānis.
Sāksim ar bultiņu.
Izvērsīsim sarakstu, atrodam to un noklikšķiniet uz pulksteņa. Tādā veidā mēs ievietojam pirmo punktu pie nulles sekundes. Animācija kopumā aizņems 2 sekundes.
Tātad, šie ir iestatījumi, kas jums jāveic (kopā ielieciet 3 punktus)

Otrkārt 0 1 2
+66 - 70 +66
Lūk, kā tas izskatīsies:


10. attēls — rotācijas bultiņa

Tagad animēsim kaķa galvu.
Izvērsīsim head_cat un atrodam Pozīcija.
Būs 4 punkti.
Tas mainīs tikai pēdējo koordinātu, nepieskaroties pārējām.

Otrkārt 0.1 0.17 1.12 2.0
Pozīcija 689.3 729.3 729.3 689.3
Mēs skatāmies uz attēlu.


11. attēls — novietojiet galvu

Tātad, animācijas princips bija šāds. Bulta šūpojas no vienas puses uz otru, tiklīdz tā tuvojas kaķēnam, tā ievelk galvu sevī, nedaudz uzkavējas šajā pozīcijā un pēc tam atgriež savā vietā.

Pēdējais posms

Ražošana
No sava darba jāizveido gatavs produkts.
Mēs ejam uz izvēlni - Pievienot renderēšanas rindai
Atvērsies Render panelis un izvades modulī (divi klikšķi) atlasiet izvades formātu. Es paņēmu * .mov


12. attēls — Renderēšana

Nospiediet pogu RENDER un iegūstiet rezultātu (tikai neaizmirstiet norādīt ceļu).
Tas ir viss.

Sveiki visiem! Šodien es mēģināšu aprakstīt programmas iespējas Adobe ilustrators salīdzinot to ar skalošanas iespējām. Šī nebūs globāla programmas analīze pēc kauliem, bet gan dažu interesantu mikroshēmu apraksts, ko es atklāju šajā programmā. Informāciju vācu pa gabalu, kā to pētīju, lai visu saliktu vienā ierakstā. Uzreiz jāatzīst, ka neesmu īpaši pieredzējis ilustratoru lietotājs, tikai pēdējos sešus mēnešus Izmantoju zīmēšanā (pirms tam visu krāsoju zibspuldzē). Daudzi cilvēki sūdzas, ka ilustrators ir sarežģīts, ne vienmēr intuitīvi skaidrs. Zināmā mērā es piekrītu, ka pēc skalošanas šī programma ir sarežģīta. Bet galvenais šeit ir nevis pamest, bet gan turpināt studijas. Un pēc pāris nedēļām parādās doma, kā gan es agrāk bez viņa varēju iztikt!

Tātad, kas man patika ilustratorā un ko es pats atradu, kas nav Flash.
1. Sākšu ar visvienkāršāko, bet tajā pašā laikā nepieciešamo. Mēģiniet zibenīgi sakārtot objektus aplī. Bija iepriekš Deko rīks, bet tas tika noņemts, acīmredzot uzskatīts par nevajadzīgu. Nolēmām, ka jautrāk to darīt ar pildspalvām. Illustrator ir šāda funkcija: Efekts — izkropļot un pārveidot — pārveidot.


Viss ir ātri un vienkārši, vērtības (attālums starp objektiem, kopiju skaits) iestatījumos iestatām paši.

2. Zig-zags

Vēl vienkāršāka, bet tomēr noderīga lieta. Šķiet, ka tas ir sīkums, bet zibenīgi jāzīmē ar roku, ilustratorā tas ir sekunžu jautājums.

3. Objektu deformācija (Warp)

Nekas tāds zibenīgi nenotiek. Tālāk esošajā piemērā es parādīju tikai 2 veidus, kā deformēt vienkāršas formas (Efekts - Warp - Arc / Fish). Patiesībā ir 15 no tiem. jaunākā versija programmas.

4. Automātiska stūru noapaļošana (apaļie stūri)

To var izdarīt manuāli: uz grafiskā objekta, kad tas ir atlasīts, stūrī (pie visām acīm) parādās balts punkts un noapaļotas līnijas simbols. Velkam ar peli, pieskaņojam savai gaumei.

Bet tas attiecas tikai uz formām, ar zīmuļa līniju nedaudz savādāk - izmantojiet noapaļošanas efektu ( Efekts - Stilizēt - Apaļi stūri). Izejā mēs iegūstam tādu pašu rezultātu.

5. Rupināt (rupjība)

Efekts tiek piemērots vienkāršas formas (Efekts — izkropļot un pārveidot — raupināt). Izvadā mēs iegūstam kaut ko tādu, kas atgādina zema polietilēna 3D modeli. Manuprāt, forši :) Un galvenais - ļoti vienkārši.


6. Pucker & Bloat(vilkšana un vēdera uzpūšanās)
Piemērs attēlā zemāk:


7. Veidlapas paplašināšana (nobīdes ceļš)

Zibspuldzei ir Expand Fill funkcija; atšķirībā no ilustratora tā vispār nedarbojas ar zīmuļa līnijām.


8. Otas (Art Brush, Pattern Brush, Scatter Brush)
Skatiet attēlu zemāk ar piemēriem:

9.Texture Brush

Programmā Illustrator ir arī daudz tekstūras otu, par kurām es rakstīju un kā tās parādījās jauna versija flush -. Ir novērots, ka otu izmantošana programmā Adobe Animate ir ārkārtīgi lēna. Tieši tā:(

10. Es neesmu pārliecināts, vai tas ir vienkāršs triks, bet es vēlos koncentrēties uz otu ar smieklīgu nosaukumu. BlobOta... Atrodas instrumentu kastē, ļoti jauka birste lietošanai. Ir daudz iestatījumu, man tas patīk vairāk nekā parasti. Grūti vārdos izskaidrot tās priekšrocības, labāk vienreiz pamēģināt.

10. Sadalīt uz režģi

Noderīga ir arī funkcija Split to Grid (Object-Path-Split to Grid), kas ļauj sagriezt formu vienādos segmentos. Ko tas mums atgādina? Tieši tā – logi ir daudzstāvu ēkā. Kas attiecas uz mani, forša lieta zīmēšanai, piemēram, pilsētas ainavas;)


Vēl vienu noderīgs rīks prezentēts Illustrator, iespējams, kopš tā pirmās izlaišanas. To var izmantot, lai izveidotu, piemēram, koka faktūras:

12. Pārvietot (pa labi — pārveidot — pārvietot)

Objekta pārvietošana noteiktā attālumā. Ja vēlaties, varat uzreiz izveidot kopiju, kas tiks novietota vēlamajā attālumā no izvēlētā objekta horizontāli / vai vertikāli. Iepriekšējai Flash versijai bija tāds spraudnis šī funkcija... Diemžēl neatceros tā nosaukumu.

Ir ļoti ērti izveidot bezšuvju modeļus programmā Illustrator ( Objekts-Pattern-Make). Es atceros, kā es biju izmisīgi izsmalcināts zibspuldzes radīšanā. CC 2015 ilustratora versijā viss ir automatizēts, virkne iestatījumu palīdzēs veidot rakstu desmitiem variāciju, pie rokas ir tikai daži grafiskie elementi. Vairāk agrīnās versijas programmas viss bija jādara manuāli, kā līdz šim zibatmiņā.

(Piezīme - paraugu var padarīt par vektoru rediģējamu objektu, izmantojot parsēšanas funkciju ( Objekts — izvērst izskatu).

14. Objektu mozaīka

Krāsu paletes izveidošana, pamatojoties uz esošu attēlu. Mēs importējam attēlu, kas mums patīk, slikti (Open), tad Objekts — izveidojiet objekta mozaīku... Iestatījumos mēs norādām dalīšanas biežumu augstumā un platumā.

Un izejā mēs iegūstam:

15.Blend

Izmanto, lai izveidotu gradientus. Varat izveidot soli pa solim pārejas, kā, piemēram, attēlā. Neteikšu, ka lietoju bieži, bet kādam var noderēt. Es domāju, ka to var izmantot, lai izveidotu vienkāršus fona attēlus.

Arī rīku var izmantot objektu klonēšanai. Novietojiet divus objektus vienu no otra attālumā un izmantojiet Blend Options, izvēlieties soļu skaitu (klonēto objektu skaitu).

16. Rīku veidošanas formas rīks.Ļoti parocīga lieta darbam ar primitīviem. Vienā mirklī man tas šķita mazāk ērti.

Turot nospiestu taustiņu Alt un noklikšķinot uz atlasītajiem segmentiem - izdzēsiet segmentus. Ja mēs vienkārši velkam peli pār vairākiem atlasītajiem apgabaliem - savienojumi.


Papildinājums ir rīks, kas palīdz automātiski izgriezt, pievienoties utt. izceltās formas. Kas attiecas uz mani, tas nav īpaši ērti, es to izmantoju biežāk BūvētFormaRīks.

(mākslas dēļi)

18. Pielāgots rīku panelis

Iespēja pašam izveidot savu rīkjoslu, izmetot nevajadzīgos, un atlasīt tikai tos, kurus izmantojat.

Programmā Flash, zīmējumu dēļi, proti, ainas ( 1., 2., 3. aina..) atrodas atsevišķi, un jums ir jāpārslēdzas starp tām (Shift + F2). Programmā Illustrator varat tos visus novietot savu acu priekšā. Tas ir ērti, ja vienam zīmējumam veido vairākas versijas, lai visas iespējas būtu acu priekšā salīdzināšanai.

19 izometrija ar izmantojot grafiku Stili

Un pēdējais ir izveidot izometriju, neizmantojot to ar 1 klikšķi (vai precīzāk, ar 3 klikšķiem, jo ​​mums ir 3 malas;) izmantojot grafiskos stilus ( Grafiskie stili). Kā tas tiek darīts, parakstīšu nākamreiz.

Illustrator ir kopīgs ar zibspuldzi - iespēja saglabāt objektu simbolā, un tikpat viegli šo simbolu var pārnest uz zibspuldzi (atveriet .ai failu zibspuldzē, izmantojot Importēt — importēt uz skatuves).
Simbolam programmā Illustrator ir tādas pašas īpašības kā Flash.
Un beigās es uzrakstīšu, ka ilustratorā, manuprāt, tas ir zemāks par zibspuldzi. Jā, jā, un ir tāda lieta. Un šis ir aizpildīšanas rīks ( Krāsas spainis). Lai kā es censtos pierast slimā, zibspuldzē ir ērtāk.
Ja manas piezīmes jums noderēja vai vēlaties kaut ko pievienot no sevis - laipni lūdzam komentāros! Veiksmi visiem ;)

Šodien mēs neesam gluži parasti Adobe apmācība Ilustrators. Jo šoreiz taisīsim nevis statisku bildi, bet īstu animāciju. Iedomājies izrādās ar ar Adobe Var arī zīmēt karikatūras programmā Illustrator :)

Un tam mums vispār nekas nav vajadzīgs. Kompetenta slāņu organizēšana un gala darba eksportēšana swf formātā, kur katrs slānis tiek pārveidots par animācijas kadru. Šodienas apmācībā mēs zīmēsim retro filmas stila atpakaļskaitīšanas animāciju. Izvadei vajadzētu būt zibatmiņas video ar šādu atpakaļskaitīšanu.

Pirmā lieta, kas jādara, ir uzzīmēt visus nepieciešamos elementus turpmākajai animācijai. Lai to izdarītu, atsevišķā dokumentā izveidoju divas filmas kadra pozīcijas, atskaites apli, kas tika sagriezts atsevišķos sektoros, faktūru un vertikālu skrāpējumu, lai pievienotu senatnes efektu, kā arī visus skaitļus un uzrakstus. .

Kad visas mūsu multfilmas daļas ir gatavas, varat sākt veidot pašu animāciju. Ērtības labad vislabāk to izdarīt jaunā dokumentā. Šajā gadījumā slāņi spēlēs animācijas kadru lomu. Un pašā pirmajā slānī jums vienkārši jānokopē filmas lentes rāmis. Novietojiet to darba zonas vidū.


Tagad izveidojiet otru slāni un nokopējiet tajā plēves sloksni, kurā caurumi gar malām ir nobīdīti. Tam arī jābūt centrētam.


No šiem diviem slāņiem jau var iegūt kustīgas filmas animāciju. Bet vēlāk mums vajag daudz vairāk slāņu. Tāpēc atlasiet pirmos divus slāņus, dodieties uz paneļa opcijām un izveidojiet slāņu kopiju.


Tāpat mums ir jāuzkrāj 12 filmas kinofilmu slāņi.


Tagad mums ir vesela virkne slāņu, un tie visi ir redzami. Tādā ziņā, ka augšējie slāņi aizsprosto apakšējos, kas nav īpaši ērti darbam. Tāpēc dažus slāņus var izslēgt, noklikšķinot uz ikonas ar aci pa kreisi no slāņa nosaukuma. Lai izslēgtu vai ieslēgtu visus slāņus vienlaikus, turiet nospiestu taustiņu Alt, vienlaikus noklikšķinot uz acs ikonas. Ieslēdzot un izslēdzot slāņus, jūs varat redzēt tieši to, kas atrodas noteiktā mūsu nākotnes animācijas kadrā. Un tagad, lai mēs pievienotu nelielu trīci filmas kustībai, mums ir nedaudz jāpārvieto iegūtie kadri dažādos virzienos. Lai to izdarītu, iekļaujiet tikai slāni, ar kuru plānojat strādāt Šis brīdis un pēc tam pabīdiet rāmi par pāris pikseļiem uz abām pusēm.


Kad esat izgājis cauri visiem slāņiem un pievienojis nelielu nobīdi, varat sākt veidot kustīga apļa animāciju. Lai to izdarītu, kopējiet apli, kas sastāv no sektoriem, no dokumenta ar karikatūras daļām un novietojiet to uz pirmā slāņa virs filmas lentes rāmja.


Ja noņemsiet loka atlasi, tas izskatīsies kā viens vesels. Tas ir tieši tas, kas mums vajadzīgs.


Bet, tā kā tas sastāv no atsevišķiem sektoriem, jūs varat izveidot animāciju ļoti ātri un vienkārši, mainot to krāsu. Lai to izdarītu, kopējiet šo apli uz otro slāni un padariet pirmo sektoru gaišāku. Jūs atceraties, ka mūsu filma kustības laikā satricina, tāpēc nav nepieciešams precīzi novietot apli kadra centrā. Novietojiet to virs acs.


Līdzīgi jums ir jākopē aplis uz katru nākamo slāni, vienlaikus krāsojot ar gaišāku krāsu par vienu sektoru vairāk nekā iepriekšējā reizē. Kopā šie 12 slāņi veido plēvi ar pildījuma apli.


Tālāk mums jāpievieno tekstūra mūsu slāņiem. Ieslēdziet pirmo slāni un nokopējiet tur esošo tekstūru no oriģinālā faila ar rezerves daļām.


Pēc tam pēc kārtas ieslēdziet nākamos slāņus un kopējiet tur to pašu tekstūru. Lai tas katrā kadrā izskatītos savādāk, vienkārši pagrieziet to par 90 grādiem. Kā jūs, iespējams, uzminējāt, mums ir jāpievieno tekstūra visiem 12 kadriem.


Ja jau ir apnicis kopēt, tad varu iepriecināt - palicis pavisam maz. Grūtākā daļa ir beigusies. Atliek pievienot vertikālas skrāpējumus un gandrīz visu. Lai to izdarītu, vēlreiz nokopējiet oriģinālo skrāpējumu un ievietojiet to patvaļīgā vietā vairākos slāņos. Manā gadījumā skrāpējumi parādās tikai divos slāņos.


Tagad, kad galvenā cilpa ar filmas animāciju ir gatava, atliek pievienot skaitļus. Tā kā mēs skaitām no 3 līdz 1 plus vārds Go, mums ir nepieciešams vēl vairāk slāņu. Nevis 12, bet 48. Lai to izdarītu, ir jāizveido vēl trīs gatavo slāņu kopijas ar filmas animāciju.


Un tad viss ir vienkārši. Ieslēdziet pašu pirmo slāni un ielieciet tur ciparu trīs.


Pēc tam šis numurs ir jākopē nākamajos slāņos, līdz beidzas apļa animācija. Kad jūs nonākat pie nākamās slāņu kopijas, kur aplis atkal tiks pilnībā aizpildīts, jums jau jāievieto numurs divi. Tādā pašā veidā kopējiet numuru viens vajadzīgajos slāņos. Kad esat nokļuvis virsraksta Go !!! pēdējiem slāņiem, vienkārši izdzēsiet apli pirms paraksta kopēšanas vajadzīgajā slānī.


Tas viss ar animāciju. Šeit galvenais ir neapjukt. Slāņiem var dot dažus ērtus nosaukumus, bet man kaut kā bija slinkums :) Un tomēr, kad esat pabeidzis, noteikti ieslēdziet visus slāņus atpakaļ, noklikšķinot uz acs ikonas.


Logā ar eksportēšanas iestatījumiem noteikti iestatiet Eksportēt kā: AI slāņus uz SWF Frames. Šī opcija pārvērš ilustratoru slāņus animācijas kadros. Pēc tam noklikšķiniet uz pogas Papildu.


Atvērsies papildu iestatījumi... Šeit jums jāiestata kadru nomaiņas ātrums. Man ir 12 kadri sekundē. Atzīmēšanas rūtiņa Looping ir atbildīga par animācijas cilpu veidošanu. Pateicoties viņai, video tiks atskaņots aplī. Un opcija Slāņu secība: no apakšas uz augšu atveido ilustratora slāņus panelī no apakšas uz augšu. Tieši tā mēs veidojām savu animāciju.


Izvadā mēs iegūstam flash video ar mūsu animāciju.

Tagad jūs varat redzēt, ka vienkāršas animācijas izveide programmā Adobe Illustrator nav tik sarežģīta, kā šķiet no pirmā acu uzmetiena.

Bet, lai izveidotu garus videoklipus vai interaktīvas lietojumprogrammas, to joprojām ir labāk izmantot Adobe Flash vai citi flash redaktori. Piemēram, es izgatavoju šo kaķi vecā Macromedia Flash, ko es izraku savā darbā.

Tāpat pēdējā laikā HTML5 un CSS3 arvien vairāk tiek izmantoti animāciju veidošanai. Šis kods tiek atbalstīts modernās pārlūkprogrammas un nav nepieciešams izmantot zibatmiņas atskaņotāju.

Romāns aka dacascasīpaši emuāram


Abonējiet mūsu biļetenu, lai nepalaistu garām neko jaunu: