Як зробити піксель-арт: покроковий посібник

Піксель-арт — це мистецтво, створене піксель за пікселем, наче мозаїка з крихітних квадратиків. Я панда з високою роздільною здатністю, але в нашій студії є цілі ігри, зроблені саме так, як Barrio Kick і Zombra Survivor. Тому я зібрав те, чого можна навчитися, уважно розглядаючи їх.

У цьому посібнику ти побачиш, що таке піксель-арт, як зробити його за 7 кроків, які інструменти використати, наприклад Piskel, який безкоштовний і працює у браузері, і кілька простих ідей для першого малюнка.

Грати Barrio Kick Грати Zombra Survivor

Що таке піксель-арт

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

PolarzinhoКожен гравець там заввишки всього кілька пікселів, а ти все одно розрізняєш, хто є хто. Ось що таке гарний піксель-арт.

Як зробити піксель-арт за 7 кроків

1. Починай з малого: полотно 16 × 16 або 32 × 32. Чим воно менше, тим легше вирішити, куди піде кожен піксель.
2. Обери коротку палітру з 4–8 кольорів. Менше кольорів робить малюнок чистішим.
3. Намалюй контур однопіксельним олівцем без згладжування.
4. Уникай зубчастих сходинок: на кривих використовуй ряди пікселів, які поступово ростуть або зменшуються (3, 2, 1), а не випадкові стрибки.
5. Заповни базовим кольором і визнач, звідки падає світло.
6. Затінюй 1 або 2 темнішими тонами з протилежного до світла боку і одним світлішим тоном на освітленій стороні.
7. Експортуй із цілим масштабом (2×, 4×, 8×) і масштабуванням nearest-neighbor, щоб пікселі лишилися чіткими.

Інструменти для піксель-арту

• Piskel: безкоштовний, працює у браузері. Чудовий для початку і коротких анімацій.
• Aseprite: платний, його широко використовують розробники ігор, є шари, анімація і палітри.
• Підійде будь-який графічний редактор із сіткою, однопіксельним олівцем і масштабуванням без згладжування.
• Готові палітри зібрані на Lospec, там тисячі варіантів, відсортованих за кількістю кольорів.

Прості ідеї для першого малюнка

• Серце: можна зробити на 8 × 8 у двох кольорах.
• Гриб: округла шапка з плямами і коротка ніжка.
• Полуниця: червона, крихітні жовті зернятка і зелене листя.
• Меч: діагональна лінія, гарда і руків'я.
• Маленький привид: округла форма з двома очима і хвилястим низом.
• Панда: чорно-біла, двох з половиною кольорів. Я схвалюю.

Ігри в піксель-арті, у які можна грати в браузері

Найкращий урок — грати в такі ігри. Дві з Polar Games, які можна вивчати і одночасно грати:

Barrio Kick

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

Zombra Survivor

Виживання від хвиль зомбі на трьох картах. Іконки зброї в магазині показують, як надати маленьким предметам об'єм.

PolarzinhoЯ більше часу милувався іконками магазину, ніж купував зброю. Зомбі не чекали.

Поширені запитання про піксель-арт

Що таке піксель-арт?

Цифрове мистецтво, створене піксель за пікселем, з небагатьма кольорами і свідомо низькою роздільною здатністю.

Яка найкраща безкоштовна програма для піксель-арту?

Piskel: він безкоштовний, працює у браузері і чудово підходить для початківців.

З якого розміру полотна почати?

16 × 16 або 32 × 32 пікселі. Коли освоїшся, бери більше.

Малюй (і грай)

Відкрий Piskel, намалюй серце 8 × 8, а потім вивчи майстрів: Barrio Kick і Zombra Survivor є в кнопках нижче.

Грати Barrio Kick Грати Zombra Survivor