Комп'ютерна Академія IT Step - повноцінна IT-освіта для дорослих і дітей. Ми навчаємо з 1999 року. Авторські методики, викладачі-практики, 100% практичних занять.

Ви використовуєте застарілий браузер!

Ваш браузер Internet Explorer, на жаль, є застарілим. Ця версія браузеру не підтримує багато сучасних технологій, тому деякі функції сайту можуть працювати з помилками. Рекомендуємо переглядати сайт за допомогою актуальних версій браузерів Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Хто такий моушн-дизайнер і чим він займається

IT STEP Academy

02.03.2023

5727 переглядів

Відеоконтент збільшує продажі: дослідження показує, що двоє з трьох користувачів подивилися рекламу і купили продукт. Допомагає чарівна паличка — моушн-дизайн.

Розповідаємо на прикладах: хто такий моушн-дизайнер і чому його роботи затребувані скрізь — від ТБ до презентацій 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 роки навчання. Студенти вчаться всьому, що потрібно універсалам: графіці, анімації, моделюванню, роботі з рекламою та друкованими виданнями. Проекти для портфоліо в різних спеціальностях.



Автор:

IT STEP Academy

Редакція IT STEP Academy

Дизайн

3D візуалізатор - професія майбутнього

Сучасний світ став візуальним, а тривимірна візуалізація – невід'ємною частиною нашої епохи. Пам'ятаєте останній раз, коли ви бачили реалістичне зображення будівлі, інтер'єру або продукту до його створення? Це була 3D візуалізація, і вона грає велику роль у нашому житті. 3D візуалізатор – це той, хто створює цю магію.

Сучасний світ став візуальним, а тривимірна візуалізація – невід'ємною частиною нашої епохи. Пам'ятаєте останній раз, коли ви бачили реалістичне зображення будівлі, інтер'єру або продукту до його створення? Це була 3D візуалізація, і вона грає велику роль у нашому житті. 3D візуалізатор – це той, хто створює цю магію.   Мистецтво 3D візуалізації проникає у багато сфер нашого життя. Від архітектури і дизайну інтер'єру до реклами та промислового проектування – скрізь можна знайти сліди роботи 3D візуалізаторів. Ми розглянемо, які завда

ШАГ логотип

Soft-skills

Як знайти роботу junior спеціалісту без досвіду роботи

Пошук роботи для фахівців у сфері інформаційних технологій завжди залишається актуальним питанням. Безліч новачків, які мають певні знання та навички в IT, стикаються із завданням: як розпочати кар'єру, не маючи досвіду роботи. Ринок IT надає безліч можливостей для джунів, які прагнуть застосувати знання на практиці.

Пошук роботи для фахівців у сфері інформаційних технологій завжди залишається актуальним питанням. Безліч новачків, які мають певні знання та навички в IT, стикаються із завданням: як розпочати кар'єру, не маючи досвіду роботи. Ринок IT надає безліч можливостей для джунів, які прагнуть застосувати знання на практиці.   Однак, незважаючи на потребу компаній у нових спеціалістах, пошук роботи для junior'ів без досвіду може стати певним викликом при конкуренції з досвідченішими кандидатами. Також, не завжди просто зрозуміти, які компетенції

ШАГ логотип

Soft-skills

10 кращих технік тайм-менеджменту для айтішника

Ефективне управління часом є однією з ключових навичок, необхідних айтішникам для успішної роботи в швидкому та динамічному світі інформаційних технологій. В індустрії, де терміни жорсткі, проекти багатозадачні, а вимоги до продуктивності високі, уміння ефективно планувати, організовувати та контролювати свій час стає невід'ємною частиною успіху.

Ефективне управління часом є однією з ключових навичок, необхідних айтішникам для успішної роботи в швидкому та динамічному світі інформаційних технологій. В індустрії, де терміни жорсткі, проекти багатозадачні, а вимоги до продуктивності високі, уміння ефективно планувати, організовувати та контролювати свій час стає невід'ємною частиною успіху.   У нашій статті ми представимо вам 10 найкращих технік тайм-менеджменту, спеціально підібраних для айтішників. Ви дізнаєтеся про різні стратегії, які допоможуть вам оптимізувати використ�

ШАГ логотип

SMART - цілі: найкращий помічник у плануванні для програмістів

Для успіху у програмуванні потрібні не тільки технічні навички, а й уміння ефективно керувати своїми завданнями та цілями. У цій статті ми поринемо у світ SMART-цілей та розглянемо, як програмісти можуть використовувати цей підхід для підвищення продуктивності та професійного розвитку.

Для успіху у програмуванні потрібні не тільки технічні навички, а й уміння ефективно керувати своїми завданнями та цілями. У цій статті ми поринемо у світ SMART-цілей та розглянемо, як програмісти можуть використовувати цей підхід для підвищення продуктивності та професійного розвитку.   Знайомство з концепцією SMART-цілей SMART - це акронім, який описує основні характеристики ефективної мети: Specific (конкретна), Measurable (вимірна), Achievable (досяжна), Relevant (пов'язана з поточними завданнями та цілями) та Time-bound (обмежена за часом). Кожен із цих аспектів �

ШАГ логотип

Змішаний формат

Записуйся на пробний день до нашої ліцензованої загальньоосвітньої школи, де уроки проходять в змішаному форматі.

Детальніше

Цей сайт використовує Cookies

Політика конфіденційності