Adobe Illustrator dhe After Effects
Importi dhe animacion i thjeshtë

Vitannya. Është e lehtë të shikosh animacion në After Effects.

burimet: Adobe Illustrator CC
Adobe After Effects CC

Të falur për pikturën e një pikture në Illustrator.

pak
1) Namalyєmo në kontrast me sfondin

Foshnja 1 - Drejtkëndësh

2) Namalyuumo Kolo і hallєmo gradіntom
Popratsyuєmo trochi mbi kunjin:
- pika e poshtme në kontur është e dukshme, harku është i dukshëm;
- vizatoni një vijë të drejtë, duke lakuar pjesën e poshtme të harkut,

Malunok 2 - 1) vizatoni një rreth; 2) gradient; 3) fshini pikën

3) Kopjo Malyuєmo Pryamokutnik dhe robimo yogo
- një siri drejtkëndëshe;
- gri drejtkëndëshe e ndritur e errët
4) Trikutnik i vogël nga ylli që ka vendosur numrin e ndryshimeve - 3

Malunok 3 - 1) dritë e drejtë; 2) errësirë ​​e drejtë; 3) trekëndëshi

5) Macja e vogël për ndihmë Pena dhe figura të thjeshta

Foshnja 4 - 1) kokë; 2) qafa; 3) trupi; 4) këmbë; 5) bisht

Tani Samy KOKËT moment
Fotot Rozpodilimo sipas vargjeve (atëherë do të animohet - në një top buzë) boshti është si ky:

Malunok 5 - të gjitha fotot (e kuqe shënon shtresa të rëndësishme)

Gjithçka, tani zberigaєmo.
Cilësimet e kursimeve

Malunok 6 - Save

Dhe tani në fazën sulmuese. i shtrembërAdobe Illustrator dhe After Effects.

Importoni në After Effects
Skedar - Import - Skedar - zgjidhni skedarin tonë të ruajtjes Ilustruesi.
Viberemo, nëse importoni një top nga Illustrator, nëse vendosni një filmim, atëherë mund të shihni një foto me topa teke, por ne nuk kemi nevojë për të.

Malunok 7 - Import si përbërje

Të gjitha ishin të importuara.
Dhe tani do të pyesim veten se çfarë kemi є. Nën-kliko mbi përbërjen , Epo, ata rrahin topat (nëse rrahin gjithçka siç duhet, atëherë do të ketë një top me topa). Otrimaєmo take, div. Malunok

Malunok 8 - Përbërja e hapur

Dhe tani ata për të cilët kemi zgjedhur këtë vit - Animacion.

animacion në Pas Efektet
Pika e mbështjelljes vendoset në shigjetën në majë të malit prapa veglës "Pan prapa" (tasti i tastierës - Y). Thjesht marrim pikën dhe e ndryshojmë, është e nevojshme. Si rezultat, do të duket kështu..

Baby 9 - Vegla dhe shtresat e panit

Epo, kjo është ajo, tani i drejtohemi topave për animacion.
Do të na duhet topi Shigjeta dhe Head_cat.
Mundësisht me shigjetë.
Një listë e detajuar, ne e dimë dhe është e vërtetë për vitin. Pra, pikën e parë e vendosim në zero sekonda. I gjithë animacioni është i parëndësishëm 2 sekonda.
Otzhe, boshti i një cilësimi të tillë kërkohet për rrotullim (të gjitha mund të vendosen në 3 pikë)

Së dyti	0	1	2
	+66	- 70	+66

Aksi do të duket si ky:

Malunok 10 - Shigjeta e rrotullimit

Dhe tani koka e maces është animuєmo.
Roscryєmo head_cat і di Pozicioni.
Do të ketë 4 pikë.
Zmіnyuvati do të mbetet vetëm se koordinata nuk është e disponueshme.

Së dyti	0.1	0.17	1.12	2.0
Pozicioni	689.3	729.3	729.3	689.3

Duke u habitur me foton.

Malunok 11 - Pozicioni i kokës

Otzhe, parimi i animacionit është i ngjashëm. Shigjeta është për të shkuar nga ana në bik, si vetëm për t'u afruar me kozakun, për të tërhequr kokën në vetvete, për t'u futur në të gjithë grupin e tre, dhe pastaj për ta kthyer atë në vend.

përfundimet e skenës

Prodhimi
Ju duhet të shpërndani produktin e përfunduar në krijimin tuaj.
Ydemo në meny - Shto në Radhën e Renderit
Hapni panelin Render dhe në modulin e daljes (dy klikime) vibroni formatin e daljes. mora * .mov

Malunok 12 - Render

Sulmi në butonin RENDER dhe rezultati është i pranueshëm (thjesht mos harroni të luani rrugën).
Kjo eshte e gjitha.

Formati i skedarit Flash (SWF) grafika vektoriale dhe emërtimet për grafika të shkallëzuara, kompakte për internetin. Pra, si formati i skedarit të imazheve në grafikun vektorial, objekti është të sigurohet cilësia e figurës, duke pasur leje dhe ideale për vendosjen e kornizave të animacionit. Në Illustrator, mund të vendosni korniza animacioni në balona dhe më pas të eksportoni balona rreth kornizave për faqen tuaj të internetit. Ju gjithashtu mund të vizitoni simbolet në skedarët Illustrator për të zvogëluar madhësinë e animacionit. Kur eksportoni një lëkurë, simboli shfaqet në skedarin SWF vetëm një herë.

Eksporti i Eksportit (SWF)

Unë do të siguroj kontrollin më të madh mbi animacionin dhe kompresimin e dyfishtë.

Unë do t'ju jap më shumë kontroll mbi sasinë e formateve SWF dhe bit në një plan urbanistik të fragmentuar. Ekipi promovon më pak parametra imazhi, aq më i ulët është komanda "Exportuvati" (SWF), komanda "Eksport" (div.).

Kur përgatitni objektin përpara se ta ruani në formatin SWF, mbani mend përparimet.

Për ndihmën e programeve Device Central, ju mund të goditni, sikur po shikoni një objekt grafik Illustrator në një shtesë Flash Player në anekset e zorrëve të vogla.

Futja e një vepre artistike të Illustrator

Një objekt grafik mund të krijohet në një shtesë Illustrator shpejt, thjesht dhe pa kopjim dhe ngjitje të vështirë në një shtesë Flash.

Kur futni një objekt grafik Illustrator në një shtesë Flash, atributet e mëposhtme ruhen.

Konturi i figurave

• goditjet

  përcaktimi i qyteteve

  Teksti (përfshin fontet OpenType)

  foto e thurur

• modaliteti i sipërm

Përveç kësaj, Illustrator dhe Flash mund ta trajtojnë këtë kur futin një objekt grafik.

Kur shihen në një objekt grafik Illustrator, topat Verkhnyaya Rivnya Së bashku dhe duke i futur ato në shtesën Flash, topat dhe fuqia e tyre (dukshmëria dhe bllokimi) ruhen.

Ngjyra në formatin Illustrator, në formatin RGB (CMYK, gradim gri dhe emërtim për formatin corystuvach), i riimagjinuar me shtesën Flash në formatin RGB. Colori RGB është futur në një mënyrë shumë të veçantë.

Kur importoni ose futni një objekt grafik, Illustrator, me parametra shtesë, mund ta ruajë efektin (për shembull, kur ai shfaqet si tekst) në filtrat Flash.

Flash zberigaє maska ​​Illustrator.

Eksportoni skedarë SWF me programet Illustrator

Skedarët SWF që mund të eksportohen nga programet Illustrator, shfaqin cilësinë dhe hapat e skedarëve të ngjeshur SWF, të cilët mund të eksportohen nga programet Flash.

Gjatë eksportimit, është e mundur të vibroni një nga stilet e paracaktuara numerike, për të ruajtur ngjyrat e grafikës dhe për të përdorur mënyrën e dekorimit të zonave të montimit të dekaleve, mënyrën e transformimit të simboleve, topave, tekstit dhe maskave. Për shembull, mund të eksportoni simbole në Illustrator për videoklipe ose imazhe grafike Dhe gjithashtu rrënjosni simbolet SWF nga topat e Illustrator.

Importimi i skedarëve Illustrator në shtesat Flash

Më pas futni paraqitjen e re në shtesën Illustrator dhe më pas importojeni në shtesën Flash me një klikim. Ju mund t'i ruani të vegjlit në format vlasny Illustrator (AI) dhe importojeni atë me saktësi të lartë në shtesat Flash duke përdorur skedarin> Importo në zona e punës Skedari "Abo" ">" Importo në Bibliotekë ".

Ndërsa skedari Illustrator zëvendëson një numër tabelash artistike, vibroni tabelën artistike për import në dritaren e dialogut Import me programet Flash dhe shtoni rregullimin për një top të lëkurës në të gjithë tabelën artistike. Të gjitha objektet në zonën e zgjedhur të instalimit importohen në Flash program jak є top të vetëm. Kur importoni një zonë redaktimi nga i njëjti skedar AI, objektet nga e gjithë zona e redaktimit importohen në programin Flash si një top i ri.

Kur importoni një objekt grafik Illustrator nga AI, skedarë EPS ose bashkëngjitje PDF në Flash, të njëjtat atribute merren kur futni objekte grafike Illustrator. Përveç kësaj, nëse importoni një skedar Illustrator për të hakmarrë një top, mund ta importoni atë në një nga këto mënyra.

Shndërroni një top Illustrator në një top Flash.

Transformoni topin Illustrator në korniza Flash.

Transformoni të gjitha versionet e Illustrator në një top Flash.

Perspektiva e GIF në Adobe Illustrator është e turpshme për ofendimin. Shkoni te Skedari> Ruaj për ueb dhe pajisje (Alt + Ctrl + Shift + S). Në dritare, në formatin e skedarit të Optimizuar, duhet të shkoni te skeda për gjithçka Madhësia e imazhit(Madhësia e imazhit). Në të djathtë, në faktin se në mënyrën më të mirë për të optimizuar, ju keni marrë të gjithë pjesën për sugjerimet, por në fund nuk keni nevojë. Për këtë, kontribuesi i Madhësisë së Imazhit ka një vizion të qartë të Klikoni në Artboard(Ana obrіzate) dhe sulmi i butonit Apliko.

Le të zgjedhim formatin e gjallë GIF në listë dhe Transparencën paraardhëse unike.

Shkrimi është i rëndësishëm, pasi ngjyrat do të jenë të dallueshme. Të gjitha ngjyrat e pranishme në imazhe duhet të hiqen nga depozita Tabela me ngjyra(Tabela e ngjyrave) dhe shfaqet në pamjen e katrorëve me ngjyra. Dridhja në panelin e instrumenteve në pjesën e majtë të panelit të instrumenteve Pika për sy(Pіpetka).

Vizualisht, një ngjyrë mund të bëhet në dy mënyra. Është më e thjeshtë për të gjithë që të përdorin ngjyrat në figurë pa mesin - nëse shihni ngjyrat në tabelat e ngjyrave në rrathët e errët. Epo, nëse e dini me siguri se cila ngjyrë është fajtore, por ne do ta shohim, mund ta shihni direkt në tabelën e ngjyrave, pasi të keni vizatuar katrorin me ngjyrë të hapur. Para së gjithash, nëse është e nevojshme, zgjidhni numrin e ngjyrave të nevojshme duke shtypur tastin Shift (ose Ctrl). Duke dërguar një zgjedhje ngjyrash, është e nevojshme të bëjmë një kërkesë për programin e zhvillimit dhe ne do të dallojmë. Për të gjitha është e nevojshme të vizatoni një ikonë Hartat e ngjyrave të zgjedhura në Transparente(Dodati vibrani colori për të parë). Në të voglin, butoni është i rrethuar, dhe ne do të shohim përmes ngjyrës së kuqe. Një zonë shfaqet në imazh dhe një katror i vogël në tabelën e ngjyrave do të ndryshojë shikuesin - një pjesë e kampit të parë do të jetë një trikutnik. Për të skasuvati ngjyrat, duhet ta shihni në tabelën e ngjyrave dhe më pas të klikoni përsëri në ikonën ngjyrat e zgjedhura të Hartave në Transparent.

Pak fjalë për mënyrën e arritjes së largpamësisë. Për një menu të re vidpovidaє, scho vipadaє Specifikoni Algoritmin e Dither Transparency, Në Rusisht - Algoritmi i іmіtatsії prozorosti (fig. Më poshtë). Ju mund të ndryshoni dridhjen chotiri: No Transparency Dither - algoritmi i heshtur, Diffusion Transparency Dither - algorithm difuzioni, Pattern Transparency Dither - algoritmi i bazuar në vertikale dhe Noise Transparency Dither - algoritmi i bazuar në zhurmë. Në modalitetin difuz, Shuma(Vlera), e cila lejon ndryshimin e vlerës së difuzionit. Çfarë është për praktikë? Shihet gabimisht nga imazhi. Unë nuk e qortoj çmimin e opsionit, por mezi pres të kërkoj sugjerimet - Jo Transparency Dither.

Onslaught Save - gati një GIF largpamëse. Roboti është realizuar në versionin CS4 të Adobe Illustrator (v. 14), por të gjitha shkurtoret e bëra dhe të tastierës janë të rëndësishme dhe për një version më të madh të hershëm të CS3 (v. 13).

Ju keni një ose dy ikona që dëshironi të ringjallni me animacion shtesë. Çfarë do të dëshironit? Le të themi se keni skedarë SVG, programe Illustrator CC dhe After Effects CC, le të shkojmë!

Në këtë artikull unë do të demonstroj se si mund të animoni lehtësisht një skedar SVG, duke përfshirë përgatitjen e skedarit SVG në Illustrator dhe importimin e tij në After Effects CC. Unë gjithashtu do të shpjegoj se si mund ta konvertoni atë në shtresat e formës dhe ta shtoni në ruch. Së pari, le të flasim për eksportimin dhe paraqitjen.

Rezultati Kintseviy i robotit.

Tani le të fillojmë të gjejmë pjesën e duhur - ne mund ta sjellim imazhin në jetë.

Përgatitja e një skedari SVG në Illustrator

Le të hedhim një vështrim më të afërt në skedarin tuaj SVG në Adobe Illustrator CC. Unë do të jem në gjendje të animoj ikonën e vogël të makinës, e cila ofrohet falas në Week Of Icons.

Kur lexojmë skedarin, duhet të grupojmë dhe shpërndajmë të gjitha objektet në top. Mund ta ndryshoni me dorë ose vikoristovuvati Lëshimi në shtresa (sekuencë) për të përshpejtuar procesin. Së pari importoni skedarin në After Effects, duhet ta ruajmë në formatin e skedarit Illustrator.

Lëshimi në shtresa (sekuenca) mund të bëhet shpejt, kështu që nuk keni nevojë të shpenzoni një orë të shtrenjtë.

Importimi dhe organizimi i një skedari në After Effects CC

Tani jeni gati për të importuar në After Effects CC. Le të vikoristaєmo paraqesim klavish Ctrl + I (Windows) abo Komanda + I (Mac), Scheb shtoni një dritare dialogu Importo skedarin, Abo shko te Skedari> Importi> Skedari ... Në të njëjtin vend, ne do të vibrojmë përgatitjet tona, skedarin Illustrator CC. Importi. Fajtor, ka pak dialog në emër të dosjes tjetër. Oberit Përbërja nga lista me emër Lloji i importit.

i madh mënyrë shvidky Importimi i një skedari - dy klikime në një kopje të një kopjeje në panelin e projektit.

Në panelin e vijës kohore, ka më shumë kompozime të reja. Dy sulme ndaj saj. Tani ne jemi fajtorë për gjuajtjen e topit të Illustrator CC me ikona portokalli të së keqes nga emri.

Së pari, vazhdoni në të djathtë, ne jemi fajtorë për rikrijimin e të gjithë topave brenda Shtresat e formës... Ne duhet të shohim gjithçka për ndihmë Ctrl + A / Komanda + A, Ose do të dorëzohem për ndihmë Shift + Maus i majtë... Klikoni butonin e djathtë të miut mbi topin dhe vibroni Krijo> Krijo forma nga shtresa vektoriale.

Tani, nëse shihen topa të rinj, tërhiqni ato pjesa e sipërme panelet sipër balonave Illustrator CC, dhe më pas pashë balonat Illustrator CC dhe era e keqe nuk mbërtheu.

Konvertoni topat e Illustrator CC në shtresa të formës në After Effects CC

Duke dashur në gjithë nevojën memece, është e rëndësishme, ata i dhanë një top lëkure si tregues të emrit ose ndryshe e caktuan me një ngjyrë. Është më mirë të na lejoni ta bëjmë atë në mënyrë më efikase, ne do të jemi në gjendje t'i përdorim disa prej tyre në kornizat kryesore. Në skajin e poshtëm të varur të ngjyrës së shkronjave, ato më të mëdha tregojnë gropat e topave të dukshëm.

Markuvati Shape Layers me emra të ndryshëm, citate, shkrim dhe ngritje është ende praktike.

Për të rregulluar parametrat, përdorni tastet e mëposhtme. Ctrl + K / Komanda + K abo Përbërja> Cilësimet e përbërjes... Me Cilësimet e Kompozimit, duhet të vibrojmë gjerësinë, lartësinë, shpejtësinë e kuadrove dhe parëndësinë (Gjerësia, Lartësia, Shpejtësia e kuadrit dhe Kohëzgjatja). Për të gjithë projektin, unë vibrova 60 korniza në sekondë, kështu që animacioni ishte i qetë.

Për momentin për t'u ndërtuar, gjithçka është gati përpara robotit, por edhe një tjetër, siç duhet bërë. Ne duhet t'i grupojmë mjetet menjëherë, në mënyrë që ato të sinkronizohen me topin kryesor, të cilin ne mund ta kontrollojmë. Metoda Tsey që do të quhet Prindërimi.

Victory Pick Whip, për të shënuar topin batkiv të topave decilkohë.

Në aplikimin tonë, unë kam njohur numrin më të vogël të vargjeve (topat e vajzës), si pjerrësia ballore, pjesët e trupit, druri dhe motot e topit primar të trupit (topit të babait). Tse më lejoi të kontrolloja trupin dhe të mbështjellja të gjithë makinën (me sa më pak para) për topin shtesë të babait.

rrjedha e animacionit

Doja, kështu që makina goditi gurin dhe ngeci në muzg. Edhe unë desha, skafi u shemb përpjetë e poshtë dhe trungu u hap. Gjeta një gur nga kërcelli, makinat dhe rrotat. Pas orës që vjen, vendosni diy në yalinka. Pasi mbarova çmimin, u mora me detaje të tjera, si një bagazh dhe një motor.

Malunok me përshkrimin e animacionit

Së pari, më duhej të gjuaja elementin ose topin pranë gurit, por në vend që ta ktheja në Illustrator CC për të shtuar topin, sapo fillova të përdor Pen Tool në After Effects CC. Tse më lejoi të dizajnoja shpejt një gur të vogël.

Oh, ndoshta Vegla Pen!

Trungu i buvit i falet padyshim stafit. Unë qëndrova prapa makinës dhe theva pikën e rrotullimit në pjesën e poshtme majtas të sipërme. Vikoristovuchi Pick Whip, unë caktoj topin e trupit. Me një thur me grep të shtrembër doli e mbështjellë, si momenti kur u instalua makina ishte më realist.Bodymovin ishte i lidhur me bibliotekën celulare Lot.

P.S. Ju mund ta dini se kam dhënë skedarët Illustrator CC dhe After Effects CC.

Një grup ikonash të disponueshme për të kërcyer pa një përforcues të ndezur.