Як зробити промо-ролик гри малими силами

Технології 09 січня 2025

У статті «Гра за 2 дні» я на прикладі проекту Папа Пінгвін розповів про те, як зробити гру для iOS, використовуючи Unity, за дві доби.

Маленький мультфільм
Скрипт і розкадрування
Перша помилка: єдина сцена у флеші
Труднощі з експортом відео з флешу
Друга помилка: використання iMovie для монтажу
Головна помилка: коригування розкадрування сцени на фінальному етапі роботи
Ув'язнення
Використаний софт
PC:
Мас:
Софт, який з тих чи інших причин не підійшов:
РС:
Mac:
P.S.
P.P.S.
P.P.P.S.

У продовження цієї теми - стаття про те, яким чином можна малими силами зробити невеликий мультфільм на підтримку гри. Текст статті підготував Олексій Лунін (type_2), наш художній директор. Ця стаття може стати в нагоді маленьким студіям-розробникам і просто ентузіастам, які роблять невеликі іграшки для мобільних (і не тільки) платформ.

Якщо ви не хочете повторювати тих же помилок, що зробили ми, читайте далі.

Маленький мультфільм

Ура! Вирішено! Робимо ролик до гри своїми силами! Випустивши Папу Пінгвіна, ми вирішили зробити невеликий мультфільм на підтримку нашої мікроігри і приурочити реліз цього мультфільму до релізу одного з майбутніх апдейтів. Спочатку завдання здалося тривіальним. Особливо тим, хто безпосередньо не був задіяний у її вирішенні.

Алгоритм роботи передбачався наступний:

Формулювання ідеї/скрипту
Створення розкадрування з таймінгом
Створення мультиплікаційних сцен на флеші
Запис геймплейних сцен
Зведення всіх сцен в єдину доріжку
Рендерінг
Відсилання рендера звукорежисеру
Отримання звукової доріжки
Постобробка

До створення цього мультфільму у мене (Олексій Лунін) практично не було досвіду роботи з анімацією за винятком мінімуму знань Flash, які дозволяли мені робити рух об'єкта з кута в кут. І хоча в результаті робота пройшла за тим алгоритмом, який вказаний вище, у зв'язку з кількома допущеними нами помилками деякі із завдань довелося вирішувати заново по кілька разів.

Скрипт і розкадрування

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

Перша помилка: єдина сцена у флеші

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

Труднощі з експортом відео з флешу

Перепробувавши кілька варіантів експорту, ми так і не отримали відео з осудною частотою кадрів і якістю. В результаті ми вирішили не експортувати відео, а знімати його з екрану так само як і геймплей. Перебравши купу програм і нічого не знайшовши відповідного (або платне, або криво знімає, або криво кодить, або руки не з того місця ростуть у нас) перенесли процес з РС на Mac, де з використанням Screenium таки зняли без проблем всі необхідні моменти флеш ролика і геймплея.

Друга помилка: використання iMovie для монтажу

Після декількох спроб використання різного PC-софту для монтажу ми вирішили піти здавалося б очевидним шляхом і скористалися вхідною в комплект операційки Mac OS X програмою iMovie. Але і тут не обійшлося без сюрпризів, так як в iMovie немає кнопки «зберегти», а автозбереження працює досить дивно, як потім виявилося, хоча сама програма досить просто влаштована, і впоратися з нею можна, не маючи ніякого досвіду роботи з відео взагалі. А потім моргнула електрика і в практично змонтованому ролику все перемішалося.

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

Головна помилка: коригування розкадрування сцени на фінальному етапі роботи

Найголовнішу помилку зробило наше керівництво. Після того, як ми вже отримали звукову доріжку зроблену для вже змонтованого ролика по затвердженій розкадровці, було прийнято рішення про невелике допилювання ролика.

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

Ув'язнення

Поспішаючи скоріше зробити невеликий мультфільм для підтримки вашої гри, пам'ятайте про таке:

Зберігайте кожен кадр мультфільму в окремій сцені/файлі, щоб на етапі монтажу не відчувати жодних проблем з коригуваннями таймінгу і внесенням коригувань за відгуками.
Якщо ви використовуєте флеш, то, швидше за все для отримання якісної картинки і частоти кадрів вашого мультфільму, вам потрібно буде використовувати не експорт у відеоформат, а банальне зняття відео з екрану з використанням, наприклад, програми Screenium.
Не використовуйте iMovie для монтажу, якщо не готові опинитися в один момент без вихідців свого мультфільму.
Чітко дотримуйтесь алгоритму виробництва, зазначеного на початку цієї статті, і усвідомлено і без поспіху приймайте кожен етап робіт, щоб не довелося, наприклад, вносити коригування в розкадровку на фінальних етапах монтажу.