Відеоконтент збільшує продажі: дослідження показує, що двоє з трьох користувачів подивилися рекламу і купили продукт. Допомагає чарівна паличка — моушн-дизайн.
Розповідаємо на прикладах: хто такий моушн-дизайнер і чому його роботи затребувані скрізь — від ТБ до презентацій Apple.
Хто такий моушн-дизайнер
Перенесемось у дитинство. У цей час деякі дітлахи робили перший моушн-дизайн. Хоча про це не здогадувалися.
Крім футболу, класиків і плювання з ручок, було кумедним малювати всілякі каракулі. Наприклад, взяти зошит, і на куточку аркуша ручкою малювати чоловічків. На першому аркуші він може просто стояти, а до останнього — переставляв ноги, махав рукою. Здавалося, що зараз побіжить. І не дарма.
Потім робили так, щоб чоловічок біг, стрибав або присідав. Брали зошит і швидко перегортали куточки. Малюнки складалися в послідовне шоу - мультфільм.
Зараз забава з дитинства переросла в тренд — Фліпбук (Flipbook).
Приклад Фліпбука
З моушн-дизайном графіку оживляють інакше. Замість зошита і ручки — програма на комп'ютері. Малюнки чоловічків замінили на фігури в 2D і об'ємні моделі. Змінилася цінність результату: замість розваг — комерційні завдання.
Моушн-дизайнер - це фахівець, який збирає малюнки, фігурки і фото в анімації та відео. Найчастіше це потрібно не для розваги: рекламувати фастфуд в Instagram, презентувати відеогру в Youtube або вразити інвесторів.
Motion схожий на анімацію, на кшталт мультиків. Є мінімум три критерії — відмінності дизайнера від аніматора.
Аніматор найчастіше працює над персонажем з нуля. У моушені ідею, кадри або приклади робіт дизайнер отримує від клієнта або агентства.
Цілі. У аніматора — намалювати, наприклад, мультфільм. Що буде з проектом далі — йому неважливо. Над рекламою працюють маркетологи й аналітики.
Моушн-дизайнер вирішує завдання бізнесу: презентувати продукт, створити ефектний рекламний ролик або зробити відео для Youtube-каналу, щоб набрати багато переглядів і отримати гроші з монетизації.
Хронометраж. Часто анімації — це ролики на 3-5 хвилин. А якщо мультфільми — і всі півтори-дві години. У моушен-дизайні все залежить від завдання: якщо реклама — вистачить і 30 секунд. Для анімації на сайтах роблять рухи в 1-2 секунди.
Команда. Над анімацією може працювати ціла команда: сценарист, режисер, монтажер, художник-аніматор.
У моушн-дизайні простіше: у клієнта або агентства може бути ідея і готові кадри. Дизайнеру потрібно зібрати кадри у відео або розвинути ідею в анімацію. В агентстві таку роботу роблять за ТЗ — готовим документом із вимогами до ролика.
Що робить моушн-дизайнер
На початку 2000-х дизайнери працювали на телебаченні та в рекламі: робили анімаційні вступу для дитячих телешоу, монтували ролики для Sony і Samsung. Інтернет ще не був активним майданчиком для реклами.
Сьогодні моушн перейшов із телеекранів у діджитал. Дизайнери роблять ролики для відеоігор, компанії купують презентації з анімаціями. А реклама кави на ТБ більше не цікава — молодь дивиться Youtube і Tiktok, а не ранкові телешоу.
👉 На відео моушн не закінчується. Анімації на сайтах або в мобільних застосунках — це теж робота motion-дизайнера.
Ось кілька прикладів.
Телебачення — моушн у заставках, титрах або оформленні програм. Іноді можуть анімувати субтитри: додавати переходи, появу і загасання тексту.
📌 Ось, наприклад, добірка вступних роликів для дитячого телешоу: за мотивами Lego і фільму «Чарлі і шоколадна фабрика».
Реклама. Моушн-дизайн привертає увагу людей до будь-якого товару або послуги: кави, фастфуду або онлайн-курсу з motion-дизайну. Порівняйте два приклади:
🔴 Можна написати: «У нас найкраща обсмажена кава, пластикові стаканчики і приємний персонал». Додати картинку з чашкою і покликати в кафе. Щоб прочитати й зацікавитися, цього тексту замало: довго, нудно і потрібно читати.
🟢 Маркетологи зробили інакше. Для B Coffee зробили рекламний ролик із моушн-дизайнером. Вийшло просто і залипаюче.
Научпоп, інфографіки. Це можуть бути будь-які пояснювалки: як еволюціонувала людина, чому Землю створив метеорит або як домогтися ефективності на роботі.
📌 Ось приклад: Такер Хайатт у ролику для TED «З якою швидкістю ви зараз рухаєтесь» пояснює, з якою швидкістю рухаються об'єкти на Землі та в космосі. Якщо тільки слухати спікера — головні тези складно зловити й обміркувати. Особливо якщо далекий від англійської мови. Анімація допомагає спіймати головне.
Бізнес (не реклама). Конкуренція вимагає залишатися в зоні уваги: інвесторів, інших компаній і партнерів.
Директори та менеджери хитрують: замість нудного доповідача показують ролики з анімаціями. А тези звітів спливають за допомогою моушен-дизайну. Виходить ефектно, швидко і цікаво.
Якщо запитати інвестора: «Яка з двох презентацій запам'яталася найбільше?», — він може і не пригадати тези. Зате скаже: «Он та, що з анімаціями».
👉 А ще моушн знадобиться для інших бізнес-завдань: наприклад, показати ролик на Youtube-каналі компанії. Або оживити сайт: запустити ракету на першому екрані. Або упаковувати лист, коли клієнт заповнив форму зворотного зв'язку.
Ігри. Для них створюють тематичні ролики: трейлери, презентаційні відео або навчання (туторіали). Ролик для гри League of Legends зробили в моушені.
Моушн-дизайн використовують для «сінематиків» гри — вступні ролики або титри. Це потрібно, щоб заощадити на бюджеті гри: додати частину сюжету у вигляді ролика, запустити трейлер гри.
📌 Для Fallout 4 ролик виконує два завдання: це трейлер і частина сюжету, яку показують на початку гри.
А ще моушен робиться швидше. Знадобиться, якщо в грі показати ще нічого, а трейлер потрібен зараз — наприклад, для інвесторів.
Ще варіант — відео для презентації гри або гаджета. Спочатку їх показують на форумах або закритих заходах — як це робить Apple. Після викладають в Youtube.
📌 Sony вдало використовує моушн-дизайн у рекламі ігрових приставок: короткі ролики, що залучають, деталі крупним планом і плавні переходи. Ніяких директорів і маркетологів у кадрі.
Чому Motion-дизайн — це мультипрофесія
Було б просто сказати, що Motion Designer малює анімації та робить відео з картинок. У реальності так роблять фрілансери-новачки за ТЗ. Ні кроку в бік: без порад і підказок клієнту.
Це рутина: взяв — зробив. Платять на такий дизайн анімацій копійки.
Хороший моушен може попітніти: сам збере технічне завдання, намалює анімацію, пройде десять кіл правок і може заспокоїти клієнта. А для сервісу рівнем вище: продумає кадри, історію і напише сценарій. Або знайде сценариста.
Усе залежить від складності завдання, клієнта і кількості людей у команді.
Розглянемо на прикладі презентаційного ролика PlayStation 5, який ми прикріплювали раніше. Уявімо кілька ситуацій, де програм для відео недостатньо.
Дизайнеру написав директор Sony: «У мене є готовий набір кадрів і картинок для відео. Потрібно зробити презентаційний ролик. Зможеш?». Анімація не потрібна. Дизайнер працює монтажером.
А якщо приставку, джойстик та інші елементи відео потрібно намалювати - ще стали б у пригоді навички графічного дизайну.
Моушн-дизайнера покликали в офіс Sony. Маркетологи дали приставку, джойстики. Сказали, потрібно зробити відеопрезентацію. На роботу — місяць.
Дизайнер знаходить вільний зал. У залі розставляє приставку, джойстики. Дістає камеру і починає знімати: зверху, знизу, кадри в різних місцях. Щоб показати рух — пересуває джойстик по столу.
У момент зйомки моушн-дизайнер продумує: як рухатиметься приставка, а куди летять джойстики. Дизайнер — режисер ролика.
Втомлений після студії, дизайнер приходить додому. Підключає камеру до ПК, вмикає монітор. Перекидає відзняті відео.
Можна було змонтувати відео з відзнятих кадрів. Але цього мало: директор попросив, щоб було ефектно. Скрізь стрибали хвилі, джойстики летіли, а від приставки від'їжджали кнопки. Це потрібно малювати. Підключаються навички аніматора: намалювати ефект, з'єднати з відео. Готові кадри змонтувати.
Тому моушн-дизайнер — це не одна професія, а збірна назва. У різних замовленнях потрібно підключати різні навички: якщо одним достатньо монтажу, то в іншому проекті потрібно придумати ідею, історію та візуальні ефекти. Останнім платять кратно більше.
Які програми потрібні моушн-дизайнеру
Основну роботу motion-дизайнер робить у двох програмах: для монтажу відео та для малювання анімацій. Часто це може бути навіть одна програма — якщо функцій вистачає.
Іншими програмами користується рідше. Наприклад, може намалювати картинку в графічному редакторі. Або відредагувати фото у Фотошопі: накласти тіні, прибрати зайві об'єкти та додати деталей.
Тут розглянемо програми для анімації та монтажу. З ними моушн-дизайнер найбільше проводить роботи: збирає картинки, домальовує ефекти і з каші кадрів робить готовий відеоролик або анімацію.
Adobe After Effects
Adobe After Effects — це універсальна програма. У ній можна створювати відео з нуля, за кадрами або готовими шматочками. Тут же можна накладати ефекти: політ, спалахи, падіння краплі та інші.
У програму можна закидати файли Photoshop та illustrator.
Часто з After Effects починається кар'єра в моушн-дизайні. А функцій вистачає, щоб працювати над замовленнями.
Недолік After Effects — не можна робити 3D-графіку. Можна тільки накладати 3D-картинку. Для цього потрібна готова фігура й ефекти. У проектах, де малюнки робив 3D-ілюстратор, а завдання моушена — змонтувати, це прокатить.
Cinema 4D
Для 3D-моделей потрібні спеціальні програми: наприклад, намалювати об'ємну людину, кубик або анімацію. Популярний варіант — Cinema 4D.
У Cinema 4D можна малювати 3D-моделі: тварин, людей, предметів меблів, абстракції. Моделям додавати анімації та монтувати у шматочок відеоролика чи анімації.
Також можна працювати з 2D-об'єктами. Наприклад створювати складну анімацію.
Cinema 4D не замінить After Effects. У програмі можна малювати та рендерити — наводити лад в анімації. Збирати ролик зі шматочків не вийде. Тоді дизайнер бере готові шматочки з Cinema 4D і допрацьовує в After Effects: склеює, накладає ефекти, закадровий голос.
Blender
Якщо не подобається Cinema 4D — можна замінити на Blender. Це також дуже хороша програма для 3D-моделей та анімацій, яка завоювала популярність у спеціалістів. В даному випадку працює справа смаку і звички.
👉 Важливо: для моушн-дизайну потрібен ПК або ноутбук із впевненими характеристиками. Програми для анімацій і 3D потребують більше, ніж Photoshop або Figma.
Ось характеристики для After Effects: ноутбук із процесором 4-8 ядер, 16-32 ГБ оперативки і відеокарта на 4 Гб. За характеристиками ноутбуків підходять Acer Nitro 5 або Macbook Pro 2022 року.
Недолік ноутбуків — маленький екран. Від роботи над деталями втомлюються очі. А після 3-4 годин роботи складно зосередитися. Як варіант, придивіться комп'ютер з монітором від 22 дюймів. Його не можна переміщати, зате працювати зручно. Але це справа смаку.
Де можна працювати моушн-дизайнером
Motion-дизайнери не прикріплені до робочого місця. Можна працювати на фрілансі, у компанії, агентстві або як приватні підприємці. Для роботи вистачає ноутбука з інтернетом.
Складність у самих замовленнях. Монтаж можуть довірити і фрілансеру. А ось Sony навряд чи довірить роботу одній людині з профілем на Upwork. Частіше звертаються до агентств.
Дизайн-студії — це компанії, де дизайнери роблять роботу на потоці. У них може бути одна спеціалізація: анімації для сайтів, відео для Youtube-каналів, комерційні презентації. Бувають і універсали.
У дизайн-студії пощастить працювати багато і довго. Як правило, у них є замовлення від різних клієнтів. А це: стабільна зарплата, впевненість і передбачуваність.
З клієнтами спілкуватися не потрібно. За вас це робить менеджер.
Фріланс. Вільний план часу, кількості клієнтів і оплати за замовлення. Це казка просунутих дизайнерів.
Для новачка все складніше. Вільний план йде в робочі ночі. А оплата за замовлення — боротьба за клієнта. Роботу беруть, тому що для клієнтів із високими чеками потрібні портфоліо і досвід.
Щоправда, в цьому і плюс: зарплата обмежена лише часом. Хочеш більше — попрацюй на кілька годин довше, візьми ще клієнта. А з досвідом можна підвищувати чеки.
Мінусів купа: сам шукаєш замовлення, спілкуєшся з клієнтами, залагоджуєш конфлікти. Клієнти приходять усілякі: якщо з одним пощастило, то інший може сперечатися, поки не відмовиться від оплати. Або торгується.
IT-компанія чи агентство. В IT-компанії дизайнери працюють тільки над внутрішніми продуктами: створюють анімації, знімають кадри для роликів, монтують. Наприклад, якщо працювати на банк — усі завдання з моушену тільки для банку.
Плюс: працюєш в одній команді над одним продуктом. Стабільність, розумієш звички команди і керівництва. Можна пробувати різні підходи.
А є агентства — це команда з різношерстих фахівців: програмістів, дизайнерів, копірайтерів. Якщо потрібно зробити сайт, додати в нього анімацію і написати текст — звертаються до них.
Плюс: можна напрацювати круте портфоліо. Іноді можна потрапити і на проекти від Sony чи інших топів.
Мінуси від компаній: інколи забороняють вказувати досвід роботи та прикладати роботи в резюме. Якщо так, то дизайнер і компанія підписують договір про нерозголошення — NDA. Похвалитися не вийде.
Яка зарплата у моушн-дизайнера
Усе залежить від місця роботи. Зарплати за вакансіями моушн-дизайнера в Україні стартують від 20 тисяч гривень для новачків, тих хто недавно став працювати в цій ніші. Шукають моушн-дизайнерів, монтажерів і 3D-ілюстраторів.
Якщо йти в іноземну компанію або агентство — новачок може розраховувати на $600-800.
На фрілансі все залежить від біржі та досвіду дизайнера: на українському FreelanceHunt роботи для моушену практично немає - це складно, клієнт не може сформулювати ТЗ і брати незнайомого фрілансера з біржі страшно.
На Upwork або Fiverr усе залежить від того, наскільки швидко підуть замовлення. У перший місяць можна заробити як нічого, так і до 1000 доларів. На більше у новачка не вистачить часу і досвіду.
З хорошим портфоліо всі шанси пробивати стелю хоч щомісяця.
З чого починати кар'єру
Компанії на зображенні — вищий пілотаж, круте портфоліо і високі чеки.
Цінність моушн-дизайнера в портфоліо. Йдете на співбесіду — запитають про приклади робіт. А на біржі клієнт обирає людину з портфоліо, ніж довірить моушн виконавцю без прикладів робіт. На слово мало хто вірить. Тому потрібне «м'ясо» — готові проєкти.
Спочатку потрібно робити будь-які проекти. Необов'язково комерційні. Новачки поповнюють портфоліо роботами «з голови». Наприклад, надихаються роботами інших дизайнерів і переробляють на свій лад. Або створюють з нуля: думають над ідеєю, шукають кадри, малюють анімацію і збирають ролик. Перші роботи в кишені.
Хороший курс напихає новачків роботами для портфоліо. Не потрібно ламати голову і підбирати референси — з цим допоможуть викладачі та однокурсники. Або можна підглядати, як роблять колеги.
Із простим портфоліо можна на фріланс. Взяти першу роботу в клієнта. Поступово прокачувати портфоліо. А через кілька проектів і відгуків — і на співбесіду в компанію.
В IT STEP є дві програми навчання на Motion-дизайнерів:
📌 Простіша — курс «Motion Design». Через 9 місяців студенти вміють працювати в After Effects і Cinema 4D. Випускний — дипломний проект.
📌 Складніший — курс «Графічний дизайн». Це 2.5 роки навчання. Студенти вчаться всьому, що потрібно універсалам: графіці, анімації, моделюванню, роботі з рекламою та друкованими виданнями. Проекти для портфоліо в різних спеціальностях.