Дизайн на движение: от просто към сложно. Какво е моушън дизайн: неговата същност и характеристики. Къде да работите като моушън дизайнер

Движението може да обясни това, което статиката не може да покаже. Говорим за дизайн на движение.

Какво е моушън дизайн

След като статичната рамка започне да се движи, тя се превръща в графична анимация, анимирана картина, но не и в анимационен дизайн. Кога
изображението оживява и се появява допълнителен смисъл - това е, когато говорим за моушън дизайн.

Продуктът за дизайн на движение е видео история, разказана във времето. Създаването на такова видео, дори и много кратко, е трудоемка и скъпа задача.

Професията на моушън дизайнера съчетава огромно количество умения, знания и способности. Това е дизайнер-оркестър: сценарист, художник, режисьор, оператор, монтажист, продуцент, звуков дизайнер и дори програмист.

История на произход

Моушън дизайнът, какъвто го познаваме днес, дължи появата си на почти 200 години история на анимацията. Много техники, изобретени тогава, все още се използват активно от дизайнерите на движение днес.

Започнете

1825

Thaumatrope е играчка, базирана на оптична илюзия: когато бързо завъртите кръг с две рисунки от различни страни, те се възприемат като едно. Той е бил особено популярен през Викторианската епоха. Възможният изобретател на тауматропа е английският лекар Джон Айртън Парис.

Пример за тауматроп. Играчка Ichabod Crane от Sleepy Hollow на Тим Бъртън

1832

Фенакистископът е лабораторно устройство за демонстриране на движещи се модели, чийто дизайн се основава на постоянството - инерцията на човешкото зрение. Джоузеф Плато се счита за изобретател на фенакистископа. Почти едновременно с Плато Саймън фон Стампфер изобретява устройство, много подобно на фенакистископа, и го нарича стробоскоп.

Общ изглед на фенакистископа

1833

Зоетропът е устройство за демонстриране на движещи се изображения, чийто дизайн се основава на инерцията на човешкото зрение. Уилям Джордж Хорнър се счита за изобретател на зоетропа.

Зоетроп

1876

Емил Рейно подобри зоотропа, като го комбинира с магически фенер, което позволи не на един човек да гледа движещи се картини, а на няколко едновременно.

В чест на първото шоу на Рейно на „светещи пантомими“ през 1892 г., 28 октомври се отбелязва като Международен ден на анимацията. Празникът е одобрен от ASIFA през 2002 г.

Рейно започна да използва постоянен набор, като го рисува отделно от героите и го предава на екрана чрез отделен магически фенер. Той е първият, който синхронизира изображение и звук, а също така сам композира музикалния съпровод на филмите си.

Рейно използва някои техники, които станаха основата на анимационните технологии. Те включват отделно рисуване на герои и пейзажи.

Кино

Нямо кино

1895

Годината на официалното раждане на киното. Публичните платени сеанси на братята Огюст и Луи Люмиер се оказват по-популярни и успешни от комерсиална гледна точка от всички останали начинания, поради което Люмиер се смята за основоположник на кинематографията.

Звуково кино

1927

Първият пълнометражен филм в историята със саундтрак на синхронизирана реч през 1927 г. е музикалният филм „Джаз певецът“, създаден с помощта на технологията Vitafon със звук на грамофонна плоча.

Последни тенденции

Кинематографията се превърна в средата, в която се роди моушън дизайна, и получи значително развитие през 50-те години в Съединените щати, благодарение на дизайнери като Сол Бас, Морис Биндер и Пабло Феро. По това време по телевизията започват да се появяват анимирани заглавия и лога. Ето как настъпи повратна точка: анимацията престана да бъде само средство за забавление и получи функционални задачи.

Области на приложение на моушън дизайна в живота

Филм

Основното приложение са заглавия и футуристични интерфейси. Заглавията могат да се считат за прародител на такава модерна тенденция като идентичността на движението.

Видео клип

Презентации

Видео съдържанието постепенно измества всички останали видове съдържание. По-лесно е да гледате видео за обучение, отколкото да прочетете ръководство. Движението е по-интересно от статиката, то очарова и завладява. Те се опитват да използват видеоклипове навсякъде: в презентации, доклади, уроци, обяснения за работа с услуги.

3D картографиране

Това е лазерно шоу, където „екранът” за 3D прожекция са фасадите на сградите - докато геометрията на сградата, нейната архитектура и местоположение се разиграват.

Интерактивен дизайн

Това е сравнително нова посока, симбиоза от дизайн, програмиране и шоу. Интерактивността помага да се направят потребителските интерфейси изразителни и лесни за използване. Моушън дизайнът е една от най-популярните области днес. Приложим в следните области:

създаване на икони;
програми за предварително зареждане;
микровзаимодействия;
видео фонове;
прототипи;
дизайн на корпуса;
презентации.

Пример за анимация на интерфейса на сайта от Сергей Гуров

Професионален софтуер

За да създадете страхотни проекти за движение, имате нужда от специален софтуер. Дизайнерът на движение разполага с широк набор от инструменти в своя арсенал, от основни инструменти за проектиране до високоспециализирани. Тези инструменти се използват във всички горепосочени области на дизайна на движение, от филм до мрежа.

Адобе Фотошоп

Популярен и мощен инструмент, който е част от линията продукти на Adobe Creative Cloud и е перфектно интегриран с тях.

За какво може да е полезно:

създаване на матово рисуване;
редактиране на текстури;
обединяване на изображения;
създаване на GIF;
наслагване на анимация кадър по кадър;
Ротоскопиране (рисуване кадър по кадър).

Adobe Illustrator

Софтуер за работа с векторни изображения. Използва се главно за създаване на лога, векторни илюстрации и фонове за последваща употреба в анимационни графики. Също като Photoshop, лесно се интегрира, например, с After Effects.

After Effects

Може би една от най-важните програми за овладяване на дизайна на движенията. After Effects е програма за 2.5D анимация.

Характеристики на After Effects:

лого анимация;
анимация на герои;
3D композиране;
проследяване на движение (проследяване на движение);
изтриване на обекти;
UX/UI дизайн;
създаване на обучителни видеоклипове и презентации;
симулационни ефекти;
анимирани слайдшоута;
кинетична типография;
визуални ефекти.

Дизайнер на движение(движение - „движение“) се занимава със създаването на графики за движение, което е 2D графика в движение, с други думи, анимиран дизайн на статични изображения. Професията е подходяща за тези, които се интересуват от рисуване, чертане и компютърни науки (вижте избор на професия въз основа на интерес към училищните предмети).

Графиката на движение комбинира видео, аудио и текст в една анимирана история. Използват се едновременно три канала за предаване на информация - изображение, звук, текст. Заедно те имат по-силно въздействие върху емоционалното възприятие на зрителя: текстът привлича вниманието, а звукът и графиката се запечатват в паметта по ярък начин. Основната задача на анимационните графики е да привличат и задържат вниманието, като информират потребителите за продукта колкото е възможно повече.

Моушън графиките, за разлика от карикатурите или видеоклиповете, нямат завършен и завършен сюжет, а изразяват накратко идея или концепция. За преобразуване на статично изображение в динамично се използват различни методи за анимация, видео и аудио ефекти и инструменти за графичен дизайн.

Моушън дизайнерът е нова, търсена и перспективна професия. Съвременната телевизия, интернет, мобилните приложения, рекламата и игрите широко използват възможностите на анимационните графики. Движещите се графики са идеални за представяне на идеи на бизнес партньори, визуализиране на бизнес модели и илюстриране на целите на компанията.

Предимства на моушън дизайна:

Лаконичността на представянето, бързината на предаване и ясното съдържание са незаменими фактори за бизнес реклама в условия на ограничено време.
Голям обем и лесно за възприемане - краткото видео съдържа основната идея, определящата концепция и голямо количество информация.
Вместо скучен текст - ефектно и стилно видео. По-голямата част от потребителите предпочитат видео изображения пред текст, поради което анимационните графики са толкова търсени.

Характеристики на професията

За да създадете ефективна анимация, освен талант и вдъхновение, трябва да направите следното:

определете целевата аудитория, за която се създава графика за движение - анимираните изображения ще бъдат напълно различни за център за обучение, например, и за голям производствен холдинг;
ясно дефинирайте целите и стила на проекта, представете крайния резултат от анимацията и в съответствие с това изберете технологии, инструменти и инструменти за създаване на графики за движение;
разработете техническа спецификация, която ясно посочва изискванията към проекта: основна идея, информация за продукта, продължителност на видеото и скрийнсейвъра, срокове, начини на плащане и др.;
за продуктивна работа, преди да започнете анимация в Adobe After Effects, трябва предварително да създадете скица, така наречената сценария на всяка сцена;
в процеса на създаване на анимация е необходимо да се поддържа правилната организационна структура за слоеве, снимки и други елементи;
Не се увличайте от визуалните възможности на After Effects, задръствайки анимацията с излишни ефекти, които пречат на възприемането на основната идея на видеоклипа. Движещите се графики са предназначени да предадат ключова идея и основна концепция и това трябва да се направи възможно най-ясно, просто и разбираемо.

Плюсове и минуси на професията

професионалисти

Търсене на професията
Липса на конкуренция в професията на моушън дизайнера в момента. След 2-3 години ситуацията ще се промени заради популярността на професията.
Високи заплати
Творческа, интересна работа

минуси

поради новостта на професията, има недостатъчен брой образователни центрове;
възможно недоволство на клиента от резултатите от работата.

Къде да работя като Motion Designer

Телевизия - създаване на заглавия, скрийнсейвъри, субтитри, дизайн на програмни скрийнсейвъри.

Кино - създаване на дебюти, трейлъри, тийзъри, заглавия, скрийнсейвъри.

Медии - създаване на видеозаписи за развлекателни, новинарски и образователни програми.

Бизнес структури - изработка на презентации и инфографики за конференции, уеб сайтове, реклама на продукти и услуги.

Образователна система - възможностите на анимационните графики ви позволяват ясно да обяснявате най-сложните научни проблеми на вашата аудитория.

Развлекателна индустрия.

Важни качества

Моушън дизайнерът е високоспециализиран специалист с широк набор от умения.

Лични качества:

Творчество
Артистични способности
Естетически вкус
Чувство за стил, хармония и симетрия
Умение за работа с информация: търсене, анализ, приложение
Способност за работа в екип
Способност да бъдете в тенденция
Ангажимент за постоянно изучаване на нови технологии, програми и инструменти
Способността ясно и просто да предава основната идея на публиката
Аналитичен ум по отношение на анализирането на собствената работа

Професионални умения

Познаване на основите на графичния дизайн - колористика (теория на цвета), композиция, типография (художествено и експресивно оформление на текст)

Познаване на основите на писането на сценарии

Владеене на графични програми и видео редактори:

Програми за работа с графики:

Адобе Фотошоп;
Adobe Illustrator;
Adobe Flash.

Програми за обработка на видео:

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

Програми за разработване на 3D графика и анимация:

Autodesk Maya;
Autodesk 3ds Max;
блендер;
LightWave 3D;
Кино 4D.

Обучение за моушън дизайнер

Самообучението е от голямо значение за усъвършенстване в професията.

Моушън дизайнерът е нова професия. В момента в руските университети няма програми за обучение по тази професия. На руския пазар има курсове за обучение:

Ще придобиете практически умения в основните области на моушън дизайна, ще се запознаете с инструменти, моделиране и анимация. След като завършите цялата програма, ще можете да кандидатствате за позицията на моушън дизайнер. Курсът е комбинация от теория и практика. Завършвате домашното си, след което получавате достъп до ново уникално съдържание по темата. Три до пет часа седмично са достатъчни.

Заплата

Заплата към 20.01.2020г

Русия 20000—150000 ₽

Москва 70 000—130 000 ₽

Според портала hh.ru, начинаещ моушън дизайнер може да разчита на заплата от 60 хиляди рубли. на месец. Специалистите на по-напреднало ниво получават в пъти повече, в зависимост от трудовия си опит и умения.

Стъпки в кариерата и перспективи

Перспективите за кариера на моушън дизайнера са свързани с повишаване на квалификацията в рамките на професията, както и в системата на непрекъснато професионално обучение за постигане на по-висока квалификация и спечелване на авторитет сред специалистите.

За първия моушън дизайнер се смята режисьорът и графичен дизайнер Саул Бас, който през 60-те години създава поредици от филмови заглавия под формата на анимационна графика. По това време създаването на анимационни графики беше много скъп и отнемащ време процес. Но с появата и развитието на компютрите и интернет, изкуството на дизайна на движението стана по-просто, изключително популярно и търсено.

Видео: Какво е Motion Design?

Курсът ще ви позволи бързо да овладеете After Effects и да навлезете в света на анимационния дизайн. Ще разгледаме инструментите на програмата, които ще ви позволят да вдъхнете анимация на скици, да въведете илюстрации в градски билбордове, да направите свои собствени заглавия или дизайн на канали, да разберете основата на професията на моушън дизайнер и да видите разликата между 12-те правила на анимацията на Disney и основите на анимацията в Google Material Design.

39 урока
7 седмици
3 класове на седмица

Какво ще научите

Ще овладеете инструментите на After Effects и ще разберете кои са необходими за решаване на конкретни проблеми.
Ще разберете процеса на завършване на работата: откъде да започнете, на какви етапи да разделите процеса, как да стигнете до крайния рендер.
Овладейте принципите на анимацията и разберете как да направите анимацията органична, а не тромава.
Научете се да използвате ефекти и да рендирате с необходимото качество с минимален размер на файла.
Ще започнете да анимирате примитиви, създадени в програмата, и илюстрации, създадени в Illustrator и Photoshop.

График

Веднъж седмично се провежда уебинар, на който учителят отговаря на въпроси, анализира първоначалните проекти и типичните грешки, допуснати от учениците през изминалата седмица.

Лекция 1. Въведение. Интерфейс на After Effects и първата задача. Изобразете mp4 и gif.

Лекция 2. Основи на анимацията. Ключове за анимация, криви на анимация. 12 принципа на анимацията на Дисни.

Лекция по дизайн 1. Основи на анализа и композицията. (Дария Абатурова)

Лекция 3. Анимация на илюстрации. Подготовка на файлове в Adobe Illustrator. Основни скриптове за работа с форми. Инсталиране на скриптове. Работа с файлове от Ai. Зацикляща анимация.

Лекция 4. Контейнер за форма. Основни примитиви и повторител. Параметрична анимация, Wiggle Transform и Wiggle Path.

Лекция по дизайн 2. Основи на работа с цвят. (Дария Абатурова)

Лекция 5. Текстова анимация. Основи на анимацията на текстовия слой и предварително зададени анимации. Кинетична типография. Създаване на композиция, подготовка на файлове в Ai и анимиране на текст към гласа. Създаване на надписи: долна трета, заглавие и цитат.

Лекция 6. Инструмент Puppet Pin. Основи на работа с карфици и кости. Монтаж на персонажа. Анимация на герои с помощта на скрипта DuIK. Анимация на цикъл на походка с помощта на DuIK.

Лекция 7. Програмиране на изрази. Основна част: пружина, цикли и броячи, както и контроли Expression. Разширена част: мърдане, valueAtTime, аналог на обикновения ефектор и реакция на звук.

Лекция 8. Интерфейсна анимация. Общ преглед на принципите на анимацията на Google Material Design. Анимиране на интерфейса на приложението iPhone X в After Effects. Подмяна на екрана в макет и в снимка с анимиран интерфейс.

Лекция 9. Основи на 3D и паралакс ефект в After Effects. Подготовка на файла във Photoshop. Основи на 3D в After Effects. Създаване на паралакс анимация.

Лекция 10. Маскиране. Основни принципи на работа с маски. Track Matte. Работа с множество маски или с множество обекти под една маска. Проследяващи маски.

Лекция 11. Редактиране на изрезки и анимация. Основни принципи на вътрешнокадровото редактиране. Създаване на модерни анимирани преходи между кадри. Създаване на преходи в инфографики/презентации.

Лекция 12. Подготовка на проект за финална работа. Подбор на музика. Работа със звук в After Effects. Работа с източници. Настройки за изобразяване.

Лекция 13. Ротоскопиране. Работа с RotoBrush.

Дизайн Лекция 3. Визуално разказване на истории. (Дария Абатурова)

Лекция 14. Ключ. Ключове с помощта на вградени плъгини на After Effects. Най-простата цветова схема между различни източници. Използване на Camera Tracking за вграждане на ключов обект.

Лекция 15. Проследяване. Проследяване на точка на видео. Проследяване на равнина в четири точки. Най-простата цветова схема между източниците. Проследяване + ключ. Подмяна на екран на смартфон и труден случай, когато един или повече ъгли не се виждат. Камерно проследяване на сложен случай с отблясъци и липса на едната страна на обекта.

Лекция 16. Анализ на платени добавки/скриптове.

Лекция 17. Интеграция с Cinema 4d. Работете през Cineware. Работа със последователности и 3D данни от C4d.

Лекция 18. Интеграция с Premier Pro. Ключови точки на интеграция. Създайте персонализирани заглавия за Premier Pro.

Лекция 19. Създаване на 3D паралакси в Cinema 4d.

Лекция 20. Работа със звук в Audition. Подготовка на пистата с ефекти. Смесване на песни (музика, озвучаване, ефекти). Окончателно рендиране в After Effects.

Консултация по окончателен проект.

Преглед. Окончателен преглед на проектите.

Необходими материали и инструменти

Adobe After Effects CC версия 13.2 (2014) и по-нова и съответната версия на Adobe Media Encoder. По-близо до окончателния проект може да се нуждаете от Adobe Audition. За Вашата по-нататъшна успешна работа и интегриране в професионалната общност по време на обучението ще се използва английската версия на програмата. Ето защо, за да се опрости изучаването на възможностите на инструмента в рамките на курса, се препоръчва да се инсталира английската версия.

Как протича обучението

Обучението се провежда във фейсбук група и включва домашни работи и анализирането им в групови уебинари. Курсът предполага свободен, но организиран график. Трябва да гледате лекции, да задавате въпроси във Facebook - ще бъде организирана затворена група за студентите и учителя, да правите домашни - учителят ще ги проверява, коментира и дава съвети как да подобрите работата си. След завършване на курса ще получите сертификат.

Кой ще преподава

Константин Новиков е моушън дизайнер, звуков дизайнер, съосновател на арт групата STRUTTURA. В момента работи по Channel One. Преподавал е курсове по интерактивен дизайн в Британското висше училище по дизайн и мултимедийни комуникации в Scream school. Работил с VGTRK, Yandex, Sulliwan Studio, Третяковска галерия.

Дария Абатурова е художник, дизайнер. В момента работи като UX дизайнер в Alfa Bank.

Примери за работа на учителя

Студентски работи

Мнения на възпитаници

Даниил Золотаренко

Дима Гинтофт

Често посещавам различни видове образователни събития и имайки фундаментално педагогическо образование зад гърба си, имам високи изисквания към учителя и курса. В нашата област често се случва учителят (в най-добрия случай) да разбира темата си, но трудно бихме го нарекли учител. Всичко това не се отнася за Костя и неговия курс. Курсът стана един от любимите ми, Костя е готин, добре запознат с темата, винаги готов да помогне, обяснява озадачаващи неща по такъв начин, че дори аз разбрах. Но основната му черта, като всеки добър учител, е, че Костя е запленен от темата. Препоръчвам. Няколко съвета: Започнете да си водите бележки от първата лекция. Днес си мислите, че е толкова лесно, утре дори няма да можете да изобразите композицията. Защото всички са забравили. Запомнете преките пътища. Значително ускорява работата. Попитайте Костя веднага, не е нужно да чакате уебинарите. Би било добре да инсталирате After Effects преди курса и да го разберете сами.

Елизавета Осипова

Благодаря ви много за курса по дизайн на движение и за това, че намерихте толкова прекрасен Костя, който не само ни преподаваше, но винаги беше готов да отговори на всичките ни въпроси 24/7. За мен курсът не само ми даде нови умения, но и ми помогна да изпълня това, което смятах за невъзможна мечта)) Месец след завършване на курса, благодарение на портфолиото, което Костя и аз съставихме, станах част от ADME екип! И постигнахме този резултат практически от нулата! Благодаря ти, училище за магьосници!)) Помагаш на най-съкровените си мечти да се сбъднат)) Успех, творческо вдъхновение и още по-прекрасни креативни ученици))

Дизайнер на движение(движение - „движение“) се занимава със създаването на графики за движение, което е 2D графика в движение, с други думи, анимиран дизайн на статични изображения. Професията е подходяща за желаещи чертане, чертане и компютърни науки(см. избор на професия въз основа на интерес към учебните предмети).