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

Vitānija. Animācija programmā After Effects mūsdienās ir vienkārša.

resursus: Adobe Illustrator CC
Adobe After Effects CC

Labi paveikts ar gleznu programmā Illustrator.

diez vai
1) Namalyuemo fonā

1. mazulis — taisnstūris

2) Namalyuєmo Colo un hallemo ar gradientu
Trochu korekcija virs mieta:
- mēs varam redzēt apakšējo punktu uz kontūras, noņemt loku;
- mēs novelkam taisnu līniju, izliekot loka apakšējo daļu, mēs uzņemam līniju

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

3) Mazs taisnstūris un izveidojiet kopiju
- viens taisnstūris siriy;
- vēl viens taisni piegriezts tumši pelēks
4) Mazs Trikutnik ar zvaigznēm, iestatot izmaiņu skaitu - 3

3. mazulis - 1) taisnā gaisma; 2) taisni tumšs; 3) trīsstūris

5) Mazs kaķis palīgā Pildspalva un vienkāršas figūriņas

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

Un tagad viņš pats GALVA brīdis
Sadalīsim attēlus atbilstoši versijām (kas tiks animēts - uz ocremium bumbas) ass šādi:

5. mazulis — visi attēli (sarkanā krāsā atzīmējiet svarīgos slāņus)

Viss, tagad mēs to ņemam.
Apskatiet ietaupījumu iestatījumus

6. mazulis — ietaupiet

Un tagad nākamais posms. izliektsAdobe Illustrator un darbina After Effects.

Importēt programmā After Effects
Fails - Importēt - Fails - atlasiet mūsu saglabāšanas failu Ilustrators.
Mēs izvēlamies importēt bumbiņas no Illustrator, ja ievietojam kadrus, tad mēs uzņemam attēlu ar kombinētajām bumbiņām, bet mums tas nav vajadzīgs.

Baby 7 — importēt kā kompozīciju

Viss importēts.
Un tagad mēs brīnāmies, kas mums ir. Karājas aplaudēšana uz kompozīcijas , Kas būtu noticis un bumbiņas pakratītu (ja visu izdarītu pareizi, tad būtu bumbiņu šprotes). Ņem to tā, div. mazulis

Malyunok 8 — atvērta kompozīcija

Un tagad tie, kuriem mēs šodien šeit esam izvēlējušies - Animācija.

animācija iekšā pēc efektiem
Iestatiet ietīšanas punktu bultiņā augšpusē її aiz Pan Behind rīka (īsinājumtaustiņš — Y). Mēs vienkārši paņemam punktu un pārvietojam to tur, kur tas ir nepieciešams. Rezultātā tu izskatīsies šādi..

Baby 9 — Pannas rīks un slāņi

Tas arī viss, tagad pāriesim pie animācijas bumbiņām.
Mums būs nepieciešama Arrow un Head_cat bumba.
Sāksim ar bultiņu.
Rozkriёmo sarakstu, zini un spied jubilejā. Tātad pirmo punktu nolikām uz nulles sekundi. Kopējais animācijas laiks ir 2 sekundes.
Atkal ir jāpaplašina to pašu iestatījumu ass (kopā ir iestatīti 3 punkti)

Otrkārt	0	1	2
	+66	- 70	+66

Ass izskatīsies šādi:

Malyunok 10 — rotācijas bultiņa

Un tagad atdzīviniet kaķa galvu.
Atpazīt head_cat un zināt Pozīcija.
Būs 4 punkti.
Jūs mainīsiet tikai koordinātas, tās nemainot.

Otrkārt	0.1	0.17	1.12	2.0
Pozīcija	689.3	729.3	729.3	689.3

Apskatīsim attēlu.

Malyunok 11 — novietojiet galvu

Otzhe, animācijas princips ir šāds. Bulta virzās no sāniem uz sāniem, jo ​​tā tikai tuvojas košenālam, ievelk galvu sevī, ievelkas troča pozīcijā un pēc tam pagriež to uz miglas.

pēdējais posms

Ražošana
Jūsu radīšanai ir jāizveido gatavs produkts.
Dodieties uz izvēlni - Pievienot renderēšanas rindai
Atveriet Render paneli un izvades modulī (divi klikšķi) atlasiet izvades formātu. Es paņēmu *.mov

Baby 12 — Render

Noklikšķiniet uz pogas RENDER un iegūstiet rezultātu (tikai neaizmirstiet norādīt ceļu).
Uz kuriem viss.

Flash (SWF) faila formāts vektorgrafika un uzdevumi mērogotai, kompaktai grafikai internetam. Kopš vektorgrafikas pamatu faila formāta objekts uztver attēla skaidrību, ja jūs to pieļaujat, un ir ideāli piemērots animācijas kadru veidošanai. Programmā Illustrator varat izveidot dažādas kadru animācijas uz baloniem un pēc tam eksportēt attēlu balonus kā kadru kadrus atsaucei vietnē. Jūs varat arī apzīmēt simboliem Illustrator failā, lai samazinātu animācijas izmēru. Eksportējot apvalku, simbols SWF failā parādās tikai vienu reizi.

ExportWati (SWF) komanda

Iegūstiet vislielāko kontroli pār animāciju un dubulto saspiešanu.

Iegūstiet lielāku kontroli pār SWF un bitkartes formātu kombināciju sadrumstalotā izkārtojumā. Šī komanda satur mazāk attēla parametru, apakšējo komandu "Eksportēt" (SWF) un citus komandas "Eksportēt" (div.) vairākus parametrus.

Sagatavojot objektu pirms saglabāšanas SWF formātā, atcerieties šādus ieteikumus.

Lai palīdzētu, varat izmantot programmu Device Central, it kā aplūkotu Illustrator grafisko objektu kā papildinājumu. Flash atskaņotājs uz dažādām zarnu saimniecības ēkām.

Illustrator grafiskā objekta ievietošana

Illustrator pievienojumprogrammas grafiskā objekta darbus var ātri, vienkārši un bez grūtībām kopēt un ielīmēt Flash papildinājumā.

Ievietojot Illustrator grafisko objektu Flash papildinājumā, šie atribūti tiek saglabāti.

Kontūras un figūras

• tovščinas triekas

  gradientu apzīmējums

  Teksts (tostarp OpenType fonti)

  po'yazanі attēls

• pieskaitāmie režīmi

Turklāt Illustrator un Flash piedāvā šo iespēju, ievietojot grafisku objektu.

Kad grafiskajā objektā Illustrator redzat bumbiņas augstākais līmenis Kopumā un ievietojot tos Flash papildinājumā, tiek saglabāti koplietojumi un to jauda (redzamība un bloķēšana).

Illustrator krāsu formāti, RGB ieeja (CMYK, pelēktoņu un ieteicama īsajam formātam), pārveidota par Flash pievienojumprogrammu RGB formātam. RGB krāsas ir ievietotas ar lielisku rangu.

Importējot vai ievietojot grafisko objektu, Illustrator papildu parametriem var saglabāt daudz efektu (piemēram, ēnu, kas ir redzama ar tekstu) Flash filtros.

Flash saglabā Illustrator maskas.

SWF failu eksportēšana ar Illustrator

SWF faili, kas eksportēti ar Illustrator programmām, tiek vērtēti pēc to SWF failu kvalitātes un saspiešanas līmeņa, kas eksportēti ar Flash programmām.

Eksportējot varat izvēlēties vienu no iepriekš iestatītajiem stiliem, kā nodrošināt pielāgotus izšuvumus, kā arī norādīt veidu, kā izvēlēties uzlīmju zīmējumus, veidu, kā pārveidot simbolus, balonus, tekstu un maskas. Piemēram, varat izvēlēties eksportēt Illustrator simbolus no videoklipa vai grafiskie attēli, kā arī veidojot SWF simbolus no Illustrator baloniem.

Illustrator failu importēšana Flash pievienojumprogrammā

Lai Illustrator papildinājumā izveidotu jaunu izkārtojumu un pēc tam importētu to Flash papildinājumā ar vienu klikšķi, varat saglabāt mazos izkārtojumus mitrs formāts Illustrator (AI) un importējiet jogu ar augstu precizitāti Flash pievienojumprogrammā, izmantojot File>Import to darba zona»Abo«Fails»>«Importēt bibliotēkā».

Ja vēlaties dzēst vairākus Illustrator faila zīmējumus, Flash dialoglodziņā "Importēt" atlasiet importēšanai paredzēto zīmējumu un norādiet ādas bumbiņas pielāgojumu šajā zīmējumu tāfelī. Visi objekti, kas atrodas tajā pašā montāžas zonā, tiek importēti Flash programma kā viena bumba. Importējot citu zīmējumu dēli no tā paša AI faila, objekti no šī zīmējuma tāfeles tiek importēti Flash kā jauna bumbiņa.

Importējot Illustrator grafisko objektu AI, EPS vai PDF failiem, Flash pievienojumprogramma izmanto tos pašus atribūtus, ko ievietojot Illustrator grafiskos objektus. Turklāt, ja importējat Illustrator failu, lai aizstātu Shari, varat to importēt kādā no šiem veidiem.

Pārvērtiet Illustrator balonus par Flash baloniem.

Pārvērtiet Illustrator balonus Flash kadros.

Pārvērtiet visas Illustrator versijas vienā Flash bumbiņā.

Prozory GIF programmā Adobe Illustrator, lai cīnītos ar uzbrukuma pakāpi. Atveriet izvēlni Fails> Saglabāt tīmeklim un ierīcēm (Alt + Ctrl + Shift + S). Augšpusē laukā Optimizētais faila formāts vispirms ir nepieciešams, lai viss pārietu uz cilni attēla izmērs(Attēla izmērs). Labajā pusē, ka optimizācijas gaitā bloķēšanai tiek izmantota visa puse, kurā nav vajadzības. Tāpēc cilnē Attēla lielums ir skaidrs skalas skats Klips uz Artboard(Noklikšķiniet uz sāniem) un nospiediet pogu Lietot.

Sarakstā izvēlēsimies GIF formātu un atlasiet Transparency Ensign.

Ja tas ir nozīmīgs, tad krāsas būs skaidras. Visas attēlā esošās krāsas patur autori krāsu tabula(Krāsu tabula) un parādās, redzot krāsu kvadrātus. Atlasāms rīkjoslā rīklodziņa kreisajā daļā acu pilinātājs(Pipetka).

Ir divi veidi, kā norādīt krāsu. Vienkāršāk visam ar pipeti bez vidus uz attēla norādīt krāsu - pēc tam krāsa redzama krāsu tabulā tumšajos lokos. Nu, ja jūs precīzi zināt, kura krāsa ir vainīga, bet mēs to varam redzēt, jūs to varat redzēt tieši uz krāsu tabulas, nospiežot līdzīgas krāsas kvadrātu. Un pirmajā un citos gadījumos, ja nepieciešams, izvēlieties, cik krāsas jums ir nepieciešams, nospiežot Shift taustiņu (vai Ctrl). Pēc krāsas izvēles nepieciešams iesniegt pieteikumu programmas darbam caur jogu. Kam nepieciešams nospiest ikonu Kartē atlasītās krāsas uz caurspīdīgu(Pievienojiet atlasītās krāsas caurspīdīgumam). Mazajam poga ir apvilkta, apelāciju sarkanā krāsa ir skaidra. Attēlā parādīsies laukums, un krāsu tabulas kvadrāts mainīs savu izskatu - daļa no tā kļūs par lielu triku. Lai atlasītu krāsu, tā ir jāredz krāsu tabulā un pēc tam vēlreiz noklikšķiniet uz ikonas Kartē atlasītās krāsas līdz caurspīdīgai.

Kіlka sіv pro sposіb vdannya prozorostі. Par jaunu ēdienkarti, ko jūs redzat Norādiet Transparency Dither algoritmu, Krievu valodā - Caurspīdības imitācijas algoritms (Zīm. Zemāk). Varat izvēlēties sekojošo: No Transparency Dither — nav algoritma, Diffusion Transparency Dither — difūzijas algoritms, Pattern Transparency Dither — algoritms, kura pamatā ir vizieris un Noise Transparency Dither — algoritms, kura pamatā ir troksnis. Kļūst aktīvs difūzā algoritma režīms Summa(Vērtība), kas ļauj mainīt difūzijas vērtību. Ko apstāties praksē? Zīmes un attēla atmatā skats. Es nezvēru ar šo iespēju un vienmēr dodos uz bloķēšanu - No Transparency Dither.

Natyskaєmo Saglabāt — GIF ir gatavs. Darbs tika veikts Adobe Illustrator versijā CS4 (v.14), bet visi pārējie īsinājumtaustiņi attiecas uz vecāku versiju CS3 (v. 13).

Jums ir viena vai divas ikonas, it kā jūs vēlētos tās atdzīvināt papildu animācijai. Kāpēc tu sāktu? Pieņemsim, ka jums ir SVG faili, Illustrator CC un After Effects CC, taču risinājums ir jums piemērots.

Šajā rakstā es parādīšu, kā jūs varat viegli animēt SVG failu, tostarp sagatavojot SVG failu programmā Illustrator un importējot to programmā After Effects CC. Es arī paskaidrošu, kā jūs varat pārvērst jogu par Shape Layers un pievienot volānu. Es, nareshti, parunāsim par eksportēšanu un renderēšanu.

Pēdējais darba rezultāts.

Tagad ķersimies pie vissvarīgākās daļas - attēla animācijas mācīšanās.

SVG faila sagatavošana programmā Illustrator

Apskatīsim, kā jūsu SVG fails tiek renderēts programmā Adobe Illustrator CC. Es animēšu mazas automašīnas ikonu, jo tā ir pieejama bez maksas vietnē Week Of Icons.

Pēc faila apskatīšanas mums ir jāatgrupē un jāsadala visi objekti bumbiņās. To var izdarīt manuāli vai vikoristu Atbrīvot uz slāņiem (secība) lai paātrinātu procesu. Pirms faila importēšanas programmā After Effects tas ir jāsaglabā no Illustrator faila formāta.

Varat atgrupēt objektus, izmantojot Release to Layers (Sequence), lai nepatērētu vērtīgu stundu.

Importējiet šo failu organizāciju programmā After Effects CC

Tagad viss ir gatavs importēšanai After Effects CC. Piesitīsim atslēgas Ctrl+I (Windows) vai Command + I (Mac), Schob zavantazhiti dialogs vikno importa failu, vai dodieties uz Fails>Importēt>Fails... Turpat izvēlieties mūsu sagatavoto Illustrator CC failu un nospiediet imports. Vainīgs z'yavitisya neliels dialoglodziņš ar faila nosaukumu. iesaiņojums sastāvu no saraksta zem nosaukuma Importa veids.

vairāk zviedru veids Faila importēšana - veiciet dubultklikšķi uz kolonnas vietas projekta panelī.

Laika skalas panelī mēs pievienojam jaunu kompozīciju. Abi spiež uz viņu. Tagad mēs esam vainīgi Illustrator CC balonos ar oranžām ļaunuma ikonām nosaukumā.

Pirmkārt, turpiniet pa labi, mēs esam vainīgi, ka pārvērtām visas šīs bumbiņas formas slāņi. Mums tie visi ir jāredz, lai saņemtu palīdzību Ctrl+A/Command+A, Abo roku par palīdzību Shift + kreisais peles taustiņš. Pēc tam ar peles labo pogu noklikšķiniet uz bumbas un izvēlieties Izveidot > Izveidot formas no vektora slāņa.

Tagad, ja ir redzamas jaunas bumbiņas, velciet tās uz augšējā daļa paneļus virs Illustrator CC bumbiņām un pēc tam noņemiet Illustrator CC bumbiņas, lai tās nesmirdētu.

Illustrator CC bumbiņu pārveidošana par slāņiem formātā programmā After Effects CC

Lai gan nekas nav vajadzīgs, ir svarīgi, lai ādas bumbai dotu skaidru nosaukumu un/vai kā krāsu nosauktu jogu. Tse ļauj mums praktizēt efektīvāk, mēs šķembas uz atslēgu rāmjiem. Krāsas apakšējā daļā ierakstiet lielāku vai mazāku izmēru, lai iegūtu apakšējo bumbiņu pildījumu.

Marķēšanas Shape Layers ar dažādiem nosaukumiem, pēdiņām, burtiem un roztashuvannyam vēl praktiskāk.

Lai pielāgotu parametrus, nospiediet apakšējos taustiņus Ctrl+K/Command+K vai Kompozīcija > Kompozīcijas iestatījumi... Sastāva iestatījumos mums jāizvēlas platums, augstums, kadru ātrums un trivalitāte (platums, augstums, kadru ātrums un ilgums). Šim projektam es izvēlējos 60 kadrus sekundē, lai animācija būtu gluda.

Šobrīd šķiet, ka viss ir gatavs darbam, bet ir vēl viens vārds, jo jāstrādā. Dziesmas jāsagrupē uzreiz, lai to kustība būtu sinhronizēta ar galveno bumbu, kuru varam kontrolēt. Šo metodi sauc vecāku audzināšana.

Vikoristovyte Pick Whip, lai atpazītu tēva bumbu dekіlkoh sharіv.

Mūsu dibenā es atzinu mazāku versiju (meitas bumbas), piemēram, frontālo slīpumu, ķermeņa daļas, koku un galvenās ķermeņa bumbas (batkivsky ball) šķeteres. Tse ļāva man kontrolēt nometni un visas mašīnas iesaiņošanu (par nelielu vīnu), lai palīdzētu tēva ballei.

animācijas veidošana

Gribu, lai mašīna atsitas pret akmeni un karājas gaisā. Tāpēc es gribu, jalinka sabruka kalnā un lejā, un bagāžnieks atvērās. Es nosmērēju akmeni, mašīnas un riteņus. Pagaidīsim stundu, lai izlabotu lielākās izmaiņas – uzliksim diy uz jalinkas. Kad pabeidzu, parūpējos par citām detaļām, piemēram, bagāžnieku un ratiņiem.

Mazulis ar animācijas aprakstu

Elements bija jāizveido iepriekš, pretējā gadījumā bumbiņa izskatījās pēc akmens, taču tā vietā, lai ieslēgtu Illustrator CC, lai pievienotu vēl vienu bumbiņu, es tikko izveidoju pildspalvas rīku programmā After Effects CC. Tse ļāva man ātri izveidot nelielu akmeni.

Ak, varenais pildspalvas rīks!

Bagāžnieks buv vіdnosno piedod zavdannyam. Es to uzstādīju automašīnas aizmugurē un izveidoju atskaites punktu apakšējā kreisajā virsotnē. Vikoristovuyuchi Pick Whip, es atpazinu jogas Batkіvskogo bumbu ķermeni. Priekšā raža bija ietīšanas efekts, kas savukārt padarīja mašīnas momentu reālāku Bodymovin dienā ar Lottie mobilo bibliotēku.

P.S. Varat skatīt manis saņemtos Illustrator CC un After Effects CC failus.

Ikonu kopa ir pieejama bezmaksas lejupielādei vietnē.