Mozgásos tervezés: az egyszerűtől a bonyolultig. Mi a mozgástervezés: lényege és jellemzői Hol dolgozzon mozgástervezőként

A mozgás megmagyarázhatja azt, amit a statika nem képes megmutatni. A mozgástervezésről beszélünk.

Mi az a mozgástervezés

Amint egy statikus képkocka elkezd mozogni, grafikus animációvá, animált képpé válik, de nem mozgástervvé. Amikor
a kép életre kel, és további jelentések jelennek meg – ilyenkor beszélünk mozgástervezésről.

A mozgástervezési termék egy idők során elmesélt videótörténet. Egy ilyen videó elkészítése, még ha nagyon rövid is, munkaigényes és költséges feladat.

A mozgástervező szakma hatalmas mennyiségű készséget, tudást és képességet egyesít. Ez egy tervező-zenekar: forgatókönyvíró, művész, rendező, operatőr, vágó, producer, hangtervező és még programozó is.

Eredettörténet

A ma ismert mozgástervezés csaknem 200 éves animációs történetének köszönheti megjelenését. Sok akkor feltalált technikát a mozgástervezők még ma is aktívan alkalmaznak.

Rajt

1825

A Thaumatrope egy optikai csalódáson alapuló játék: ha gyorsan elforgatunk egy kört, amelyen két rajz található különböző oldalakon, a rendszer egyként érzékeli őket. Különösen népszerű volt a viktoriánus korszakban. A taumatróp lehetséges feltalálója John Ayrton Paris angol orvos.

Példa a taumatrópra. Ichabod Crane játék Tim Burton Sleepy Hollow-ból

1832

A fenakisztiszkóp egy laboratóriumi eszköz a mozgásminták bemutatására, amelynek kialakítása a kitartáson – az emberi látás tehetetlenségén – alapul. Joseph Plateau-t a fenakisztiszkóp feltalálójának tartják. A Plateau-val szinte egy időben Simon von Stampfer feltalált egy, a fenakisztiszkóphoz nagyon hasonló eszközt, és stroboszkópnak nevezte el.

A fenakisztiszkóp általános képe

1833

A zoetróp mozgóképek bemutatására szolgáló eszköz, amelynek kialakítása az emberi látás tehetetlenségén alapul. William George Hornert tartják a zoetróp feltalálójának.

Zoetrope

1876

Emile Reynaud tökéletesítette a zoetrópot egy varázslámpával kombinálva, amely lehetővé tette, hogy ne egy ember nézzen mozgóképet, hanem egyszerre több is.

Reynaud 1892-ben bemutatott első „világító pantomim” bemutatója tiszteletére október 28-át az animáció nemzetközi napjaként ünneplik. A nyaralást 2002-ben hagyta jóvá az ASIFA.

Reynaud állandó készletet kezdett használni, elkülönítve a karakterektől, és egy külön varázslámpán keresztül továbbította a képernyőre. Elsőként szinkronizálta a képet és a hangot, filmjeinek zenei kíséretét is ő készítette.

Raynaud olyan technikákat alkalmazott, amelyek az animációs technológia alapjává váltak. Ezek közé tartozik a karakterek és a díszlet külön rajza.

Mozi

Csendes mozi

1895

A mozi hivatalos születésének éve. Az Auguste és Louis Lumière fivérek nyilvános, fizetett előadásai kereskedelmi szempontból népszerűbbnek és sikeresebbnek bizonyultak, mint minden más törekvés, ezért Lumière-t tartják a filmművészet megalapítójának.

Hangos mozi

1927

A történelem első teljes hosszúságú filmje szinkronizált beszédhangsávval 1927-ben a „The Jazz Singer” című zenés film volt, amelyet Vitafon technológiával készítettek, gramofon hanglemezen.

Legújabb trendek

A filmművészet lett az a médium, amelyben a mozgástervezés megszületett, és az 50-es években jelentős fejlődésen ment keresztül az Egyesült Államokban, olyan tervezőknek köszönhetően, mint Saul Bass, Maurice Binder és Pablo Ferro. Abban az időben animált címek és logók kezdtek megjelenni a televízióban. Így történt egy fordulópont: az animáció megszűnt a szórakoztatás eszköze lenni, és funkcionális feladatokat kapott.

A mozgástervezés alkalmazási területei az életben

Film

A fő alkalmazás a címek és a futurisztikus felületek. A címek egy olyan modern irányzat elődjének tekinthetők, mint a mozgásidentitás.

Videoklipek

Hirdető

A mozgást mindenhol használják benne. Érzelmes videók rövid, de tágas cselekményekkel, érzelmi érzékelésre tervezve.

Előadások

A videotartalom fokozatosan felváltja az összes többi tartalomtípust. Könnyebb megnézni egy oktatóvideót, mint elolvasni egy kézikönyvet. A mozgás érdekesebb, mint statikus, elbűvöl és magával ragad. Igyekeznek videókat mindenhol felhasználni: prezentációkban, riportokban, leckékben, a szolgáltatásokkal való együttműködés magyarázatában.

3D térképezés

Ez egy lézershow, ahol a 3D vetítés „képernyője” az épületek homlokzata – miközben az épület geometriája, architektúrája és elhelyezkedése kerül kijátszásra.

Interaktív tervezés

Ez egy meglehetősen új irány, a tervezés, a programozás és a show szimbiózisa. Az interaktivitás segít kifejezővé és könnyen használhatóvá tenni a felhasználói felületeket. A mozgástervezés ma az egyik legnépszerűbb terület. A következő területeken alkalmazható:

ikonok létrehozása;
előtöltők;
mikro-kölcsönhatások;
videó hátterek;
prototípusok;
tok kialakítása;
előadások.

Példa a webhely interfész animációjára Szergej Gurovtól

Professzionális szoftver

A menő mozgásprojektek létrehozásához speciális szoftverre van szükség. A mozgástervező eszközök széles tárházával rendelkezik, az alapvető tervezési eszközöktől a rendkívül speciális eszközökig. Ezeket az eszközöket a mozgástervezés valamennyi fenti területén használják, a filmtől a webig.

Adobe Photoshop

Egy népszerű és hatékony eszköz, amely az Adobe Creative Cloud termékcsalád része, és tökéletesen integrálva van azokkal.

Mire lehet hasznos:

matt festés létrehozása;
textúra szerkesztés;
képek összevonása;
GIF készítés;
kockánkénti animációs átfedés;
Rotoszkópos vizsgálat (vázonkénti rajz).

Adobe Illustrator

Szoftver vektoros képekkel való munkavégzéshez. Főleg logók, vektoros illusztrációk és hátterek készítésére használják, későbbi mozgógrafikákhoz. Csakúgy, mint a Photoshop, könnyen integrálható például az After Effects-szel.

Utóhatás

Talán az egyik legfontosabb program a mozgástervezés elsajátítására. Az After Effects egy 2.5D animációs program.

Az After Effects jellemzői:

logó animáció;
karakter animáció;
3D-s kompozíció;
mozgáskövetés (mozgáskövetés);
objektumok törlése;
UX/UI tervezés;
Képzési videók és bemutatók készítése;
szimulációs hatások;
animált diavetítések;
kinetikus tipográfia;
vizuális effektek.

Mozgástervező(mozgás - „mozgás”) mozgógrafika létrehozásával foglalkozik, amely mozgásban lévő 2D grafika, más szóval statikus képek animált tervezése. A szakma a rajz, rajzolás és számítástechnika iránt érdeklődők számára alkalmas (lásd az iskolai tantárgyak iránti érdeklődés alapján szakmaválasztást).

A mozgó grafika egyetlen animációs történetben egyesíti a videót, a hangot és a szöveget. Három információátviteli csatornát használnak egyszerre - kép, hang, szöveg. Ezek együttesen erősebben hatnak a néző érzelmi érzékelésére: a szöveg vonzza a figyelmet, a hang és a grafika élénken bevésődik az emlékezetbe. A mozgógrafika fő feladata a figyelem felkeltése és megtartása, a felhasználók minél szélesebb körű tájékoztatása a termékről.

A mozgógrafikáknak a rajzfilmekkel vagy videókkal ellentétben nincs teljes és teljes cselekményük, hanem röviden kifejeznek egy ötletet vagy koncepciót. A statikus kép dinamikussá alakításához különféle animációs módszereket, video- és hangeffektusokat, valamint grafikai tervezési eszközöket használnak.

A mozgástervező egy új, keresett és ígéretes szakma. A modern televíziózás, az internet, a mobil alkalmazások, a reklámok és a játékok széles körben használják a mozgógrafika képességeit. A mozgógrafikák ideálisak ötletek bemutatására az üzleti partnereknek, üzleti modellek megjelenítésére és a vállalati célok szemléltetésére.

A mozgástervezés előnyei:

A prezentáció tömörsége, a kézbesítés gyorsasága és az áttekinthető tartalom elengedhetetlen tényezői a korlátozott időn belüli üzleti reklámozásnak.
Nagy kapacitású és könnyen emészthető – a rövid videó tartalmazza a fő gondolatot, a meghatározó koncepciót és rengeteg információt.
Unalmas szöveg helyett – hatékony és stílusos videó. A felhasználók túlnyomó többsége a videoképeket részesíti előnyben a szöveg helyett, ezért van olyan kereslet a mozgó grafikákra.

A szakma jellemzői

A hatékony animáció létrehozásához a tehetség és az inspiráció mellett a következőket kell tennie:

határozza meg a célközönséget, amely számára mozgógrafikát készítenek - az animált képek teljesen eltérőek lesznek például egy képzési központban és egy nagy termelési üzemben;
egyértelműen határozza meg a projekt céljait és stílusát, mutassa be az animáció végeredményét, és ennek megfelelően válasszon technológiákat, eszközöket és eszközöket a mozgógrafika készítéséhez;
dolgozzon ki egy műszaki leírást, amely egyértelműen meghatározza a projekt követelményeit: a fő ötlet, a termékkel kapcsolatos információk, a videó és a képernyővédő időtartama, határidők, fizetési módok stb.;
a produktív munka érdekében az Adobe After Effects animációjának megkezdése előtt előzetesen létre kell hoznia egy vázlatot, az egyes jelenetek úgynevezett storyboardját;
az animáció létrehozásának folyamatában meg kell őrizni a rétegek, fényképek és egyéb elemek megfelelő szervezeti felépítését;
Ne ragadjon el az After Effects vizuális képességeitől, és ne tömje el az animációt redundáns effektusokkal, amelyek megzavarják a videó fő gondolatának érzékelését. A mozgógrafikák célja egy kulcsfontosságú gondolat és fő koncepció közvetítése, és ezt a lehető legvilágosabban, egyszerűbben és érthetőbben kell megtenni.

A szakma előnyei és hátrányai

profik

A szakma iránti kereslet
Jelenleg nincs verseny a mozgástervező szakmában. 2-3 év múlva megváltozik a helyzet a szakma népszerűsége miatt.
Magas bérek
Kreatív, érdekes munka

Mínuszok

a szakma újszerűsége miatt nincs elegendő oktatási központ;
az ügyfél esetleges elégedetlensége a munka eredményével.

Hol dolgozzon mozgástervezőként

Televízió - címek, képernyővédők, feliratok készítése, programképernyővédők tervezése.

Mozi - nyitók, előzetesek, előzetesek, címek, képernyővédők készítése.

Média – videók készítése szórakoztatáshoz, hírekhez és oktatási programokhoz.

Üzleti struktúrák - prezentációk és infografikák fejlesztése konferenciákhoz, weboldalak, termékek és szolgáltatások reklámozása.

Oktatási rendszer - a mozgógrafika képességei lehetővé teszik, hogy világosan elmagyarázza a legbonyolultabb tudományos problémákat a közönségnek.

Szórakoztatóipar.

Fontos tulajdonságok

A mozgástervező magasan specializálódott szakember, sokrétű készségekkel.

Személyes tulajdonságok:

Kreativitás
Művészi képesség
Esztétikus íz
Stílusérzék, harmónia és szimmetria
Képes információval dolgozni: keresés, elemzés, alkalmazás
Képes csapatban dolgozni
Képesség trendben lenni
Elkötelezettség az új technológiák, programok és eszközök folyamatos tanulása iránt
Az a képesség, hogy világosan és egyszerűen közvetítsék a fő gondolatot a közönség felé
Analitikus elme a saját munka elemzése szempontjából

Szakmai készségek

A grafikai tervezés alapjainak ismerete - kolorisztika (színelmélet), kompozíció, tipográfia (a szöveg művészi és kifejező tervezése)

A forgatókönyvírás alapjainak ismerete

Grafikus programok és videószerkesztők folyékony használata:

Programok grafikával való munkához:

Adobe Photoshop;
Adobe Illustrator;
Adobe Flash.

Videófeldolgozó programok:

Adobe After Effects;
Autodesk Combustion;
Adobe Premiere Pro;
Atombomba;
Apple Motion.

3D grafika és animáció fejlesztésére szolgáló programok:

Autodesk Maya;
Autodesk 3ds Max;
Turmixgép;
LightWave 3D;
Mozi 4D.

Mozgástervező képzés

Az önképzés nagy jelentőséggel bír a szakma fejlődése szempontjából.

A mozgástervező egy új szakma. Az orosz egyetemeken jelenleg nincsenek képzési programok erre a szakmára. Vannak képzések az orosz piacon:

Gyakorlati ismereteket szerezhet a mozgástervezés főbb területein, megismerkedhet az eszközökkel, a modellezéssel és az animációval. A teljes program elvégzése után lehet majd pályázni mozgástervezői pozícióra. A tanfolyam elmélet és gyakorlat kombinációja. Elvégzi a házi feladatot, majd új, egyedi tartalmat ér el a témában. Heti három-öt óra elég.

Fizetés

Fizetés 2020.01.20

Oroszország 20000–150000 ₽

Moszkva 70000-130000 ₽

A hh.ru portál szerint egy kezdő mozgástervező 60 ezer rubel fizetéssel számolhat. havonta. A magasabb szintű szakemberek munkatapasztalataiktól és készségeiktől függően sokszor többet kapnak.

Karrier lépések és kilátások

A mozgástervező karrierlehetőségei a szakmán belüli továbbképzéssel, valamint a magasabb végzettség megszerzésére és a szakemberek körében tekintély megszerzésére irányuló folyamatos szakmai képzés rendszerével járnak.

Az első mozgástervezőnek Saul Bass rendezőt és grafikust tartják, aki a 60-as években filmcímsorozatokat készített mozgógrafika formájában. Abban az időben a mozgógrafika létrehozása nagyon költséges és időigényes folyamat volt. De a számítógépek és az internet megjelenésével és fejlődésével a mozgástervezés művészete egyszerűbbé, rendkívül népszerűvé és keresletté vált.

Videó: Mi az a mozgástervezés?

A tanfolyam segítségével gyorsan elsajátíthatod az After Effects-et, és beléphetsz a mozgástervezés világába. Megnézzük a program eszközeit, amelyek segítségével animációt lehelhetsz vázlatokba, illusztrációkat vihetsz be városi óriásplakátokra, készíthetsz saját címeket vagy csatornatervet, megértheted a mozgástervezői szakma alapjait és láthatod a különbséget a 12 szabály között. Disney-animáció és az animáció alapjai a Google Material Design-ban.

39 lecke
7 hét
3 osztályok hetente

Mit fog tanulni

Elsajátítja az After Effects eszközöket, és megérti, hogy melyekre van szükség konkrét problémák megoldásához.
Meg fogja érteni a munka befejezésének folyamatát: hol kezdjem, milyen szakaszokra bontsa fel a folyamatot, hogyan juthat el a végső renderelésig.
Sajátítsa el az animáció alapelveit, és értse meg, hogyan lehet az animációt organikussá tenni, nem pedig ügyetlenné.
Tanulja meg az effektusok használatát és a szükséges minőségben renderelni minimális fájlméret mellett.
Elkezdi animálni a programban létrehozott primitíveket, valamint az Illustratorban és a Photoshopban készített illusztrációkat.

Menetrend

Hetente egyszer webináriumot tartanak, ahol a tanár válaszol kérdésekre, elemzi a kezdeti projekteket és a diákok által az elmúlt héten elkövetett tipikus hibákat.

Előadás 1. Bevezetés. After Effects felület, és az első feladat. Renderelj mp4-et és gif-et.

2. előadás. Az animáció alapjai. Animációs billentyűk, animációs görbék. A Disney 12 animációs alapelve.

Előadás a tervezésről 1. Az elemzés és kompozíció alapjai. (Daria Abaturova)

3. előadás. Illusztrációk animációja. Fájlok előkészítése az Adobe Illustratorban. Alapvető szkriptek az alakzatokkal való munkavégzéshez. Szkriptek telepítése. Munka az Ai fájljaival. Looping animáció.

4. előadás Alaktartó konténer. Alapvető primitívek és ismétlő. Paraméteres animáció, mozgatási transzformáció és mozgási útvonal.

Előadás a tervezésről 2. A színekkel való munka alapjai. (Daria Abaturova)

5. előadás Szöveges animáció. Szövegréteg-animáció és animáció-előbeállítások alapjai. Kinetikus tipográfia. Kompozíció készítése, fájlok előkészítése Ai nyelven és szöveg animálása a hangra. Feliratok létrehozása: alsó harmad, cím és idézet.

6. előadás. Puppet Pin eszköz. A csapokkal és csontokkal végzett munka alapjai. Karakter kötélzet. Karakteranimáció a DuIK szkript segítségével. Járási ciklus animáció DuIK segítségével.

Előadás 7. Programozási kifejezések. Alaprész: rugó, hurkok és számlálók, valamint Expression vezérlők. Haladó rész: hadonászat, valueAtTime, a sima effektor analógja és a hangra adott válasz.

8. előadás Interfész animáció. A Google Material Design animációs elveinek áttekintése. Az iPhone X alkalmazás felületének animálása az After Effectsben. A képernyő cseréje makettben és fotón animált felülettel.

9. előadás. A 3D és a parallaxis effektus alapjai az After Effectsben. A fájl előkészítése a Photoshopban. A 3D alapjai az After Effectsben. Parallaxis animáció készítése.

10. előadás Maszkolás. A maszkokkal való munka alapelvei. Matte pálya. Munka több maszkkal vagy több objektummal egy maszk alatt. Nyomkövető maszkok.

11. előadás Vágások és animáció szerkesztése. A kereten belüli szerkesztés alapelvei. Modern animált átmenetek létrehozása a képkockák között. Átmenetek létrehozása infografikákban/prezentációkban.

12. előadás Projekt készítése a záró feladathoz. Zene válogatás. Munka hanggal az After Effectsben. Munka a forrásokkal. Renderelési beállítások.

13. előadás. Rotoszkópos vizsgálat. A RotoBrush használata.

Tervezési előadás 3. Vizuális történetmesélés. (Daria Abaturova)

14. előadás Kulcsozás. Kulcsolás a beépített After Effects bővítményekkel. A legegyszerűbb színséma a különböző források között. A kamerakövetés használata kulcsobjektum beágyazásához.

Előadás 15. Nyomon követés. Egy pont követése a videón. Négypontos síkkövetés. A források közötti legegyszerűbb színséma. Követés + Kulcsozás. Okostelefon képernyőjének cseréje és nehéz tok, amikor egy vagy több sarok nem látható. Egy összetett eset kamerakövetése tükröződéssel és az objektum egyik oldalának hiányával.

16. előadás Fizetett bővítmények/szkriptek elemzése.

17. előadás Integráció a mozival 4d. Dolgozzon Cineware-en keresztül. Munka szekvenciákkal és 3D adatokkal a C4d-ből.

18. előadás Integráció Premier Pro-val. Az integráció kulcspontjai. Hozzon létre egyéni címeket a Premier Pro számára.

19. előadás 3D parallaxisok készítése moziban 4d.

20. előadás Hanggal való munka meghallgatásban. Az effektsáv előkészítése. Számok keverése (zene, szinkronizálás, effektusok). Végső renderelés az After Effectsben.

Konzultáció a végleges projektről.

Kilátás. A projektek végső felülvizsgálata.

Szükséges anyagok és eszközök

Adobe After Effects CC 13.2 (2014) és újabb verzió, valamint az Adobe Media Encoder megfelelő verziója. A végső projekthez közelebb lehet, hogy szüksége lesz az Adobe Audition-re. További sikeres munkájukhoz és a szakmai közösségbe való beilleszkedésükhöz a képzés során a program angol nyelvű változatát használjuk. Ezért az eszköz képességeinek a tanfolyamon belüli tanulmányozásának egyszerűsítése érdekében ajánlott az angol verzió telepítése.

Hogyan működik a képzés

A képzés Facebook-csoportban zajlik, és a házi feladatokat és azok elemzését csoportos webináriumokon tartalmazza. A tanfolyam szabad, de szervezett órarendet feltételez. Előadásokat kell nézni, kérdéseket feltenni a Facebookon - zárt csoportot szerveznek a diákoknak és a tanárnak, házi feladatot kell készíteni - a tanár ellenőrzi, véleményezi és tanácsokat ad a munkád fejlesztéséhez. A tanfolyam elvégzése után oklevelet kapsz.

Ki fog tanítani

Konstantin Novikov mozgástervező, hangtervező, a STRUTTURA művészeti csoport társalapítója. Jelenleg a Channel One-on dolgozik. Interaktív tervezésből tanított kurzusokat a British Higher School of Design and Multimedia Communications-ben, a Scream Schoolban. Dolgozott a VGTRK-val, a Yandex-szel, a Sulliwan Stúdióval, a Tretyakov Galériával.

Daria Abaturova művész, tervező. Jelenleg UX tervezőként dolgozik az Alfa Banknál.

Példák tanári munkára

Diákmunkák

Öregdiákok véleménye

Daniil Zolotarenko

Dima Gintoft

Gyakran veszek részt különféle oktatási rendezvényeken, és alapvető pedagógiai képzéssel a hátam mögött magas követelményeket támasztok a tanárral és a tanfolyammal szemben. A mi szakterületünkön gyakran előfordul, hogy a tanár (jó esetben) érti a témáját, de tanárnak nehéz lenne nevezni. Mindez nem vonatkozik Kostyára és tanfolyamára. A tanfolyam az egyik kedvencem lett, Kostya menő, jártas a témában, mindig segítőkész, úgy magyaráz el rejtélyes dolgokat, hogy még én is értettem. De fő jellemzője, mint minden jó tanárnak, hogy Kostyát magával ragadja a téma. Ajánlom. Néhány tipp: Kezdje el a jegyzetelést az első előadástól. Ma azt hiszed, olyan könnyű, holnap már nem is tudod visszaadni a kompozíciót. Mert mindenki elfelejtette. Emlékezzen a parancsikonokra. Jelentősen felgyorsítja a munkát. Azonnal kérdezd meg Kostyát, nem kell megvárnod a webináriumokat. Jó lenne, ha a tanfolyam előtt telepítenéd az After Effects-et, és magad is megértsd.

Elizaveta Osipova

Nagyon szépen köszönöm a mozgástervezési kurzust, és azt, hogy egy ilyen csodálatos Kostyát találtál, aki nem csak tanított minket, hanem mindig készen állt minden kérdésünkre a nap 24 órájában. Számomra a tanfolyam nemcsak új készségeket adott, hanem segített megvalósítani azt, amit lehetetlen álomnak hittem)) Egy hónappal a kurzus befejezése után, a Kostyával és általunk összeállított portfóliónak köszönhetően az ADME tagja lettem. csapat! Ezt az eredményt pedig gyakorlatilag a nulláról értük el! Köszönöm, varázslók iskolája!)) Segíted a legdédelgőbb álmaid megvalósulását.)) Sok szerencsét, kreatív inspirációt és még csodálatosabb kreatív tanulókat))

Mozgástervező(mozgás - „mozgás”) mozgógrafika létrehozásával foglalkozik, amely mozgásban lévő 2D grafika, más szóval statikus képek animált tervezése. A szakma alkalmas az érdeklődők számára rajz, rajzolás és számítástechnika(cm. szakmaválasztás az iskolai tantárgyak iránti érdeklődés alapján).