Створення 2D-спрайтів для гри
Для створення прибуткової гри не обов’язково потрібно використовувати 3D і передову графіку. Та й сама тривимірність не потрібна – половина топових ігор з AppStore працюють у 2D. Також у 2D простіше зробити ігрову механіку, що затягує, і збалансувати її для гравців.
У 2D-іграх найкраще використовувати спрайти: двомірні плоскі зображення. Вони дешевші у виробництві, не навантажують пристрій і завжди зображують об’єкти під найкращим кутом. Розповідаємо про секрети відтворення крутих спрайтів, якими ми користуємося для створення 2D-графіки.
Коротко про спрайти
Спрайт – це растрове статичне зображення, яке гравець завжди бачить під одним кутом. Іншими словами, це просто картинка. У 90-х спрайти застосовували скрізь: у 2D-платформерах, стратегіях, перших 3D-шутерах, гоночних і футбольних симуляторах.
Зараз спрайти використовують для відображення масовки на задньому плані, рослинності та віддалених об’єктів. Ще за допомогою спрайтів роблять більшу частину спецефектів, наприклад, вибухи або систему частинок. Так, іскри, сніжинки і краплі дощу, що падають, у сучасних іграх – це спрайти.
Розробники ігор анімують спрайти двома способами:
роблять покадрову анімацію та об’єднують усі кадри в спеціальні атласи;
створюють об’єкт із кількох спрайтів і анімують їх окремо.
Секрет №1 – спочатку зробити палітру
Палітра – це набір із 3 і більше гармонійних кольорів. Художники роблять палітри для всього: персонажів, об’єктів, оточення і внутрішньоігрових меню. Секрет у тому, що з добре підібраною палітрою все має красивіший вигляд. Тому художники, фотографи та режисери дбають про правильну кольорокорекцію та кольори.
Для створення палітри 2D-художники не вибирають випадкові кольори з 65 мільйонів доступних. Вони знаходять яскраві фотографії та за допомогою спеціальних сервісів “витягують” з них найбільш використовувані кольори. Далі вони або використовують отриману палітру, або перекривають її іншим кольором, щоб звести палітру до однієї гами. Такий прийом підходить для малювання оточення та об’єктів, щоб усі елементи підходили один одному за кольором.
Секрет №2 – малювати спрайти у великій роздільній здатності
Спрайти для мобільних ігор зазвичай маленького розміру – до 256х256 пікселів. Для комп’ютерних і консольних ігор потрібні великі спрайти, аж до роздільної здатності FullHD.
Художники зазвичай малюють спрайти з роздільною здатністю в кілька разів більшою, ніж буде використано в грі. Так їм простіше деталізувати малюнок і додати йому деталей, які матимуть гарний вигляд у маленькому масштабі.
Секрет №3 – малювати спрайти з чіткими контурами
У Photoshop та інших інструментах для малювання є вбудована функція анти аліасингу. Під час зміни роздільної здатності та збереження зображення вона змішує кольори сусідніх пікселів, щоб згладити колірні переходи. Через це краї спрайта стають мішаниною із сірих напівпрозорих пікселів, які мають поганий вигляд у грі.
Щоб цього не сталося, художники спочатку приводять зображення спрайта до потрібної роздільної здатності. Потім виділяють зображення на тлі та заливають контури суцільним чорним кольором. А потім видаляють зайві пікселі, щоб контур не виглядав занадто жирним. Такий спрайт виділяється на тлі, навіть якщо збігається з ним за кольором.
Деякі художники не люблять використовувати контури. Щоб спрайти не зливалися з оточенням, вони використовують контрастні кольорові палітри. Або створюють для спрайтів довгі красиві анімації, завдяки яким спрайт вибивається зі статичного оточення.
Секрет №4 – намалювати багато начерків
Ідеальний спрайт повинен мати чіткий силует, що запам’ятовується. Щоб домогтися такого ефекту, художники малюють десятки начерків, поки не прийдуть до ідеального варіанту. Малюють зазвичай на папері, бо так швидше.
Робота починається з простих фігур: квадратів, кіл і трикутників. Художники намагаються використовувати для кожного персонажа свій набір примітивів, щоб його силует відрізнявся від інших спрайтів. Спочатку художники роблять первинні чорно-білі скетчі. За ними можна оцінити силует і основні риси персонажа або об’єкта.
Далі художники працюють із кольором – створюють палітру, розфарбовують найкращі скетчі та додають деталі. У підсумку, отримують фінальний варіант спрайта і багато скетчів, які можна використовувати в майбутньому.
Секрет №5 – починати відтворення персонажа зі скелета
Художники-початківці намагаються намалювати персонажа з одного заходу: одразу зробити позу, волосся та одяг. Якщо у персонажа складніший силует, ніж у Пікачу, то художник витратить на відтворення багато часу.
Досвідчені художники починають малювати зі скелета. Спочатку розміщують основні точки для голови, торсу, кистей рук і стоп. Потім з’єднують ці точки лініями, щоб з такого “скелета” читалася поза і пропорції тіла. Далі художник додає деталей і створює чорно-білий спрайт у потрібній позі.
За допомогою скелета можна легко встановити пропорції тіла і використовувати їх для відтворення додаткових спрайтів для анімування персонажа. Також відмальовування скелета полегшує анімацію складних об’єктів: техніки, тварин і всяких монстрів.
Секрет №6 – із чорно-білого спрайта можна отримати багато кольорових
Коли художник намалював чорно-білий варіант спрайта, він може пофарбувати його двома способами:
- одразу зафарбовувати потрібні частини, а потім освітлювати і затемнювати потрібні місця для додання об’єму;
- освітлити і затемнити чорно-білий спрайт, а потім накласти на нього пофарбований шар.
Другий спосіб кращий, оскільки дає змогу швидко змінити колірну гамму і палітру готового спрайта. Для цього художник відмальовує спрайт у чорно-білих тонах. Далі він створює окремий шар для кольору і малює по ньому кольорами з палітри. Потім художник робить кольоровий шар напівпрозорим – і спрайт одразу стає об’ємним.
Щоб змінити кольори такого спрайта, потрібно пофарбувати кольоровий шар. Це швидше, ніж перефарбовувати готовий спрайт і знову гратися з півтонами.
Секрет №7 – для анімування потрібно спочатку намалювати ключові кадри
Для анімації спрайтів часто використовують покадрову анімацію та атлас спрайтів. Аніматор вказує, в який момент рушій має змінити стандартний спрайт персонажа на перший кадр анімації бігу або стрибка. Такий підхід чудово працює під час використання піксель-арту, як в іграх Metal Slug, Shovel Knight або Blasphemous.
Щоб зробити хорошу і плавну анімацію, художник повинен почати з ключових кадрів, а не з першого кадру руху. Ключовий кадр – це найвиразніший момент усієї анімації. Наприклад, для стрибка це буде момент, коли персонаж перебуває на піковій точці стрибка. Для удару це буде момент, коли движок зарахує удар по ворогу.
Художник використовує раніше створені скелети, щоб зберегти пропорції персонажа. Після відтворення ключових кадрів він разом із гейм-дизайнером прораховує, скільки кадрів має пройти до досягнення ключового кадру. А потім художник малює проміжні кадри, які плавно “переводять” персонажа з основного спрайта до ключового кадру, і знову до основного спрайта.
Секрет №8 – ротоскопування
Ротоскопування – це відмальовування контурів реальних об’єктів. Ротоскопіювати можна фотографії, 3D-рендери та паперові скетчі. Скелети і референси це добре, але за допомогою ротоскопії виходять найреалістичніші анімації і спрайти.
Наприклад, для анімування ігор Flashback, Mortal Kombat і Prince of Persia розробники знімали на відео реальних акторів, а потім покадрово перемальовували відео у спрайти. Без ротоскопування не вийшло б зробити настільки живі та плавні анімації персонажів.
Також ротоскопування можна використовувати для відтворення й анімування другорядних спрайтів: бонусних зірочок і монеток, рухомих предметів, фонових спрайтів. Наприклад, можна приклеїти монетку до підставки, зробити кілька фото з різних кутів і на їхній основі зробити анімацію обертання монетки.
Для відтворення фонових спрайтів усе ще краще: художник може зібрати з частин реальних фотографій потрібну локацію, а потім намалювати стилізований спрайт. Такий спосіб швидший і дешевший, ніж якби художник малював замок з нуля.
Замовте відтворення спрайтів у студії Kreonit
У нас працюють найкращі 2D-художники та аніматори з великим досвідом роботи зі спрайтами. Ми впораємося з будь-яким обсягом завдань і зробимо якісні ілюстрації та спрайти для вашої гри.
