Створення розкадровки для анімаційних вставок в іграх

Виробництво ігрових кат-сцен — це дорого. Кожен зайвий день анімації або переробки ракурсів відкидає бюджет. Ми створюємо розкадровки, які одразу враховують обмеження рушія: змінний аспект, пусті текстури на спині персонажа, ліміти джерел світла. Це скорочує ітерації на 30–50% та економить до 60% бю

Наші компетенції

Інші послуги студії

VR/AR/MR застосунки на замовлення

Вражайте клієнтів і навчайте команду у віртуальній реальності

Розробка ігор на Unity

Від ідеї до релізу — ігри, які запам'ятовуються

3D-моделювання та анімація

Оживимо ваш продукт в об'ємній графіці та анімації

VR-тренажери промислового обладнання

Тренуємо операторів на техніці без ризику і простою

AR-інструкції для виробництва

Покрокові підказки прямо на обладнанні — без паперу

Safety-тренажери

Відпрацювання НС і техніки безпеки без виходу на об'єкт

VR/AR-тренінги

Навчаємо персонал сервісу, адаптації та soft skills у VR

Навчальні вікторини

Перевірка знань у форматі гри — легко і без стресу

Корпоративні відеоінструкції

Зрозумілі ролики для навчання співробітників і клієнтів

Гейміфікація бізнес-процесів

Мотивуємо команду через ігрові механіки в KPI та HR

Застосунки для інфокіосків

Інтерактивні екрани для магазинів, стендів і офісів

VR/AR-інсталяції

Wow-ефект для брендів на виставках, івентах і в шоу-румах

Віртуальні виставки та музеї

Ваша експозиція доступна з будь-якої точки світу — 24/7

Event-квести та брендовані ігри

Незабутні ігри для конференцій та клієнтських івентів

Часті запитання

Останні роботи

  • image_games_mortal_motors_495_0.webp
    Розробка гри для компанії Mortal Motors
    1526
  • image_games_a_turnbased_strategy_game_set_in_a_fantasy_setting_with_fire_and_sword_603_0.webp
    Покрокова стратегія у фентезі сеттингу With Fire And Sword
    1030
  • image_games_second_team_604_0.webp
    Розробка ігри для компанії Second term
    657
  • image_games_phoenix_ii_606_0.webp
    3D-анімація – тизер для гри phoenix 2.
    738
  • image_training-quizzes_kids_shopping_quiz_614_0.webp
    Навчальна вікторина для дітей «Покупки в магазині»
    142

Виробництво ігрових кат-сцен — це дорого. Кожен зайвий день анімації або переробки ракурсів відкидає бюджет. Ми створюємо розкадровки, які одразу враховують обмеження рушія: змінний аспект, пусті текстури на спині персонажа, ліміти джерел світла. Це скорочує ітерації на 30–50% та економить до 60% бюджету. Розкадровка, узгоджена з техкомандою до старту production, — єдиний спосіб отримати передбачуваний результат.

Що таке розкадровка для in-engine cinematics?

Розкадровка (storyboard) для ігрової анімаційної вставки — це послідовність ключових кадрів з описом руху камери, дій персонажів, таймінгу та емоційного ритму сцени. Кожен кадр відповідає ракурсу або значущому моменту всередині ракурсу.

Формат: зазвичай A4 або A3 аркуші з 4–6 кадрами на сторінці. Кожен кадр — схематичний малюнок (не фінальна якість), стрілки руху камери, таймінг у секундах, опис дій персонажа, технічні замітки. Технічні замітки в ігровому storyboard включають те, чого немає в кіно:

  • обмеження ракурсу (чи можна показати спину — там може бути пуста текстура)
  • тип переходу між камерами (cut / blend / wipe)
  • наявність UI в кадрі або повне відключення HUD
  • VFX-елементи, які мають бути готові до цього кадру
  • мітка синхронізації з Timeline (час у секундах від початку сцени)

Згідно з Wikipedia, розкадровка слугує візуальним планом, але в іграх вона технічно навантажена. Детальніше — Wikipedia.

Формати storyboard для різних завдань

Animatic-storyboard — ключові кадри, достатні для розкладки в аніматик. Мінімальне опрацювання, максимальна швидкість. Використовується для узгодження концепції до початку виробництва. Для сцени довжиною 1 хвилину — зазвичай 20–40 кадрів. Animatic затверджує концепцію в 2 рази швидше, ніж production storyboard.

Production storyboard — детальна розкадровка з ракурсами, точним тайм-кодом, описом кожного руху. Це технічне завдання для аніматорів та технічних художників. Для складної сцени — 60–100 кадрів на хвилину контенту. Production storyboard скорочує кількість помилок в анімації на 50%.

Camera storyboard — фокус лише на русі камери, без детальної промальовки персонажів. Використовується як ТЗ для налаштування Cinemachine Virtual Cameras та Dolly Tracks.

Порівняння форматів за ключовими параметрами

Параметр Animatic Production Camera
Час створення (на 1 хв сцени) 1–2 дні 4–7 днів 2–3 дні
Кількість кадрів 20–40 60–100 15–30
Деталізація анімації низька висока відсутня
Використання концепт ТЗ для аніматорів ТЗ для камер

Чому технічна розкадровка важлива для економії бюджету?

На етапі розкадровки потрібно знати технічні обмеження цільової платформи та рушія:

  • чи можна робити depth of field (дорогий пост-процес на мобільних) — якщо ні, деякі кіно-прийоми недоступні
  • чи підтримує рушій camera shake без просідання продуктивності — впливає на стиль handheld-camera
  • скільки джерел світла активно в сцені — визначає можливі світлові рішення
  • чи є готові анімації для потрібних дій персонажів

Без урахування цих обмежень до 50% розкадрованих кадрів можуть потребувати переробки. Наприклад, кадр з depth of field на мобільному пристрої може викликати падіння FPS нижче цільових 30. Завчасно знаючи ці рамки, коригуємо ракурси та рухи камери, уникаючи дорогих ітерацій. Розкадровка, узгоджена з програмістами та технічними художниками до початку production, економить 30–50% ітерацій — це підтверджено нашою практикою на 50+ проєктах.

Як узгодити storyboard з рушієм до початку виробництва?

Розкадровка починається не з олівця, а з beat sheet — списку ключових емоційних та наративних моментів сцени в хронологічному порядку. «Гравець бачить боса вперше» — beat. «Бос руйнує стіну» — beat. «Камера показує масштаб арени» — beat. З beat sheet будується timing — скільки часу займає кожен момент.

Після timing — rough layout: схематичні ракурси для кожного beat. На цьому етапі вибираються типи планів (крупний план обличчя, середній план діалогу, загальний план для масштабу) та рухи камери (static, dolly in/out, pan, crane, POV). Типова помилка — використовувати лише середні плани. Контраст крупний/загальний план робить монтаж динамічним навіть без екшн-сцен.

Потім clean storyboard з деталями та технічною розміткою. Якщо потрібно — color key: спрощена кольорова розкладка кадрів для контролю світлового рішення (не фінальне світло — але перевірка, чи немає кадрів, де всі персонажі зливаються з фоном).

Кожен етап супроводжується консультаціями з вашою техкомандою. Перевіряємо реалізованість кожного кадру на цільовому рушії (Unity, Unreal Engine 5) та вносимо корективи до запуску у виробництво.

Етапи створення розкадровки

  1. Збір брифу — визначення хронометражу, кількості персонажів, ключових сцен та обмежень рушія.
  2. Beat sheet — перелік наративних та емоційних моментів.
  3. Rough layout — схематичні ракурси з вибором типів планів та рухів камери.
  4. Clean storyboard — опрацьовані кадри з тайм-кодом та технічними позначками.
  5. Color key та camera notes — світлова розкладка та інструкції для налаштування кінематографії.
Типові помилки на етапі узгодження Ігнорування aspect ratio, відсутність синхронізації з Timeline та врахування готових анімацій — часті причини переробок.

Типові помилки при розкадровці ігрових кат-сцен

Помилка Наслідки Рішення
Ігнорування aspect ratio Кадри обрізаються на різних екранах Розмічати safe zone для 4:3, 16:9, 21:9
Відсутність синхронізації з Timeline Анімація не збігається зі звуком Вказувати тайм-код для кожного beat
Неврахування готових анімацій Зайві витрати на анімацію Використовувати наявні assets де можливо

Детальний приклад: розкадровка сцени знайомства з босом для RPG

Для одного з проєктів вимагалася кат-сцена тривалістю 45 секунд: гравець заходить в арену, бос з'являється з порталу, камера показує масштаб. Спочатку зібрали beat sheet з 8 бітів. Rough layout показав, що 3 кадри з 12 неможливо реалізувати через обмеження по light count на мобільній платформі. Після коригування clean storyboard зайняв 5 днів замість запланованих 7. Production storyboard включав 72 кадри, а camera notes дозволили налаштувати Cinemachine за 2 дні.

Строки

Тип розкадровки Хронометраж сцени Строк
Animatic storyboard 30–60 сек 2–4 дні
Production storyboard 30–60 сек 4–7 днів
Production storyboard 2–5 хвилин 2–3 тижні
Повний пакет (storyboard + animatic + camera notes) 2–5 хвилин 3–5 тижнів

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

Що входить в роботу

  • Розкадровка в цифровому форматі (PDF/PNG/PSD)
  • Анотовані кадри з технічною розміткою
  • Camera notes для налаштування Cinemachine або аналогічних систем
  • Color key для світлового контролю
  • Консультація з вашою командою щодо обмежень рушія
  • Одна ітерація правок за зворотним зв'язком

Наша команда має понад 7 років досвіду в геймдеві та розробила розкадровки для більш ніж 50 проєктів — від мобільних ігор до PC-ексклюзивів. Сертифіковані спеціалісти з Unity та Unreal Engine гарантують, що розкадровка буде реалізована у вашому стеку.