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

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

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

🔥 Остання можливість записати дитину у табір в США 🇺🇸

00

днів

04

годин

18

хвилин

🟢 Забронювати місце!
ШАГ логотип

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

IT STEP Academy

02.03.2023

1580 переглядів

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

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

Soft-skills

ТОП-10 корисних інструментів для веб-майстрів

Розробка веб-сайтів – складний, багатогранний процес, що вимагає від розробника знань та вміння працювати з різними інструментами. Ефективне використання правильних інструментів може значно спростити та прискорити процес розробки. А також підвищити якість та функціональність створюваного сайту.

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

ШАГ логотип

Як вибрати професію в IT сфері

Нині профорієнтація у it сфері може бути непростим завданням. З кожним роком IT індустрія зростає та розвивається, відкриваючи нові можливості та вимоги до фахівців. Але як вибрати професію в it?

Нині профорієнтація у it сфері може бути непростим завданням. З кожним роком IT індустрія зростає та розвивається, відкриваючи нові можливості та вимоги до фахівців. Але як вибрати професію в it?   По-перше, IT індустрія найбільш швидко зростаюча та прибуткова галузь у світі. Вона охоплює безліч різних сфер, таких як програмування, дизайн, маркетинг, керування і т.д. Але не всі професії підходять для кожної людини. Вибираючи правильну професію, ви можете не тільки отримати задоволення від своєї роботи, але й досягти успіху в кар'єрі, а також з

ШАГ логотип

ChatGPT: новий інструмент, який змінить IT-галузь

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

Штучний інтелект стає все більш популярним і широко використовується в різних сферах, включаючи інформаційні технології. Однією з важливих розробок у цій галузі є технологія ChatGPT. Вона дозволяє створювати моделі глибокого навчання, здатні генерувати текст природною мовою.   ChatGPT - це нейромережа, навчена мільйонами текстових даних, яка генерує тексти, схожі на людські. Ця технологія може бути використана в різних сферах IT, таких як розробка програмного забезпечення, машинне навчання, обробка природної мови та інші.   Використання ChatGP

ШАГ логотип

Figma – базовий інструмент для роботи дизайнерів

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

Що таке Figma і навіщо вона потрібна? Figma - це веб-додаток для дизайну інтерфейсів, який дозволяє створювати макети, прототипи, іконки та багато іншого. Це один із найпопулярніших інструментів в індустрії дизайну та розробки інтерфейсів.   Figma дозволяє дизайнерам працювати в реальному часі, обмінюватися макетами та коментарями, спрощує процес спільної роботи та робить його більш ефективним.   Однією з основних переваг Figma є те, що вона працює у браузері – немає необхідності завантажувати та встановлювати програму на комп'ютер. Це зруч

ШАГ логотип