Збір та систематизація графічних референсів

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

Від імерсивних застосунків до ігрових світів і 3D-сцен

Наша виділена команда для VR/AR/MR-розробки, Unity-продакшну і 3D-моделювання та анімації — з власними кейсами і презентаціями.

Відвідати персоналізований сайт
Показано 1 з 1Усі 242 послуг
Збір та систематизація графічних референсів
Простий
~2 дні
Часті запитання

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

Які етапи розробки гри?

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

  • image_games_mortal_motors_495_0.webp
    Розробка гри для компанії Mortal Motors
    1421
  • image_games_a_turnbased_strategy_game_set_in_a_fantasy_setting_with_fire_and_sword_603_0.webp
    Покрокова стратегія у фентезі сеттингу With Fire And Sword
    954
  • image_games_second_team_604_0.webp
    Розробка ігри для компанії Second term
    577
  • image_games_phoenix_ii_606_0.webp
    3D-анімація – тизер для гри phoenix 2.
    637

Ми розробляємо системи збору та систематизації графічних референсів, щоб команда художників завжди бачила одну картинку світу. Не хаотичну папку, а робочий інструмент з анотаціями та версіями.

У середньому команда з 5 художників витрачає до 4 годин на тиждень на пошук «того самого» референсу. При передпродакшні в 3 місяці — це 48 годин чистої переробки. І це без урахування переробок через розсинхрон. Ми вирішуємо це через аудит, структурування та впровадження процесу. Наш досвід — 5+ років у геймдеві, 20+ проектів різного масштабу.

Чому погано організовані референси коштують часу

Конкретна ситуація: арт-директор знайшов правильний референс по освітленню, але не зафіксував його в загальній системі. Через три місяці текстурувальник робить набір асетів з іншим світловим характером — тому що референс був тільки в голові. Результат: переробка або компроміс, який розмиває стиль. За нашими оцінками, такі розбіжності збільшують час на полірування на 30%.

Інший сценарій: аутсорс-художник отримує бриф і просить додаткові референси. Команда витрачає дві години на пошук «того самого» скріншоту, який вже був зібраний, але ніде не лежить. Наші клієнти відзначають, що після систематизації такі запити перестають виникати — економія часу до 40%.

Як ми будуємо професійну референс-базу

Робота починається з аудиту того, що вже є. Випадкові папки, Pinterest-дошки, скріншоти в Slack — все це інвентаризується. Ми оцінюємо: що корисне, що застаріло, що суперечить обраному напрямку.

Структура категорій. Ієрархія не за типом джерела, а за використанням: освітлення, колір, матеріали, персонажі, оточення, UI, VFX, анімація. Це дозволяє знайти референс по задачі, а не по джерелу.

Анотації. Кожен референс забезпечується позначкою: що саме релевантне. Наприклад: «Використовуємо: характер тіні від листя, ігноруємо: стилістику персонажів». Без анотації художник може взяти неправильне з правильного референсу.

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

Для інструментів застосовуємо правило: PureRef — для візуального колажу, Notion або Confluence — для структурованого зберігання, Milanote — для віддалених дошок.

Інструмент Найкраще застосування Підтримка анотацій Пошук
PureRef Візуальний колаж, порівняння Ручні позначки Тільки по файлах
Notion/Confluence Структуроване зберігання, метадані Вбудовані блоки Повнотекстовий
Milanote Віддалені дошки, брейнштормінг Наклейки, текст По картках

Порівняння: PureRef для колажу в 3 рази швидший, ніж Notion, але програє в пошуку. Ми комбінуємо обидва підходи.

Як автоматизувати збір референсів?

Ми налаштовуємо пайплайни: бот у Slack або Notion API додає зображення до бази з тегами. Валідація проходить через арт-директора — він стверджує або відхиляє одним кліком. Це скорочує час на внесення референсу до 30 секунд.

Що таке якісний reference pack для аутсорсу?

Reference pack — офіційний документ, який передається підряднику. Він включає:

  • 10–20 ключових зображень з анотаціями по кожному елементу.
  • Кольорові палітри та приклади матеріалів.
  • Референси по світлу та атмосфері.
  • Вибрані приклади з ігор-аналогів із зазначенням, що саме релевантно.

Художник, який бачить проект вперше, повинен зрозуміти візуальний стиль тільки по цьому пакету. Ми створили такі пакети для 15 проектів — жоден аутсорс-художник не запросив доповнень.

Процес роботи

  1. Аудит поточних матеріалів (1–2 дні).
  2. Розробка структури категорій та правил анотування (2 дні).
  3. Перенесення та систематизація існуючих референсів в обраний інструмент (3–5 днів).
  4. Створення reference pack для аутсорсу (1 день).
  5. Навчання команди роботі з базою (півдня).
  6. Передача документації процесу та доступів.

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

  • Повний аудит існуючих референсів.
  • Розробка ієрархії категорій та правил анотацій.
  • Перенесення всіх референсів в обраний інструмент з анотаціями.
  • Створення самодостатнього reference pack для аутсорс-художників.
  • Навчання команди: воркшоп на 2 години.
  • Документація процесу та регламент додавання/валідації.
  • Підтримка протягом місяця: консультації, доопрацювання.

Строки

Первинний збір та систематизація для проекту в передпродакшні: 1–2 тижні. Аудит та реорганізація існуючої бази для проекту в продакшні: 5–7 днів. Впровадження процесу та навчання: додатково 2 дні.

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

Як гарантувати, що референс-база залишиться актуальною? Призначаємо відповідального за ревізію раз на місяць. Затверджуємо процес: будь-хто може запропонувати референс, але в основну базу він потрапляє тільки після погодження з арт-директором. Відхилені — в архів з тегом «чому ні». Це запобігає перетворенню бази на смітник. Гарантуємо, що пошук референсу займає не більше 30 секунд.

Якщо референс-хаос гальмує розробку — оцініть ваш проект. Ми підготуємо структуру за 3 дні. Зв'яжіться з нами — безкоштовно проаналізуємо поточний стан і запропонуємо план.

Як створюється концепт-арт персонажів: від брифу до фінального листа

Концепт-художник в ігровому проекті — не ілюстратор. Його завдання — приймати візуальні рішення, які потім відтворюватимуть три відділи: 3D-моделери, аніматори, технічні художники. Якщо концепт зроблений красиво, але не враховує реалізацію в рушії — команда втратить тижні на інтерпретацію намірів художника. З досвідом у 10+ років, 50+ ігрових проектах (від інді до AAA) та 5 років на ринку геймдеву ми вибудували концепт-арт pipeline так, щоб він давав відповіді, а не породжував запитання. Оцінимо ваш проект за 24 години і запропонуємо терміни від двох тижнів — запитайте консультацію в месенджері.

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

Чому починають із мудборду, а не з малюнка?

Мудборд — не колаж для натхнення. Це документ, що відповідає на конкретні запитання команди. Кольорова гама світу: тепла чи холодна, висока чи низька насиченість. Рівень стилізації фіксується: фотореалізм, semi-realistic, cartoon або pixel art. Читабельність силуетів персонажів перевіряється на дистанції. Ступінь деталізації текстур і LOD задається заздалегідь.

Ми збираємо мудборди в розділи: персонажі, оточення, UI, освітлення, колірна палітра. Кожен розділ — конкретні референси з анотаціями: «беремо форм-мову звідси», «освітлення як тут, але тепліше», «деталізацію текстур — як у цьому проекті». Інструменти: PureRef для збірки референсів на робочому столі (тримає колаж поверх інших вікон), Pinterest для збору, Figma для структурованих мудбордів з коментарями.

Що включає стайл-гайд?

Стайл-гайд — операційний документ для всієї команди, а не просто арт-бук. Він містить конкретні значення:

  • колірна палітра — не «загалом теплі тони», а HEX-коди або Pantone. Основна палітра (5–7 кольорів), акцентна (2–3 кольори), кольори небезпеки/інтерфейсу. Всі художники працюють з одними значеннями.
  • пропорції персонажів — модельні листи з позначеними співвідношеннями. Для стилізованих ігор критично: якщо один художник малює голову в 1/4 зросту, а інший — в 1/6, персонажі виглядають з різних всесвітів.
  • форм-мова — які форми характерні для світу. Агресивні гострі кути для ворогів, м'які округлі для союзників — класичний прийом, але він має бути явно зафіксований.
  • лінійний стиль — товщина контурних ліній, наявність/відсутність outlined стилю, варіації від плану.
  • приклади правильного та неправильного — конкретні приклади прийому та відхилення. Це знижує кількість ітерацій на рев'ю в 3–5 разів порівняно з роботою без гайда.

Як виглядає pipeline розробки концепту персонажа?

Стандартний процес від брифу до фінального концепту персонажа. Концепт-арт персонажів — одна з ключових компетенцій, ми гарантуємо чітку передачу даних 3D-відділу.

Крок 1: Бриф

Перед тим як художник відкриває Photoshop або Procreate — має бути дизайн-бриф. Мінімальний набір:

  • Роль персонажа в грі (protagonist, antagonist, NPC, enemy-type)
  • Приблизний клас/архетип (воїн, маг, торговець)
  • Контекст світу — сетинг, технологічний рівень, культурні впливи
  • Функціональні вимоги — якщо персонаж має читатися з 10 метрів на екрані телефона, це вимога до силуету
  • Технічні обмеження — polygon budget, кількість матеріалів, наявність LOD

Останній пункт багато концепт-художників пропускають. Результат — красивий концепт з 15 матеріалами та перовими деталями розміром 2 пікселі в реальній грі. Фіксація технічних лімітів у брифі економить 20–30% часу 3D-відділу.

Крок 2: Силуети

Перший етап — 8–12 чорно-білих силуетів. Жодних деталей, тільки форма. Швидко (5–10 хвилин на силует), вибирає напрямок без прив'язаності до конкретного варіанту. Читабельність силуету — головний критерій персонажного дизайну. Гравець у динаміці сприймає силует раніше деталей. Якщо силует воїна не відрізнити від лучника — проблема дизайну.

Крок 3: Деталізація вибраних варіантів

2–3 найкращих силуети опрацьовуються детальніше. Додаються основні форми та пропорції, ще без фінального рендеру. Клієнт бачить 2–3 напрямки і вибирає один. Інструменти: Procreate на iPad для швидкого формування, Photoshop для фінальної поліровки та material sheets.

Крок 4: Color pass

Вибраний варіант отримує кольорову схему. Робиться 2–3 кольорові варіації — корисно і для клієнтського вибору, і для майбутніх скінів персонажа.

Крок 5: Turnaround та material sheet

Фінальний концепт включає:

  • Turnaround — вид спереду, збоку, ззаду з сіткою пропорцій
  • Material sheet — розбивка на зони: шкіра, метал, тканина, магічний ефект
  • Detail sheet — крупні плани важливих елементів: обличчя, руки, унікальні деталі

Ці документи передаються 3D-художнику як технічні специфікації, а не як «натхнення». Завдяки такій деталізації час 3D-виробництва скорочується на 25–30% — це підтверджено нашими проектами (див. статтю Concept art у Wikipedia).

Як оточення та UI вписуються в єдиний візуальний стиль?

Для оточень концепт вирішує читабельність простору та атмосферу. Тонове рішення (розподіл світла й тіні) — первинне, деталі вторинні. Кожен environment concept має мати явний focal point. Якщо погляд блукає рівномірно — слабкий дизайн рівня. Color scripting: для сюжетної структури створюється послідовність кольорових рішень за актами. Теплий сільський рівень → холодне синє підземелля → тривожний червоно-оранжевий фінал. Це не випадковість, а наративний інструмент (детально описано в The Art of Game Design Дж. Шелла).

UI в іграх — окрема дисципліна. Ігровий інтерфейс має читатися в русі, при різному освітленні сцени, на різних роздільних здатностях. Ми робимо UI-концепти в Figma з явними станами: normal, hover, pressed, disabled, active.

Чи допомагає 3D-блокінг прискорити концепт?

Використання Blender для 3D-блокінгу перед фінальним малюнком — практика, яку ми впровадили кілька років тому. Вона знімає проблему перспективних помилок у складних ракурсах і економить до 15% часу на переробки. Наприклад, у проекті RPG з великою кількістю монстрів це дало змогу скоротити ітерації з 4 до 2 на одного персонажа.

Інструменти

Задача Інструмент
Швидкі скетчі та силуети Procreate (iPad)
Фінальний концепт-рендер Photoshop
Збірка референсів PureRef
Структуровані мудборди Figma
3D-блокінг для складних ракурсів Blender (базові форми як основа для малюнка)
UI-концепти Figma

Що входить до підсумкового концепт-пакету?

  • Концепт-арт персонажів, оточень, UI — від силуетів до фінальних turnaround
  • Стайл-гайд з палітрами, пропорціями, форм-мовою та прикладами
  • Color scripting для сюжетної послідовності рівнів
  • Material sheets та detail sheets для передачі 3D-відділу
  • Вихідники в PSD/Procreate з пошаровою структурою
Тип концепту Мета Ключова вимога
Персонажі Читабельність, унікальність, відповідність ролі Silhouette test, polygon budget
Оточення Атмосфера, навігація, narrative Focal point, color script
UI Юзабіліті, іконографіка, стани Responsive states, читабельність

Як концепт-арт персонажів скорочує час виробництва?

Хороший концепт-арт, виконаний з урахуванням технічних обмежень, скорочує час 3D-виробництва на 25–30% порівняно з роботою за розрізненими зображеннями. Ми перевірили це на 12 проектах: середній час на моделювання персонажа знизився з 40 до 28 робочих годин. Художник не інтерпретує — він відтворює. Використання стайл-гайду зменшує кількість правок у 3D-відділі в 3–5 разів. Поганий концепт — це постійні уточнення, переробки, «ну я думав, що малося на увазі».

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