Руководство

Как рисовать пиксель-арт: пошаговое руководство

Что такое пиксель-арт, как сделать первый рисунок за 7 шагов, бесплатные программы вроде Piskel и простые идеи для пиксель-арта. Объясняет Полярзиньо, панда в высоком разрешении.

Полярзиньо рисует на графическом планшете, а пиксельный персонаж выпрыгивает из экрана; рядом цветовая палитра

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

В этом гиде ты узнаешь, что такое пиксель-арт, как рисовать пиксель-арт за 7 шагов, какими программами пользоваться, например Piskel, бесплатной и работающей прямо в браузере, а также найдёшь простые идеи для пиксель-арта, чтобы нарисовать первый рисунок.

Играть Barrio Kick Играть Zombra Survivor

Что такое пиксель-арт

Это стиль цифрового искусства, в котором каждый пиксель поставлен намеренно. Он родился из ограничений первых видеоигр и компьютеров: у них было низкое разрешение и мало цветов. Сегодня это выбор стиля: многие инди-игры используют пиксель-арт, потому что он отлично выглядит, понятно читается и подходит быстрым играм.

Начало матча в Barrio Kick в пиксель-арте: игроки на грунтовом поле, счёт 0:0 и стена с граффити

PolarzinhoКаждый игрок там всего несколько пикселей ростом, и всё равно понятно, кто есть кто. Это и есть хороший пиксель-арт.

Barrio Kick: уличный футбол в пиксель-арте. Посмотри на стену с граффити и на публику.

Как рисовать пиксель-арт за 7 шагов

  1. Начни с малого: холст 16 × 16 или 32 × 32. Чем он меньше, тем проще решить, куда поставить каждый пиксель.
  2. Выбери короткую палитру из 4–8 цветов. Чем меньше цветов, тем чище рисунок.
  3. Нарисуй контур карандашом в 1 пиксель, без сглаживания.
  4. Избегай рваных ступенек: на изгибах используй линии из пикселей, которые постепенно увеличиваются или уменьшаются (3, 2, 1), а не случайные скачки.
  5. Залей основным цветом и реши, откуда идёт свет.
  6. Добавь тени: 1–2 более тёмных тона со стороны, противоположной свету, и один более светлый тон на освещённой стороне.
  7. Экспортируй с увеличением в целое число раз (2×, 4×, 8×) методом ближайшего соседа, чтобы пиксели остались чёткими.

Программы для пиксель-арта

  • Piskel: бесплатная, работает в браузере. Отлично подходит для старта и коротких анимаций.
  • Aseprite: платная, её широко используют разработчики игр; есть слои, анимация и палитры.
  • Подойдёт любой графический редактор, если в нём есть сетка, карандаш в 1 пиксель и масштаб без сглаживания.
  • За готовыми палитрами заглядывай на Lospec: там тысячи палитр, отсортированных по числу цветов.

Простые идеи для пиксель-арта: первый рисунок

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

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

Лучший урок — играть в игры с пиксель-артом. Две игры Polar Games, которые можно одновременно изучать и играть:

Barrio Kick

Уличный футбол пять на пять: пасы, навесы, подкаты и удары через себя. Обрати внимание, как у каждого игрока своя майка и свой цвет кожи, хотя пикселей совсем немного.

Zombra Survivor

Выживание среди волн зомби на трёх картах. Иконки оружия в магазине показывают, как придать объём маленьким предметам.

Магазин оружия в Zombra Survivor в пиксель-арте: иконки мачете, пистолета, дробовика и другого оружия с ценами

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

Магазин в Zombra Survivor, на португальском: каждое оружие — маленькая детальная иконка.

Вопросы о пиксель-арте

Что такое пиксель-арт?

Цифровое искусство, нарисованное пиксель за пикселем, с малым числом цветов и намеренно низким разрешением.

Какая лучшая бесплатная программа для пиксель-арта?

Piskel бесплатна, работает в браузере и отлично подходит новичкам.

С какого размера холста начать?

С 16 × 16 или 32 × 32 пикселей. Когда освоишься, переходи к большим.

Рисуй (и играй)

Открой Piskel, нарисуй сердце 8 × 8, а потом иди изучать профессионалов: Barrio Kick и Zombra Survivor ждут на кнопках ниже.

Играть Barrio Kick Играть Zombra Survivor