Чи потрібно вміти малювати motion design

Головне завдання моушн-дизайнера — створювати відеоролики. Та якщо копнути глибше, за цим стоїть тривалий процес — від пошуку ідеї та нових креативних підходів до монтажу, редагування та саунд-дизайну.

Найчастіше моушн-дизайнер виконує такі обовʼязки:

• генерує нові креативні підходи та ідеї для відео;
• розробляє сторіборди (візуалізацію сценарію) та основні візуальні елементи;
• створює відеоролики на основі технічного завдання чи власних ілюстрацій;
• монтує, редагує, додає ефекти до відзнятих відеоматеріалів;
• працює з саунд-дизайном. Моушн-дизайнер повинен мати базові знання саунд-дизайну, наприклад, вміти поєднати музичні треки, голос людини та інтершуми.

Якщо вам здалося, що моушн-дизайнер — це людина-швейцарський ніж, вам не здалося. Однак специфіка роботи завжди залежить від компанії. Наприклад, в анімаційних студіях моушн-дизайнери працюють з готовими файлами, які створюють ілюстратори. Тому їхня основна функція — створення відео. Натомість деякі IT-компанії та рекламні агенції іноді шукають Graphic Motion Designer, тобто людину, яка спочатку створюватиме зображення, а потім анімуватиме їх.

Зазвичай позиція Graphic Motion Designer відкрита в стартапах та невеликих компаніях. А що більша компанія, то частіше за напрями створення ілюстрацій та відео відповідають різні спеціалісти.

Різновиди анімацій та як їх створюють

Традиційна анімація. Її також називають «покадровою» (frame-by-frame). Такі анімаційні відео зазвичай створюють в Adobe Animate.

2D, або анімація векторних ілюстрацій. Вона передбачає роботу з такими програмами як Adobe Illustrator, Adobe After Effects, Adobe Animate, Adobe Character Animator.

3D, або моделювання та анімація в тривимірному просторі. Для створення таких роликів необхідно опанувати програми Cinema 4D, Blender, Maya, Houdini та аналогічними 3D-пакетами програм.

Motion Graphics. Те саме, що й Motion Design. Цей вид анімаційного відео поєднує в собі графічні елементи, відзняте відео, текст та візуалізує інформацію за допомогою анімаційних або кінотехнічних прийомів.

Stop Motion. Це відео на основі фотозйомки або анімації, що створюється шляхом поступового переміщення об’єктів між кадрами.

Особливість роботи моушн-дизайнера в IT

Запити на роботу моушн-дизайнерів в IT-сфері доволі різні, залежно від специфіки. Тож розглянемо ті, що зустрічаються найчастіше.

Реклама продуктів IT-компанії

Треба створити ролик для креативу у Facebook, Instagram, Tiktok, Google чи Snapchat? Це до моушн-дизайнера.

Специфіка:

1. створення коротких відео до 20-30 секунд з використанням векторних ілюстрацій та відзнятих матеріалів;
2. потрібне розуміння принципів роботи соцмереж, а також постійний моніторинг трендів;
3. комунікація з маркетинговою командою — ілюстраторами, креативними менеджерами, User Acquisition спеціалістами;
4. моушн-дизайнер працює з Adobe Illustrator, Adobe After Effects.

Інтерактивний дизайн, наприклад, анімація лого, банерів, спливаючих вікон, кнопок тощо.

Специфіка:

1. створення анімацій для додатків, вебсторінок;
2. експорт анімацій у форматі .json за допомогою сторонніх плагінів (тут перевагою буде знання коду);
3. комунікація з розробниками та UX/UI дизайнерами;
4. моушн-дизайнер працює з Figma, Adobe After Effects.

Анімація елементів та персонажів в ігрових додатках

Специфіка:

1. створення анімацій на основі растрових ілюстрацій;
2. експорт анімації у форматі .json;
3. необхідне розуміння, як писати код;
4. тісна взаємодія з розробниками;
5. моушн-дизайнер працює в Spine.

Навички та інструменти необхідні моушн-дизайнеру в IT

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

Базові інструменти моушн-дизайнера:

• Adobe After Effects;
• Adobe Illustrator;
• Photoshop;
• Figma.

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

Базові навички моушн-дизайнера:

Основи графічного дизайну. Попри те, що головне завдання моушн-дизайнера — створювати відео, без основ графічного дизайну не обійтися. Кожен спеціаліст має розумітися на типографіці, іконографії, композиції, кольорі, контрасті, масштабі, балансі, ієрархії та інших базових поняттях дизайну. Тож якщо ви тільки робите перші кроки у професії, починайте не з інструментів, а з базових знань. Потрібно вивчити алфавіт, перш ніж починати писати книги. Маючи якісну базу, кожен моушн-дизайнер швидко адаптує свої навички під будь-яку сферу роботи.

Знання принципів анімації. Аби розібратися в них, доведеться пригадати дитинство та провести кілька годин за переглядом мультиків від Disney або ж просто ознайомитися з класичними 12 принципами анімації. Вперше їх сформулювали діснеївські аніматори Оллі Джонстон та Френк Томас у далекому 1981, але актуальність вони не втратили досі. Причому не тільки для анімування персонажів, але й для створення руху елементів інтерфейсів.

Надивленість. Це одна з найважливіших складових усіх професій, повʼязаних з візуалом. Не обмежуйтеся лише одним стилем. Наприклад, якщо ваше завдання — створювати рекламні ролики, дивитися слід не лише їх. Що більший спектр стилів ви охопите, то ширше коло ідей матимете у запасі.

Креативність. Тут без зайвих коментарів.

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

Специфічні вимоги до моушн-дизайнера в IT

Як і в будь-якій професії, бажання перш за все. Якщо вам цікаво працювати з мобільними та вебдодатками, то всі необхідні специфічні навички можна отримати в процесі роботи. Утім без технічних знань, що необхідні для обраного IT-напряму часто не обійтися. Як і без бажання працювати в команді, адже якщо на фрилансі моушн-дизайнер впливає лише на свій процес — створення відео — й не знає, як воно зрештою «спрацювало» й чи принесло користь клієнту, то в IT-компанії все навпаки. Там моушн-дизайнер — частина великого проєкту, який працює на довгострокові цілі. Цей спеціаліст повинен розуміти загальну систему роботи та власний вплив на performance проєкту. Кожна ланка команди повинна злагоджено працювати, щоб отримати позитивні результати.

Алфавітом для моушн-дизайнера в IT є основи графічного дизайну, принципи анімації та інструменти програми After Effects.

Підводні камені професії

Моушн-дизайн — це великий та захопливий світ, де можна творити та реалізовувати свій креативний потенціал на максимум. Однак треба бути готовим і до нюансів професії, що підійдуть не кожному. Тож раджу ознайомитися з ними, перш ніж з головою пірнати в опанування нового напряму.

Моушн-дизайн не для вас, якщо:

• ви непосидючі. Моушн-дизайн вимагає уваги до деталей та години роботи над дрібними елементами;
• ви прагнете швидких результатів. Тут їх не варто очікувати, адже процес створення моушну досить тривалий;
• ви хочете, аби результати роботи залежали лише від вас. Це точно не про моушн-дизайн, адже над роликами разом із вами працюватимуть ілюстратор, режисер, саунд-дизайнер, копірайтер, проджект-менеджер та інші учасники процесу, залежно від компанії, а на фінальний результат впливатиме ще безліч факторів.

Наприклад, моушн-дизайнер зробив рекламний креатив, який не приніс очікуваних фінансових результатів. Можливо, креативний маркетолог прогадав з ідеєю для реклами. Можливо, User Acquisition менеджер не приділив достатньо часу на налаштування реклами. Можливо, в день запуску реклами в додатку був баг і користувачі не мали змоги зробити покупки. Є ще дуже багато таких «можливо», з якими доводиться миритися.

8 топресурсів для моушн-дизайнерів початківців в IT

• Книги
• Universal Principles of Design — розповідає про базові принципи успішного дизайну.
• 101 Things I learned in Film School — дає розуміння, як працювати з часом, таймлайном, знайомить з теорією монтажу та поєднання кадрів, використанням камери, основами побудови кадру та руху в ньому.
• Animated Storytelling: Simple Steps For Creating Animation and Motion Graphics — розповідає, як створювати захопливі історії за допомогою анімації та моушн-графіки через 10 простих правил.

• Youtube-канали з якісними туторіалами:
• Ben Marriott
• SonduckFilm
• Jake In Motion
• Move Shapes
• Black Mixture

Моушн дизайн: з чого почати та де вчитися?

За даними платформи The WordStream Blog, люди в інтернеті приблизно в 12 разів частіше пересилають один одному відео — у порівнянні з іншими видами контенту. Створенням такого вірусного мальованого анімованого контенту і займається моушн-дизайнер

За даними платформи The WordStream Blog, люди в інтернеті приблизно в 12 разів частіше пересилають один одному відео — у порівнянні з іншими видами контенту. Створенням такого вірусного мальованого анімованого контенту і займається моушн-дизайнер.

Що це за фахівець, з чого почати motion design, чи потрібно вміти малювати моушн-дизайнеру і які у нього завдання розбираємося.

Хто такий Моушн-дизайнер?

Моушн-дизайнер — це фахівець, який створює анімаційну графіку, тобто зображення, що рухається. Моушн дизайн є актуальним у рекламі, на ТБ, у презентаціях, фільмах та кліпах. Такий фахівець може працювати як у звичному 2D, так і у тривимірному просторі.

Результат роботи моушн-дизайнера може бути різним, починаючи від самостійного відеоролика (титри або заставка) до невеликого анімованого елемента, наприклад, лого. Найчастіше моушн дизайнер працює або з анімацією об’єкта або з анімацією камери, яка рухається навколо об’єкта.

Моушн-дизайн знаходиться на стику з іншими областями:

• з програмуванням — для створення інфографіки;
• 3D процедурне моделювання — для створення спецефектів VFX (дим, вогонь, рідини);
• робота з освітленням та створення окремих джерел світла для їх взаємодії з об’єктами анімації.

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

Моушн-дизайн можна розділити на кілька стилів. Як правило, в чистому вигляді вони трапляються рідко і найчастіше можна побачити різні комбінації. Ось деякі з них (для всіх підібрати приклад – гіфки):

• flat – мінімалістичний і навмисне спрощений стиль. Всі об’єкти в такій анімації плоскі, а тіні та інші складні надбудови не використовуються;

• isometric – класичний вид анімації, в якому об’єкт видно з трьох сторін, а всі лінії паралельні до 30 градусів;

• піксельна графіка. Стиль родом зі старих-добрих піксельних ігор. 8/16 -бітні ролики універсальні і можуть використовуватися в абсолютно різних сферах, починаючи від трейлерів та закінчуючи рекламою;

• pop up — всі ті анімовані віконця, що спливають, які часто використовуються в рекламі;

• broadcast — телевізійний формат анімації, всілякі перебивки, заставки, інтро та ін.

• line art — універсальний дизайн, в якому всі об’єкти промальовані лініями без заливки;

• стоп-моушн — у цьому стилі відео створюється на основі фотографій. Часто використовується в рекламі та навчальний роликах;

• 3D-анімація — максимально реалістичні тривимірні фігури та об’єкти;

Плюси роботи моушн-дизайнера:

• різноманітність завдань: робота передбачає різні формати, починаючи від створення gif-файлів і закінчуючи складними роликами для ТБ;
• у міру отримання навички швидкість роботи значно скорочується і залишається більше можливостей для креативу;
• можливість для творчості та самовираження;
• поєднання творчої та прикладної діяльності.

Мінус роботи моушн-дизайнера:

• необхідність генерувати та креативити 24/7;
• постійне навчання: сфера швидко розвивається. Щоб бути професійно затребуваним фахівцем, потрібно постійно вдосконалюватися;
• готовність до нескінченних правок;
• скляна стеля: невеликі можливості для кар’єрного зростання. Фактично, після ланцюжка від junior до senior моушн дизайнеру нікуди зростати, окрім як тимліда чи мікрокерівника.

Скільки заробляють моушн дизайнери?

За даними Work.ua та Djinni, у 2022 році середня зарплата моушн-дизайнера в Україні — від 800 до 2500 доларів.

Які навички потрібні моушн-дизайнеру?

Hard skills:

• основи графічного дизайну;
• базові знання типографіки, композиції та роботи з кольором;
• розуміння процесу створення анімації під ключ, від сценарію до готової картинки;
• знання всього технологічного ланцюжка створення моушн-графіки та анімації;
• необхідний мінімум для початку роботи з дизайном — Adobe Photoshop, Adobe Illustrator;
• навички роботи з основним софтом для створення анімації: Adobe After Effects, Adobe Premiere Pro, Autodesk 3DS Max, Autodesk Maya, LightWave 3D, Blender, Cinema 4D, Adobe Audition.

Soft skills:

• креатив;
• надивленість і художній смак;
• робота зі звуком;
• комунікабельність;
• базові знання історії мистецтва та різних течій та стилів стануть вагомим бонусом та полегшать роботу;
• стресостійкість.

Як стати motion-дизайнером

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

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

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

При самостійному навчанні складно отримати необхідні базові навички та практичний досвід зі зворотним зв’язком. Якщо у випадку з традиційними формами освіти студенти можуть виправляти помилки під керівництвом ментора/куратора, при самоосвіті великий ризик закріпити помилки, що трапилися, або зайти у творчу мертву петлю.

Отримати професію на курсах буде швидше, легше, але й дорожче. Додатковий бонус – викладачі-ментори, від яких можна отримувати зворотний зв’язок та ставити запитання. Також деякі освітні платформи допомагають із працевлаштуванням.