Interfész animáció - tanfolyam 31 900 RUB. Uprocktól, képzés 4 hónap, dátum: 2023. november 28.

instagram viewer

ELMÉLET

Bevezetés

Ebben a leckében képet kaphat arról, hogy mi is az a webanimáció, milyen funkciókat lát el a felülettervezésben, és milyen esetekben használják. Megtudhatja, milyen kétféle animációt használnak valódi webhelyeken. Kulcsfontosságú tippeket kaphat a gördülékeny, könnyed és mindig releváns animáció létrehozásához. Megtanulja, hogy mely technikákat nem érdemes a valósághű animációkban használni, és miért. Elemezzük az alapvető animációs műveleteket, és példákkal nézzük meg őket. Találjuk ki, milyen programokat kell telepíteni az edzéshez és a kényelmes munkához. Hol és hogyan kell regisztrálni, melyik tarifacsomagot válasszuk. Két hasznos bővítményt fog kapni - AEUX és Motion Tool, amelyek lehetővé teszik néhány kulcsfontosságú munkafolyamat optimalizálását az Adobe After Effectsben, és nagyban megkönnyíti az animáció létrehozásának folyamatát, valamint megismerkedhet az After programmal Hatások.

• Bevezetés a webes animációba
• Elmélet
• Programok telepítése
• After Effects felület és beállítás

GYAKORLAT

Megjelenés animáció

Ebben a leckében megtanulod a legalapvetőbb és legnépszerűbb animációkat - a megjelenési animációt és az Opacity tulajdonságot. Ez a gyakorlati oktatóanyag úgy épül fel, hogy részletes utasításokat kapjon a megjelenési animáció létrehozásához lépésről lépésre. Beszélünk arról, hogy mi az a renderelés, és miért van rá szükség. Nézzük a Track Matte funkciót és annak első tulajdonságát - Alpha Matte (alfa maszk). Ennek eredményeként elsajátíthatja az Opacity tulajdonságokkal, az Alpha Matte (alfa maszk) való munkavégzéshez szükséges alapvető készségeket, és gyönyörű megjelenésű animációt tartalmazó felvételt készíthet.

GYAKORLAT

Bonyolult megjelenési jelenet

Nézzünk egy kombinációt, amely két animációból áll: megjelenésből (ezt már ismeri) és mozgásból (ez egy új típusú animáció az Ön számára). Ez utóbbival részletesebben foglalkozunk. A mozgás animálásához a Pozíció paramétert kell használni, amely meghatározza az objektum helyzetét a kompozícióban. Megismerheti a réteglehetőséget is, és megtanulhatja, hogyan kell helyesen használni. Végül animálhatsz egy felvételt, és megtanulhatod, hogyan készíthetsz lenyűgöző animációkat különböző típusú animációkból.

GYAKORLAT

Munka a Motion Tools alkalmazással

A leckében részletesen tanulmányozza a Motion Tools szkriptet. A gyakorlatban nézze meg, mennyire kényelmes ez az eszköz. Valójában jelentősen felgyorsítja a munkafolyamatot. Alaposan megértheti, mi az a Velocity Graph, az Easing, hogyan működnek a Bezier-görbék az After Effectsben, és hogyan hatnak az animációra. Végül részletesen megtudhatja, hogyan szabhatja testre animációját a Motion Tools segítségével, amely nagymértékben optimalizálja az animációs élményt.

• Általános fogalmak
• Motion Tools v2.0

GYAKORLAT

Zoom animáció (alfa maszk használatával)

Megtanulja, hogyan jeleníthet meg animációkat a megjelenő fényképekről. Az oktatóanyagban megismert legfontosabb tulajdonság a réteg Lépték paramétere. Segítségével megváltoztathatja egy objektum méretét. Ezt az animációt skálázó animációnak nevezik (Alpha Matte használatával). Magát az Alpha Mattet (alfa maszkot) és a benne lévő képet a már tanulmányozott megjelenési animációval együtt méretezzük. Ennek eredményeként megtanulja, hogyan lehet hatékonyan animálni fényképeket.

GYAKORLAT

Parallax animáció

Alaposan megértheti, hogyan kell alkalmazni az egyik legnépszerűbb hatást - a parallaxist. Megvalósításához 3 tervezési elemre és a már megszokott Position tulajdonságra lesz szüksége. A parallaxis effektus létrehozása után rájössz, hogyan alkalmazz egy fordított animációt, hogy hurkolt legyen. Végül megtanulhatja, hogyan készíthet olyan felvételeket, amelyek parallaxis effektust használnak a mélység és a méret érzetének megteremtésére, amely erőteljes benyomást kelt a nézőkben.

GYAKORLAT

Összetett jelenet parallaxissal, mozgással és maszk alkalmazással

Ebben az oktatóanyagban megtudhatja, hogyan hozhat létre összetett animációkat, amelyek magukban foglalják az előző fejezetekben tanult animációkat. sprintek, nevezetesen: Megjelenés - Átlátszatlanság, Mozgás - Helyzet, Méretezés - Skála, Alpha Matte (alfa maszk) és effektus alkalmazása parallaxis. Egy új típusú animáció az Ön számára a cím megjelenése a maszk területén. Megtanulja, hogyan hozhat létre összetett jeleneteket átmenetekkel mindezen animációs típusok segítségével, amelyek segítenek abban, hogy felvételei kitűnjenek a többi közül.

GYAKORLAT

Adaptív animáció

Megvizsgáljuk az adaptív animáció fogalmát. Ez a már jól ismert zoom-animáció, amelyet a webhely reszponzív verzióinak bemutatására fog használni, amikor az asztali elrendezés simán átalakul mobiltelefonos elrendezéssé. Létrehozásához használja a korábban tanult tulajdonságokat, mint például Mozgás – Pozíció, Méretezés – Léptékezés, Eltüntetés/Megjelenés – Átlátszatlanság, Fordított animáció – Mozgáseszközök 2/Klón. Az adaptív animáció megfelelő megvalósításának ismerete lehetővé teszi a projektek hatékony bemutatását.

GYAKORLAT

Forgatási animáció

Megtanulja az egyszerű animációt - forgatásokat és a Rotation object tulajdonságot, amely a réteg elforgatásáért felelős a rögzítési pontja körül. Három Rotation paramétert fogunk megnézni: a fordulatok számát, az elemet elforgatni kívánt mértéket (fokban), az óramutató járásával megegyező/balra forgást. Miután lépésről lépésre végighaladt az ismétlődő animációs ciklusokon, végül elsajátítja a Rotation tulajdonsággal való munkavégzés készségeit, és olyan forgatási animációt készít, amely felkelti a nézők figyelmét.

GYAKORLAT

Összetett animáció, amely az összes alapvető animációt tartalmazza

Nézzünk egy bonyolultabb kombinációt, amely az összes általad ismert alapvető animációból áll. Ebben a leckében azt a témát fogjuk érinteni, hogy a képre történő kattintás szimulációjának hatását a kör méretezésének és eltűnésének animációjával (Ellipszis eszköz) hozza létre. Ennek eredményeként megtanulja a különböző animációk sorrendjét, így összetettebb, lenyűgöző animációkat hozhat létre.

GYAKORLAT

Jelenetekkel való munka

Ez a lecke egy ciklus, amely 3 sprintből áll. Az alternatív jelenet-átmenetekre összpontosít. Először is közelebbről megvizsgáljuk a „jelenet” fogalmát, és megvitatjuk, milyen átmenetek léteznek a jelenetek között. Megtanulja, hogyan használhat 3 nem szabványos lehetőséget a jelenetek megváltoztatásához: maszkcsere, függönycsere és csúszdacsere. A „maszkváltás” átmenet létrehozásához meg fogja érteni és megtanulni, hogyan kell dolgozni az új Track Matte paraméterrel – Alpha Inverted Matte vagy Inverted Alpha Mask. És tanulja meg, hogyan importálhat videót animációs kompozícióba.

GYAKORLAT

Színváltó animáció

Ebből az oktatóanyagból megtudhatja, hogyan kell dolgozni a színes animációval és a Színréteg tulajdonsággal. Egy egyszerű animáció, amellyel a gombok vagy hivatkozások lebegését demonstrálhatjuk. De megvizsgálunk egy érdekesebb lehetőséget, hogyan lehet szépen bemutatni projektjét színváltó animációval.

GYAKORLAT

Útvonal animáció (kivágás)

Megtanulod az új Trim Path paramétert, amivel nagyon klassz pályamozgási effektusokat, vagy más szóval pályavágó effektusokat hozhatsz létre. Például amikor egy előtöltőt, egy folyamatjelző sávot akarnak megjeleníteni egy videolejátszóban stb.

GYAKORLAT

Komplex animáció

Ezen a leckén ismét összetett animációval fogsz dolgozni, megszilárdítani a korábban megszerzett készségeidet, és új effektusokat tartalmazó felvételi animációt készíthetsz. ugyanazok az alapvető animációs tulajdonságok: megjelenés, mozgás, maszk, méretezés, átmenet az 1. jelenet között (maszkváltás), átmenet a 2. jelenet között (változás függöny).

GYAKORLAT

Dekoratív szöveganimáció (hiba)

Ez a lecke egy újabb kis ciklust indít, amely 3 dekoratív szöveganimáció leckéből áll. Ebben a leckében megtudhatja, hogyan hozhat létre olyan rendkívüli hatást, mint a Glitch - „eltört” kép vagy televíziós interferencia hatása. Ez az animációs hatás meglehetősen divatosnak tűnik, és wow-effektust eredményez. Meglehetősen könnyű létrehozni

GYAKORLAT

Dekoratív szöveganimáció (forgatókönyv)

Ebben a leckében megtanulod, hogyan készíts nagybetűs szöveget szimuláló animációt. Ezt a technikát gyakran használják ékezetek elhelyezésére egy webhelyen, és meglehetősen esztétikusnak tűnik. Ehhez az animációhoz az új toll eszközt fogja használni. Készülj fel a kemény munkára és légy türelmes. Ennek eredményeként egy gyönyörű animációt kap, amellyel bemutathatja projektjeit.

GYAKORLAT

Kreatív szöveganimáció

Ebben a leckében ismét szöveges animációt talál, de kreatívabb és szokatlanabb. Érdekes hatása különböző animációk kombinációját foglalja magában két alfa-maszk használatával - egyszerű és fordított. Ennek eredményeként remek felvételt készíthet, és ezt a módszert a projektjeiben is használhatja hatékony prezentációkhoz.

GYAKORLAT

Komplex animáció

Ebben az oktatóanyagban olyan típusú animációkat fogunk használni, amelyeket Ön már ismer, de néhányat felhasználunk összetettebb és nem szabványos effektusok létrehozására. Ennek eredményeként egy összetett, összetett animációt kapunk, amely három jelenetből áll, átmenetekkel, görgetéssel és diaváltásokkal.

GYAKORLAT

Animáció Luma Matte segítségével

Az előző leckékben a Track Matte paramétereket tárgyaltuk, és már van egy jó elképzelése az Alpha Matte és az Alpha Inverted Matte működési elvéről. Ebben az oktatóanyagban a következő két Track Matte opciót vizsgáljuk meg: Luma Matte és Luma Inverted Matte, és megtanuljuk, hogyan alkalmazzuk őket projektjeinkben.

GYAKORLAT

Animáció Turbulent Displace segítségével

Tanulmányozzuk az animációt a fotótorzító effektus segítségével. A Turbulent Displace a Distort paraméter egyik eszköze. Technikailag ez a pixelek enyhe eltolódása, amely elősegíti a hullámhatás létrehozását, és gyakran használják effektusként a fényképeken.

GYAKORLAT

Összetett komplex animáció

Az utolsó oktatási óra, ahol komplex, komplex animációt készítünk a korábban tanult felhasználással animációtípusok és egy új – a Szöveg paraméter és annak „Forrásszöveg” tulajdonsága, amely lehetővé teszi a szöveg tartalmának módosítását réteg. Önálló gyakorlati rész, ahol a semmiből kitalálsz és készíthetsz animációt a felvételedhez, valamint számos érdekes és hasznos bónusz videóleckét

GYAKORLAT

Animáció készítése a semmiből

Stílus meghatározása, hivatkozások keresése, script készítése. A jelenetek és a köztük lévő átmenetek ötletek létrehozásának elve, a forráskód elkészítése, 1 jelenet animációjának elkészítése, a felvétel közzététele a hálózatokon.

GYAKORLAT

Dribbble fiókkezelés és promóció

Dribbble fiókkezelés és promóció. Animáció bemutatókhoz és Behance. Az After Effects animációjának használata a webhelyen.