Піксельна графіка – це різновид цифрового мистецтва, що виник як потреба відображати зображення в обмеженому обсязі пам’яті комп’ютерів та ігрових консолей з 8- або 16-бітною архітектурою.
Процес створення піксельної графіки іноді називають “спрайтінгом”, від терміну “спрайт”. У комп’ютерній графіці “спрайт” – це двовимірне растрове зображення, що вбудовується в більшу сцену, часто у відеоіграх.
Бажаєте створювати власну піксельну графіку? Ось ключові моменти, які допоможуть вам розпочати.
Всупереч поширеній думці, якість мистецтва залежить від вашої майстерності, а не від потужного або дорогого програмного забезпечення. Вибір програми – це питання особистих вподобань. Для Android чи iPhone є велика кількість чудових додатків, які допоможуть вам розпочати, а користувачі Windows можуть використовувати навіть простий Microsoft Paint.
Хоча ваш талант визначає красу піксельної графіки, а не програма, в якій ви її створюєте, зручна та зрозуміла програма – це безумовна перевага. Aseprite – чудовий інструмент для малювання піксельної графіки, що надає всі необхідні можливості для успішної творчості.
Для створення піксельної графіки вам знадобляться наступні базові інструменти (перевірте, чи є вони у вашій програмі):
- Олівець: основний інструмент для малювання, що створює піксель за пікселем.
- Гумка: видаляє або стирає намальовані пікселі.
- Піпетка: копіює колір обраного пікселя для подальшого використання.
- Заливка: заповнює пусту область суцільним кольором.
Інші корисні інструменти – виділення, лінії, перефарбування та обертання. Вони не обов’язкові, оскільки тих же ефектів можна досягти, використовуючи основні інструменти.
Варто уникати пензлів, розмиття, градієнтів та інших автоматичних функцій, щоб мати контроль над кожним пікселем на полотні.
Для керування курсором підійде будь-який пристрій. Трекпад або миша забезпечують точність, а графічний планшет дозволяє краще контролювати довгі штрихи.
Який розмір повинен мати ваш спрайт чи полотно?
Немає єдиної правильної відповіді щодо розміру спрайту. Однак найпоширеніші розміри кратні восьми у степені двох (наприклад, 8×8, 16×16, 32×32 тощо), оскільки старі комп’ютери не могли коректно відображати інші розміри.
Рекомендуємо починати з малих розмірів, щоб швидко освоїти основи. Піксельна графіка виникла через те, що художники прагнули максимально ефективно використовувати кожен піксель та колір, адже можливості апаратного забезпечення були обмежені.
Обмеження змушують бути креативними. Зосередьтеся на максимальному використанні простору крихітного спрайту, а потім переходьте до більших розмірів для деталізації.
Розмір полотна також важливий, якщо ви хочете розмістити персонажа в сцені. Подумайте про співвідношення розміру вашого спрайту та іншої частини екрана. Наскільки великим чи маленьким ви хочете бачити свого персонажа у світі, в якому він перебуває?
Розробникам ігор варто пам’ятати, що більшість сучасних моніторів мають співвідношення сторін 16:9. Тобто на кожні 16 пікселів ширини припадає 9 пікселів висоти.
Незалежно від вибраної роздільної здатності, ви зазвичай працюватимете з меншим розміром полотна, а потім збільшите його до потрібної роздільної здатності.
При масштабуванні піксельного зображення використовуйте лише цілі числа, інакше зображення може спотворитися. Переконайтеся, що всі розрахунки вірні, перед тим, як почати створювати піксельну графіку.
Наприклад, для роздільної здатності 1080p можна працювати на полотні 384 × 216, а потім збільшити його на 500 відсотків.
Масштабування потрібно робити в самому кінці. Не збільшуйте масштаб, а потім продовжуйте малювати інструментом “Олівець” з одним пікселем, оскільки це призведе до різного співвідношення пікселів, що не матиме естетичного вигляду.
Процес спрайтінгу
Отже, ваше полотно відкрите – що далі? Як і у будь-якому іншому виді мистецтва, можливості безмежні, і немає єдиного правильного способу.
Щоб надати вам відправну точку, ось покрокова інструкція, з чого можна почати. Ви можете слідувати їй точно, пропускати деякі кроки або додавати свої.
1. Почніть з грубого ескізу
Почніть створювати спрайт за допомогою інструмента “Олівець”, малюючи так, як ви малювали б на папері. Не намагайтеся зробити все ідеально.
Який би безлад ви не зробили, ви потім його виправите. На цьому етапі головне – втілити вашу ідею та композицію на полотні.
2. Очистіть лінійний малюнок
Настав час зробити все трохи охайнішим. Згладьте ваші шорсткі лінії, приберіть зайві пікселі.
Окремі пікселі або їх групи, що вибиваються з лінії, називають “зубцями”. Їх слід уникати.
Часто проблема полягає в тому, що відрізок лінії занадто довгий або занадто короткий, що створює нерівність. Використовуйте рівномірну довжину пікселів для плавного переходу на кривих, і уникайте оточення маленької групи пікселів більшою.
Неможливо повністю уникнути нерівностей (якщо ваше зображення не складається з простих фігур), але ви повинні звести їх до мінімуму.
3. Використайте кольори
Настав час використовувати інструмент “Заливка” та розфарбувати контур спрайту.
Рекомендується використовувати обмежену колірну палітру. Раніше розмір спрайту часто визначав кількість кольорів у палітрі. Наприклад, для спрайту 16×16 художник мав 16 кольорів. На щастя, технології розвинулися, і це обмеження вже неактуальне.
Хороша палітра має різні відтінки, що доповнюють один одного, різну насиченість і поєднує світлі та темні кольори. Скласти власну палітру може бути складно, якщо ви не знайомі з теорією кольорів.
Якщо ви хочете скористатися готовою палітрою, на сайті Lospec є велика база даних готових колірних палітр.
4. Додайте деталі, відблиски та тіні
Це найцікавіша частина! Саме тут ваше мистецтво оживає. Тепер, коли у нас є основна форма, можна додати деталі, щоб створити ілюзію об’єму.
Визначте джерело світла і почніть затінювати ті частини, що знаходяться далі від нього, темнішим кольором. Відблиски розмістіть у місцях, на які безпосередньо потрапляє світло.
Ви можете залишити контур чорним або зробити його кольоровим, залежно від вашого стилю та вподобань.
5. Збережіть своє мистецтво
Настав час зберегти роботу. Збільште її до потрібного розміру і виберіть формат файлу. Якщо ваше зображення статичне, зберігайте його у форматі PNG. Якщо є анімація, виберіть GIF. Обидва формати підтримують суцільні кольори та прозорість.
Уникайте формату JPEG, якщо ви не знаєте, як він працює, оскільки це формат файлів зі стисненням, призначений для цифрових фотографій та інших зображень з плавними градієнтами.
Піксельна графіка: легко навчитися, важко досягти майстерності
Піксельна графіка відрізняється від цифрового малювання через обмеження, що накладає її сітчаста структура. Проте, вона використовує багато тих же принципів, тому художники та інші митці можуть досить швидко освоїти її. З постійною практикою кожен може досягти успіху в піксельному мистецтві.