2016 augusztusa óta tanulok AE-t, az illusztrációk mellett a mozgástervezés területén kezdtem el dolgozni.

Készítettem egy oktatóanyagot egy bloghoz, egyszerű formák és vonalak animációjával. Ez az oktatóanyag azoknak szól, akik többé-kevésbé jártasak az After Effects-ben, így ha nehéznek találod, akkor javaslom, hogy nézd meg a neten az alap oktatóanyagokat. Például ez a mini tanfolyam: Bevezető tanfolyam Illustrator + After Effects.

Nemrég befejeztem és közzétettem egy projektet animált feliratokkal, és a bemutatómban elmondom, hogyan csináltam ezt a valóságban. egyszerű példa.

1. Hozzon létre egy vektoros fájlt egy rajzzal az Adobe Illustrator programban. Van egy feliratunk. Minden sornak nincs kitöltése, csak körvonala van. Tegye a képen látható módon, hogy világosabb legyen az animáció végrehajtása. Mentse el a fájlt ide ai formátum.

2. Importálás az After Effectsbe. Számos módja van. Kattintson duplán az ablakban projektés válassza ki a fájlt a legördülő listából. Vagy az Intézőn keresztül - válasszon ki egy fájlt, és húzza az ablakba az egérrel projekt. Be is lehet Menü Fájl > import > fájl, és válassza ki a fájlunkat. Jegyzet! Állni kell felvételeket mezőben import mintÉs nem jelöljük be a négyzeteket.

3. Hozzon létre egy új kompozíciót az After Effectsben. CTRL+N vagy a menün keresztül Összetétel > Új kompozíció. Beállítjuk a beállításokat - írjuk a nevet, 30 képkocka (frame rate) és 15 másodperc (Duration) animációs időtartamunk van, magának a kompozíciónak a méreteit is beállítjuk 1920x1080-ra. Kattintson - OK.

4. Húzza az importált vektorfájlt az ablakból az egérrel projekt a Idővonal- a munkaterület alsó része, ahol valójában a sorainkat animálni fogjuk.

5. Válassza ki a fájlréteget. Menjünk a menühöz Hatás > Létrehozás > Kitöltés.

Fehér színt választunk.

6. A réteg ki van választva. Ezután kattintson a második ikonra Raszterizálni a réteg neve mellett (ha nem látszanak ikonok, akkor az idővonal alján van Kapcsolók/Módok váltása- kattintson és a rétegnézet megváltozik - ikonok jelennek meg a jobb oldalon).

Most már jól láthatóak a vonalaink. Meg kell őket kérdezni Skála skála. A réteget a paraméterekben bővítheti Transzformáció > Méretezés adjon meg egy értéket, 450 és 450 között állítom be. Or gyorsbillentyű S- azonnal csak egy skálát jelenít meg az összes objektum transzformációs paraméterből. Minden funkcióhoz vannak gyorsbillentyűk, és ez nagyon kényelmes. Igen, minden réteg vagy objektum átalakítható, és ezek a beállítások minden rétegben megtalálhatók.

7. Ezután középre helyezzük a feliratunkat. Mint az illusztrátorban: először a nyíl kiválasztása Kiválasztó eszköz (V), majd mozgassa az objektumot.

8. Válassza ki a rétegünket, lépjen a menübe Réteg > Alakzatok létrehozása vektorrétegből.

És ezen akció után már 2 rétegünk lesz. Törölhetjük az első vektor eredeti rétegünket. Válassza ki és nyomja meg a gombot TÖRÖL. Ne felejtse el menteni a projektet - Ctrl+Shift+S. Tipp - rendszeresen nyomja meg a varázslatot ctrl+s.

9. Most egy réteget több részre kell osztanunk - elvégre több sorunk van. Lehet manuálisan is, de hosszú és unalmas. Jobb letölteni és telepíteni egy ingyenes szkriptet ZI_ExplodeShapesLayers(javított egy új verzió). Válassza ki a réteget, és menjen az Illusztrátorhoz hasonlóan Fájl > Szkriptek. Kattintson a gombra Felrobban!

Minden réteg külön-külön törött, és újra törölheti az eredeti rétegünket, ez a legalacsonyabb. És manuálisan kell másolnom (a réteg másolása - CTRL+D) réteg annyiszor, ahány alréteg - sor van, majd törölje a plusz alrétegeket az új másolt rétegből, és nevezze át.

További részletek, akik nem találták vagy nem akarták letölteni a szkriptet:
4 alrétegünk van, ezért kell még 3 példány, ezeket elkészítjük. Majd az első rétegnél 2,3,4 csoportot törölünk. És analógia útján tovább. Ezután nevezze át - válassza ki a réteget - ENTER - írjon be egy új nevet - ENTER vagy kattintson egy üres helyre. 4 réteget kell kapnia külön vonalakkal.

10. A rétegeket az animáció sorrendjében rendezheti – először kör, majd vonal, majd négyzet. És hagyhatod, ahogy akarod. Nos, minden előkészület véget ért. Most a legérdekesebb rész a vektoros animáció. Kezdjük egy körrel – egy kiemelő jelölővel.

Apropó, tippek! Nagyíthat - távolíthat el objektumokat a kompozíciós ablakban az egérgörgővel (az ilyen ismerős ctrl + - itt nem működik, és a ctrl 0 sem) vagy az ablakban a lépték kiválasztásával Összetétel – Nagyítási arány előugró ablak(itt vannak a számok százalékokkal és a lefelé mutató nyíllal). És a kompozíciós ablakban egy szóközzel mozoghat - ugyanaz a kéz (mint egy csillárban). Egy objektum animálásakor ügyeljen a központi rögzítési pontra is Horgonypont. Az objektum közepén kell elhelyezkednie, különben az animáció onnan történik, ahol a pont található, és ebben az esetben a középpontból kell. Javítás - Nyomja meg a Gyorsbillentyűt Y, és húzza a pontot, helyezze be Jó helyen. Nos, menjünk.

11. Kör animáció. Animálunk Skála.
A rétegen bekapcsolhatod a szólót, ekkor csak a kör (kör vagy pont ikon) lesz látható. Aztán letesszük a kulcsokat – ez lesz az animációnk. Mozgassa az időjelzőt (ez a vonal kék hegyével - Aktuális idő jelző) 0 másodpercig 15 képkocka és tegye be a kulcsot - kattintson a mellette lévő stopperóra Skála, hagyja meg az értéket (nekem 450).

Lépjen a kompozíció elejére nullára - és módosítsa az értéket nullára (azonnal adja meg a méret értékét, és automatikusan beír egy új kulcsot). Ezután előrelépünk 3 másodpercig - 450, 3 másodpercig 15 képkocka - 300, további 5 képkocka után - 3 másodperc lesz 20 képkocka - 450, és ismételjük meg 6 másodpercnél, 6,15 és 6,20 - állítsa be ugyanazokat az értékeket - 450/300/450. Utána ugyanígy 9 és 12 másodperccel, nagyjából azonos távolságban. És most a kompozíció végén a halványítást - 14 másodperc 15 képkocka - 450, a legvégén 15 másodpercnél - 0-t tesszük. Ezután kattintson F9- sima billentyűk.

Kulcsot más módon is hozzáadhat - kattintson a stopper melletti rombuszra, majd módosítsa az értéket) . Az idővonalon a billentyűkkel mozoghat OLDAL FELés OLDAL BE. Óvatosabban mozgassa a jelzőt! Ne mozgassa magát a réteget! Ha bármi CTRL+Z segíteni neked.

Nos, most életre kelt a körünk - az elején megjelenik, közben simán villog, a kompozíció végén pedig simán elhalványul. Megtekintéshez nyomja meg a nulla 0-t, a nézet befejezéséhez pedig a nulla 0-t is.

12. A fővonal animációja.
Válassza ki a következő réteget a fő vonallal. Nyomja meg kétszer Ués felfedi a réteg összes tartalmát. Akkor használatos, ha meg kell nyitnia a módosított alrétegeket. Nagyon kényelmesen. Zárja be – még egyszer U. A munka során mindent meg fog érteni. Ezután válassza ki az alréteget 3. csoport – Hozzáadás – Útvonal kivágása.

A paraméterek feltárása Útvonal kivágásaés állítsa be az értékét VÉGE. 75%-ot tettem bele. Ez a mutató felelős azért, hogy a vonal hány százalékban jelenik meg az animációban: 100% - teljesen, 0% - ennek megfelelően a vonal nem jelenik meg. Optimálisan - körülbelül 50-95%. A mutató a kompozíció elején található. Ezután animálunk. Befogjuk ALTés kattintson a paraméter stopperóra beszámítás(jobbra lent vége), és írja be a kifejezést a megjelenő sorba - idő*n(ahol n egy szám, amely az animáció fordulatszámát vagy sebességét jelzi).

Játssza le a számot (nulla), és nézze meg, mi történik. Módosíthatja az értéket VÉGEés hasonlítsa össze az animációt, a kifejezést nem kell módosítani. Így érheti el a legérdekesebb és legoptimálisabb eredményt. Most adjuk hozzá a be- és elhalványulandó vonalakat. Ezt átlátszósággal is megteheti. Átlátszatlanság. Válassza ki a réteget - nyomja meg a gombot Tés 1 másodpercnél állítsa be az értéket 100-ra, nullára a kompozíció elején - 0. Ezután 14 másodpercet léptetünk - 100 és a kompozíció végén 0-t állítunk be. F9- sima. Egyébként az összes billentyű egyszerre történő kiválasztásához óvatosan jelölje ki őket az egérrel, és kattintson rá F9 vagy a legegyszerűbb módja magának a paraméternek a kiválasztása Átlátszatlanságés az összes gomb egyszerre lesz kiválasztva.

13. A második sor animációja.
Most megtanuljuk, hogyan dolgozhatunk veled magának a vonalnak a beállításaival. Készítsünk szaggatott vonalat egy közönséges egyenesből, és animáljuk. Kétszer U a vonallal ellátott réteg mentén azt találjuk Strokeés a nyílra kattintva bővítse ki értékeit. A paraméter megtalálása kötőjelekés kattintson a pluszjelre + kétszer. Megjelennek az értékek Gondolatjel(pontok összege), rés(pontok közötti távolság), beszámítás(pontokat animálni). Tegyük fel, hogy bevezetjük az 5-ös és 5-ös értéket. Most újra ALT+ kattintson a paraméter melletti stopperre beszámításés lépj be idő*n(35-ös az értékem).

Most válassza ki Tartalom - Hozzáadás - Útvonal kivágásaés 1 másodpercnél vége gomb 100, nullánál 0, 14 másodpercnél 100 és a végén 0. Válassza ki a billentyűket és simítsa F9.

14. Négyzet alakú animáció. Forgás.
Válassza ki a réteget négyzet alakú gyorsbillentyűvel R (forgás). kiosztjuk forgásés ALT+ kattintson a stopperóra. A kifejezés bemeneti sorába írunk idő*n(250-es az értékem). A gombokat manuálisan is használhatja - a billentyű elején nulla kezdőértékkel és a gomb végén (adja meg a fordulatok számát 0x és a fokokat +0,0), mondjuk 8 fordulatot és 360 fokot. A kifejezések nagyban megkönnyítik és automatizálják a munkát. Nos, analógia útján hozzáadjuk az átlátszóságot a megjelenés elején (1 másodpercnél 100 és nullánál 0) és a lecsengés végén (14 másodpercnél 100 és a végén 0) és F9. Vagy ki-be halványulunk Útvonal kivágása.

Összes! Az animáció készen áll! Felhívásunk életre kelt! Most spóroljunk. Renderelést készítünk.
Gyorsbillentyűk lenyomása CTRL+M(vagy lépjen a menübe).

Kattintson az ellenkezőjére kimeneti modul közvetlenül a nyílra, és válassza ki tőlem a formátumot MOV+PNG+ALPHA(vagy MOV+PNG). És nyomjuk Vakol, várja meg, amíg a renderelés folyamatban van. Aztán megnézzük az eredményt. A videó ugyanabba a mappába kerül mentésre, mint a projekt.

Oksana Shilova főleg a blognak

Iratkozzon fel hírlevelünkre, hogy ne maradjon le semmi újdonságról:

Néha szükségessé válik, hogy rajzoljon valamit egy videofájl tetejére, talán csak egy vicces videó létrehozásához, vagy egy komoly projekthez. Ebben a kis "kézikönyvben" pontosan ezt fogom elmondani.

Tehát kezdjük:

1. Hozzon létre egy új kompozíciót (ha nem ismeri a robotok alapjait Adobe After Hatások, akkor egy új kompozíció létrehozásáról olvashat).

2. „Drag and drop” az Adobe After Effects projekt ablakába, majd magába a kompozícióba, a videóba, amelyre rajzolni fogunk (jelen esetben a Nature.mp4):

3. Most kétszer „kattintunk” a videófájl rétegére, és ennek a külön rétegnek az ablakába lépünk (jelen esetben ez a Layer: Nature.mp4), ahol megrajzoljuk:

4. Amikor a fenti ablakba léptünk, egyszerűen válasszuk ki az Ecset eszközt (Ctrl + B). Szintén a jobb alsó sarokban látjuk a Paint eszköztárat, ahol számos különböző opciót konfigurálhatunk. rajz:

5. Most megpróbálhat rajzolni valamit. Gyorsan lerajzoltam egy göcsörtös fát :)

Szeretném megjegyezni, hogy a rajz minden egyes sora újon jön létre"alréteg" a videofájl rétegében. Rugalmasan tudszállítsa be az egyes rétegeket (1. ecset, 2. ecset ... n. ecset) például a kép egyes részeinek megjelenési idejének, valamint sok más paraméter beállításával.Ehhez ki kell bontania a videofájl rétegét =>Effects=>Paint.

Én általánosságban leírtam a rajzolás folyamatát az Adobe After Effectsben, akkor minden a képzeletedtől függ. Egyébként, ha problémák adódnak a kész videó Adobe After Effectsben való mentésével (renderelésével), akkor azt javaslom, hogy ismerkedjen meg ez anyag.

Talán tudja, hogy számos projektünk van különböző réseken, amelyek közül az egyik a VideoSmile.ru projekt. A videó témájának szentelték (vágás, speciális effektusok, 3D stb.), és csapatunk 2011 óta fejleszti.

Tudom, hogy a közönségem között vannak olyanok, akik érdeklődnek ez iránt, ezért megkértem a VideoSmile srácait, hogy készítsenek egy leckesorozatot az előfizetőimnek népszerű program videófeldolgozáshoz - Adobe After Effects. Ez egyfajta "Photoshop" a videó világában.

Úgy döntöttünk, hogy ezek gyakorlati leckék, amelyek áttanulmányozása után az ember képes lesz néhány hasznos animációs elemet készíteni a videóihoz. Egy ilyen leckesorozat sikeresen létrejött, és ma örömmel mutatom be Önöknek.

Az After Effects bemutatása

Az első videóban megismerkedhetsz az After Effects funkcióival, és megtudhatod, honnan tudod letölteni.

4 látványos képernyővédő készítése. 1. rész

Ebben a leckében megismerkedhet a program kezelőfelületével, beállíthatja a munkaterületet, és tanulmányozhatja a program fő paneljeit. Itt fogja létrehozni a projektet és az első kompozíciót is.

4 látványos képernyővédő készítése. 2. rész

Itt folytathatja az indítóképernyő számos változatának létrehozását, és közben további néhányat is felfedezhet. fontos eszközök After Effect programok.

Átmenetek és szünetek

Ebből a videóból megtudhatja, hogyan lehet jó minőségű átmeneteket végrehajtani a kezdőképernyőről magára a videóra, valamint számos olyan szünetet valósíthat meg, amelyek jól jöhetnek a szerkesztés során. Ezenkívül megtanulhatja, hogyan kell használni az After Effectshez tartozó szabványos átmeneteket.

Alsó harmadok és meghal

Valószínűleg észrevette, hogy különböző videókban emberek részvételével animált táblák jelennek meg, amelyek megjelenítik a személy nevét és vezetéknevét, valamint a cég nevét és a tevékenység típusát. Ezeket a lemezeket könnyű létrehozni az After Effectsben, és ebből az oktatóanyagból megtudhatja, hogyan készítheti el őket saját maga.

Animált szöveges elemek

A minikurzus utolsó leckében megtanulod, hogyan hozhatsz létre szöveges animált blokkokat, amelyekkel bármilyen fontos szöveges információt hozzáadhatsz videóidhoz.