Adobe Illustrator és After Effects
Import és egyszerű animáció

Vitannia. Az After Effects animációja ma egyszerű.

erőforrások: Adobe Illustrator CC
Adobe After Effects CC

Jól sikerült a festmény az Illustratorban.

alig
1) Namalyuemo a háttérben

Baba 1 - Téglalap

2) Namalyuєmo Colo és hallemo színátmenettel
A karó feletti trochok korrekciója:
- láthatjuk a kontúron az alsó pontot, levesszük az ívet;
- egyenes vonalat húzunk, miután az ív alját meggörbítettük, vesszük a vonalat

2. baba - 1) kört rajzolni; 2) gradiens; 3) pont törlése

3) Kis téglalap, és készítsen másolatot
- egy téglalap siriy;
- másik egyenes vágású sötétszürke
4) Kis Trikutnik csillagokkal a változtatások számának beállításával - 3

3. baba - 1) egyenes lámpa; 2) egyenes sötét; 3) háromszög

5) Kismacska segítségért Toll és egyszerű figurák

Baba 4 - 1) fej; 2) nyak; 3) test; 4) láb; 5) farok

És most ő maga FEJ pillanat
Osszuk fel a képeket a verziók szerint (ami lesz animált - okrémium labdán) így:

Baby 5 - minden kép (piros jelöli a fontos rétegeket)

Mindent, most vesszük.
Nézze meg a megtakarítási beállításokat

Baba 6 – Mentés

És most jön a következő szakasz. íveltAdobe Illustrator és az After Effects által működtetett.

Importálás az After Effectsbe
Fájl - Importálás - Fájl - válassza ki a mentési fájlunkat Illusztrátor.
A labdákat Illustratorból importáljuk, ha feltesszük a felvételt, akkor a kombinált golyókkal készítjük a képet, de erre nincs szükségünk.

Baba 7 – Importálás kompozícióként

Mind importált.
És most azon tűnődünk, hogy mi van. Lógó taps a kompozíción , Mi lett volna, és megrázzuk a labdákat (ha mindent jól csináltunk, akkor egy spratt golyó lesz). Vedd így, div. baba

Malyunok 8 - Nyitott összetétel

És most azok, amelyekhez ma itt választottunk - Animáció.

animáció be utóhatás
Állítson be egy tekercselési pontot a tetején її a Pan Behind Tool mögötti nyílra (gyorsbillentyű - Y). Csak veszünk egy pontot, és mozgatjuk oda, ahol szükséges. Ennek eredményeként így fog kinézni..

Baby 9 - Pan eszköz és rétegek

Ennyi, most térjünk át az animáció labdáira.
Szükségünk lesz egy Arrow és Head_cat labdára.
Kezdjük a nyíllal.
Rozkriёmo listája, ismerje meg és nyomja meg az évfordulót. Tehát az első pontot a nulla másodpercre tesszük. Az animáció teljes ideje 2 másodperc.
Ismét ugyanazon beállítások tengelyét kell bővíteni (összesen 3 pont van beállítva)

Második	0	1	2
	+66	- 70	+66

A tengely így fog kinézni:

Malyunok 10 - Forgatás nyíl

És most animálja meg a macska fejét.
Ismerd fel a head_cat-et és tudd Pozíció.
4 pont lesz.
Csak a koordinátákat módosítja anélkül, hogy megváltoztatná őket.

Második	0.1	0.17	1.12	2.0
Pozíció	689.3	729.3	729.3	689.3

Nézzük a képet.

Malyunok 11 - Helyezze el a fejet

Otzhe, az animáció elve ilyen. A nyíl oldalról oldalra mozog, ahogy csak közeledik a kochineálhoz, magába vonja a fejet, bebújik a troch helyzetébe, majd a ködön fordítja.

végső szakasz

Termelés
Az alkotáshoz kész terméket kell létrehoznia.
Menj a menübe - Hozzáadás a renderelési sorhoz
Nyissa meg a Render panelt, és az Output Module-ban (két kattintással) válassza ki a kimeneti formátumot. Vettem *.mov

12. baba – Render

Kattintson a RENDER gombra, és adja meg az eredményt (csak ne felejtse el megadni az elérési utat).
Akin minden.

Flash (SWF) fájlformátum vektoros grafikaés feladatok méretezhető, kompakt grafikákhoz az internethez. A vektorgrafikán alapozó fájl formátuma miatt az objektum megörökíti a kép tisztaságát, ha megengedi, és ideális animációs keretek készítéséhez. Az Illustratorban különféle keretanimációkat hozhat létre léggömbökön, majd a képbuborékokat keretkeretként exportálhatja referenciaként a webhelyen. Azt is jelezheti szimbólumok Illustrator fájlban, hogy csökkentse az animáció méretét. Felület exportálásakor a szimbólum csak egyszer jelenik meg az SWF fájlban.

ExportWati (SWF) csapat

Szerezd meg a legtöbbet az animáció és a dupla összenyomás felett.

Jobban irányíthatja az SWF és a bittérképes formátumok keverékét egy töredezett elrendezésben. Ez a parancs a kép kevesebb paraméterét tartalmazza, az alsó "Exportálás" (SWF) parancsot és az "Export" (div.) parancs többi több paraméterét.

Amikor egy objektumot SWF formátumban történő mentés előtt készít elő, ne feledje a következő ajánlásokat.

Használhatja a Device Central programot a segítségére, mintha az Illustrator grafikus objektumra tekintene kiegészítésként Flash player különféle bélmelléképületeken.

Illustrator grafikus objektum beszúrása

Az Illustrator-bővítmény grafikus objektumában lévő alkotások gyorsan, egyszerűen és nehézségek nélkül másolhatók és illeszthetők be a Flash-bővítménybe.

Amikor Illustrator grafikus objektumot illeszt be a Flash-bővítménybe, ezek az attribútumok mentésre kerülnek.

Kontúrok és figurák

• tovshchina ütések

  színátmenetek kijelölése

  Szöveg (beleértve az OpenType betűtípusokat is)

  po'yazanі kép

• rezsi üzemmódok

Ezenkívül az Illustrator és a Flash grafikus objektumok beszúrásakor kínálja ezt a lehetőséget.

Amikor golyókat lát az Illustrator grafikus objektumban magasabb szintÖsszességében, és beillesztve azokat a Flash-kiegészítőbe, a megosztások és azok teljesítménye (láthatósága és blokkolása) mentésre kerül.

Illustrator színformátumok, RGB bemenet (CMYK, szürkeárnyalatos és rövid formátumhoz ajánlott), Flash-kiegészítővé konvertálva RGB formátumhoz. Az RGB színei nagy ranggal kerülnek beillesztésre.

Grafikus objektumok importálásakor vagy beszúrásakor az Illustrator további paraméterekhez számos effektust (például árnyékot, amely szöveggel látható) elmenthet a Flash-szűrőkbe.

A Flash elmenti az Illustrator maszkjait.

SWF-fájlok exportálása az Illustratorral

Az Illustrator programokkal exportált SWF-fájlok értékelése a Flash-programokkal exportált SWF-fájlok minősége és tömörítési szintje alapján történik.

Exportáláskor kiválaszthat egyet a számos előre beállított stílus közül, hogyan biztosíthat egyedi hímzéseket, és megadhatja a matrica rajztáblák kiválasztásának módját, a szimbólumok, léggömbök, szövegek és maszkok átalakításának módját. Kiválaszthatja például, hogy exportálja az Illustrator szimbólumokat egy videoklipből vagy grafikus képek, valamint SWF szimbólumok létrehozása Illustrator léggömbökből.

Illustrator-fájlok importálása a Flash-bővítménybe

Ha új elrendezést szeretne létrehozni az Illustrator bővítményben, majd egy kattintással importálni a Flash kiegészítőbe, mentheti a kicsiket a nedves formátum Illustrator (AI) és importálja a jógát nagy pontossággal a Flash kiegészítőbe a Fájl>Importálás munkaterület»Abo«Fájl»>«Importálás a könyvtárba».

Ha egy Illustrator-fájlhoz több rajztáblát szeretne törölni, válassza ki az importáláshoz szükséges rajztáblát a Flash „Importálás” párbeszédpanelén, és adjon meg egy beállítást a skin labdához ezen a rajztáblán. Az azonos rögzítési területen lévő összes objektum importálva van Flash program mint egyetlen labda. Ha egy másik rajztáblát importál ugyanabból az AI-fájlból, az objektumok az adott rajztábláról új golyóként importálódnak a Flash-be.

Illustrator grafikus objektumok AI, EPS vagy PDF fájlok importálásakor a Flash-bővítmény ugyanazokat az attribútumokat veszi fel, mint az Illustrator grafikus objektumok beszúrásakor. Ezenkívül, ha Illustrator-fájlt importál a Shari helyettesítésére, az alábbi módok egyikén importálhatja azt.

Konvertálja az Illustrator léggömböket Flash léggömbökké.

Konvertálja az Illustrator léggömböket Flash keretekké.

Alakítsa át az Illustrator összes verzióját egyetlen Flash-golyóvá.

Prozory GIF az Adobe Illustratorban, hogy harcoljon a támadó ranggal. Válassza a Fájl menü Mentés webre és eszközökre menüpontját (Alt + Ctrl + Shift + S). Felül, az Optimalizált fájlformátum mezőben először szükséges, hogy minden a fülre kerüljön képméret(Képméret). A jobb oldalon annyiban, hogy az optimalizálás során a teljes oldalt használjuk a reteszeléshez, és amiben nincs szükség. Ezért a Képméret lapon jól látható a méretarány Klip a rajztáblára(Kattintson az oldalakra), és nyomja meg az Alkalmaz gombot.

Válasszuk ki a listából a GIF formátumot, és válasszuk az Átlátszóság jelvényt.

Ha ez jelentős, akkor a színek tiszták lesznek. A képen látható összes színt a közreműködők megtartják színes táblázat(Színtáblázat), és megjelennek a színes négyzetek láttán. Az eszköztár bal oldalán található eszköztárban választható szemcseppentő(Pipetka).

Kétféleképpen lehet színt kijelölni. Könnyebb mindennek jelezni a színt egy pipettával középpont nélkül a képen - ezután a színek táblázatában a sötét körökben látható a szín. Nos, ha biztosan tudja, melyik szín a hibás, de mi látjuk, akkor egy hasonló színű négyzetet nyomva közvetlenül a színtáblázaton láthatja. Az első és a többi esetben pedig, ha szükséges, a Shift billentyű (vagy Ctrl) megnyomásával válassza ki, hogy hány színt kell gyakorolnia. A színválasztás után jelentkezést kell benyújtani a programra a jógán keresztül történő munkavégzéshez. Akinek szükséges az ikon megnyomása Leképezi a kiválasztott színeket átlátszóra(Adja hozzá a kiválasztott színeket az átlátszósághoz). A kicsinél a gomb be van karikázva, a fellebbezések piros színe egyértelmű. A terület megjelenik a képen, és a színtáblázaton lévő négyzet megváltoztatja megjelenését - egy része nagy trükk lesz. Egy szín kiválasztásához látnia kell azt a Színtáblázatban, majd ismét kattintson a Kijelölt színek átlátszóvá tétele ikonra.

Kіlka sіv pro sposіb vdannya prozorostі. Egy új menühöz, amit látsz Adja meg a Transparency Dither algoritmust, Oroszul - Algoritmus az átlátszóság utánzására (ábra lent). A következők közül választhat: No Transparency Dither - nincs algoritmus, Diffusion Transparency Dither - diffúziós algoritmus, Pattern Transparency Dither - a látómezőn alapuló algoritmus és Noise Transparency Dither - zajon alapuló algoritmus. A diffúz algoritmus üzemmódja aktívvá válik Összeg(Érték), amely lehetővé teszi a diffúziós érték módosítását. Mit kell abbahagyni a gyakorlatban? A jel és a kép ugarnézete. Nem esküszöm erre a lehetőségre, és mindig a zárolásra megyek – No Transparency Dither.

Natyskaєmo Save – GIF kész. A munka az Adobe Illustrator CS4 (v.14) verziójában történt, de az összes többi billentyűparancs a régebbi CS3 (v. 13) verzióra vonatkozik.

Van egy vagy két ikonja, mintha szeretné újraéleszteni őket további animáció céljából. Miért kezdenéd el? Tegyük fel, hogy rendelkezik SVG fájlokkal, Illustrator CC-vel és After Effects CC-vel, de a megoldás megfelelő az Ön számára.

Ebben a cikkben bemutatom, hogyan lehet egyszerűen animálni egy SVG-fájlt, beleértve az SVG-fájl előkészítését az Illustratorban és az After Effects CC-be való importálását. Azt is elmagyarázom, hogyan alakíthatod át a jógát alakrétegekké, és hogyan adhatsz hozzá fodrot. Én, nareshti, beszéljünk az exportálásról és a renderelésről.

A munka utolsó eredménye.

Most térjünk rá a legfontosabb részre – a kép animálásának megtanulására.

SVG-fájl előkészítése az Illustratorban

Nézzük meg, hogyan jelenik meg az SVG-fájl az Adobe Illustrator CC-ben. Animálni fogok egy kisautó ikont, mivel az ingyenesen elérhető a Week Of Icons-on.

A fájl megtekintése után le kell csoportosítanunk és golyókra kell osztanunk az összes objektumot. Megteheti manuálisan vagy vikorisztán Release to Layers (szekvencia) hogy felgyorsítsa a folyamatot. Mielőtt importálnánk a fájlt az After Effectsbe, el kell mentenünk az Illustrator fájlformátumból.

Az objektumok csoportosítását a Release to Layers (Sequence) segítségével bonthatja ki, hogy ne töltsön el értékes órát.

Importálja a fájlszervezést az After Effects CC-be

Most már minden készen áll az After Effects CC-be való importálásra. Nyomjuk meg a billentyűket Ctrl+I (Windows) vagy Command + I (Mac), Schob zavantazhiti párbeszéd vikno import fájl, vagy menjen ide Fájl>Importálás>Fájl... Ugyanitt válassza ki az általunk készített Illustrator CC fájlt és nyomja meg import. Bűnös z'yavitisya kis párbeszédablak a fájl nevével. betakar fogalmazás név alatti listából Import fajtája.

több svéd módon Fájl importálása – kattintson duplán a projektpanel oszlopának helyére.

Az Idővonal panelen egy új szerzeményt adunk hozzá. Ők ketten nyomják őt. Bűnösek vagyunk az Illustrator CC léggömbökben, amelyek nevében a gonoszság narancssárga ikonja látható.

Először is haladjunk jobbra, vétkesek vagyunk, hogy ezeket a golyókat azzá alakítjuk alakrétegek. Mindannyiukat látnunk kell segítségért Ctrl+A / Command+A, Abo kéz segítségért Shift + bal egérgomb. Ezután kattintson jobb gombbal a labdára, és válassza ki Létrehozás > Alakzatok létrehozása vektorrétegből.

Ha új golyókat lát, húzza oda őket felső rész paneleket az Illustrator CC golyók fölé, majd távolítsa el az Illustrator CC golyókat, hogy ne büdösödjenek.

Illustrator CC golyók átalakítása rétegekké az After Effects CC-ben

Bár nincs szükség semmire, fontos, hogy a bőrlabdának egyértelmű nevet adjunk és/vagy színnek jelöljük a jógát. Tse lehetővé teszi számunkra, hogy a gyakorlatban hatékonyabban fogjuk szilánkok a kulcsfontosságú kereteket. A szín alsó részébe írjon egy nagyobb-kisebb méretet, hogy az alsó golyók kitöltését adja meg.

Jelölés Shape Layers különböző nevek, idézetek, betűk és roztashuvannyam még praktikusabb.

A paraméterek beállításához nyomja meg az alsó gombokat Ctrl+K / Command+K vagy Kompozíció > Kompozíció beállításai... A Kompozíció beállításai közül ki kell választanunk a szélességet, magasságot, képkockasebességet és trivalitást (szélesség, magasság, képkockasebesség és időtartam). Ehhez a projekthez 60 képkocka/másodperc sebességet választottam, hogy az animáció sima legyen.

Jelen pillanatban úgy tűnik, minden készen áll a működésre, de van még egy szó, hiszen dolgozni kell. Egyszerre kell csoportosítani a dalokat, hogy a mozgásuk szinkronban legyen a fő labdával, amit mi irányíthatunk. Ezt a módszert hívják nevelés.

Vikoristovyte Pick Whip, hogy felismerje az apa labdáját dekіlkoh sharіv.

A mi fenekünkben elismertem egy kisebb változatot (lánylabdák), mint például a frontális lejtő, a testrészek, a fa és az elsődleges testgolyó (batkivsky labda) gombolyagjai. Tse megengedte nekem, hogy irányítsam a tábort és az egész kocsi becsomagolását (egy kis borért) az apai bál segítségével.

animáció készítése

Azt akarom, hogy az autó nekiütődjön a kőnek és lógjon a levegőben. Szóval akarom, a yalinka felfelé és lefelé összeesett, a csomagtartó pedig kinyílt. Beszennyeztem a követ, az autókat és a kerekeket. Várjunk egy órát, hogy kijavítsuk a legnagyobb változást – tegyen barkácsolást a yalinkára. Amikor befejeztem, más részletekkel is foglalkoztam, mint például a csomagtartó és a forgóvázak.

Baba animációs leírással

Előzetesen létre kellett hoznunk az elemet, különben a labda úgy nézett ki, mint egy kő, de ahelyett, hogy az Illustrator CC-ben forgattam volna, hogy hozzáadjak egy másik golyót, létrehoztam a Pen Tool-t az After Effects CC-ben. Tse lehetővé tette, hogy gyorsan megtervezzek egy kis követ.

Ó, a hatalmas tolleszköz!

Trunk buv vіdnosno megbocsátani zavdannyam. Beépítettem az autó hátuljába, és referenciapontot hoztam létre a bal alsó csúcsban. Vikoristovuyuchi Pick Whip, felismertem a jóga Batkіvskogo labdatestet. A termés előtt volt egy pakolásos hatás, ami viszont valósághűbbé tette a gép pillanatát.Bodimovin napközben a Lottie mobilkönyvtárral.

P.S. Láthatja a kapott Illustrator CC és After Effects CC fájlokat.

Ingyenesen letölthető ikonkészlet a következő címen: