Размеры пиксель-арта: 16x16, 32x32, 64x64 и 128x128 (бесплатное руководство)

Пиксель-арт 16 на 16 — это сетка из 256 ячеек: 16 столбцов, 16 строк, один цвет на ячейку. Это число и есть техническое задание. Каждый поставленный вами знак — вычитание из фиксированного бюджета, а бюджет определён ещё до того, как вы начнёте рисовать.

Размер определяет детализацию ещё до того, как вы нарисуете первый пиксель. Сетка 16x16 не вмещает читаемое лицо. Сетка 64x64 не вмещает толпу. Это руководство охватывает четыре размера, на которые приходится большая часть работы над играми, иконками и обоями — 16x16, 32x32, 64x64 и 128x128, — с указанием числа ячеек, типичного применения, режима отказа и бюджета цвета для каждого. Оно также описывает два семейства сеток, которые обычно имеют в виду, говоря «сетка пиксель-арта»: блочные постройки в Minecraft, где единица — блок, а не пиксель, и электронные таблицы, где единица — ячейка.

Короткий ответ: размер = бюджет детализации

Размер сетки — это ограничение на число отдельных знаков. 16x16 даёт 256 ячеек. 32x32 — 1 024. 64x64 — 4 096. 128x128 — 16 384. Это весь бюджет, и он исчерпан уже к тому моменту, когда вы обозначили силуэт.

Следствие таково: детализация — не то, что вы добавляете в конце, а то, что сетка допускает с самого начала. Глаз стоит 2–6 ячеек при 16x16. Тот же глаз при 64x64 может позволить себе линию века, радужку, зрачок и один зеркальный блик — 20–40 ячеек. Та же деталь, другая цена, потому что сетка изменила знаменатель.

Заливка конкурирует со всем остальным. Тело персонажа при 16x16 съедает 60–120 ячеек сплошного цвета. Остаётся примерно 130 ячеек на контур, лицо, руки, предмет в руке и любую внутреннюю тень. Три отдельные внутренние формы этого не переживут. Две — переживут, если они соприкасаются.

16x16: персонажи и предметы

При 256 ячейках пиксель-арт 16x16 — наименьший размер, который всё ещё читается как персонаж, а не как символ. Ограничение — силуэт. Если внешний контур не опознаётся сам по себе, ничто внутри сетки это не исправит, потому что там нет места, чтобы объяснить, что это за форма.

Рабочий метод таков: сначала нарисуйте всё одним плоским цветом, затем прочитайте контур. Если нагрудник и рука сливаются в один комок, дело в позе, а не в палитре. Исправьте это на этапе сплошной заливки, где правка стоит восемь ячеек, а не полную перерисовку.

16x16 также естественно сочетается с тайлами. Набор тайлов повторяется, поэтому глаз перестаёт разглядывать отдельные ячейки и начинает читать узор и ритм. Это единственная ситуация, когда столь малая сетка — не компромисс.

Один объект, одна поза, одна идея на сетку: меч, зелье, монета, бочка, слизень, указатель, тайл стены, слот инвентаря. Плоские предметы с сильным контуром и одним акцентным цветом — идеальный вариант. Щит работает, потому что форма — это единая скруглённая пластина; как только вы добавляете ремень, умбон и обод как три отдельные внутренние формы, он перестаёт читаться.

Лица и текст. Глаз плюс рот — это 2–4 ячейки до всякой тени, и при таком размере рот читается как случайный пиксель, а не как выражение. Всё, что содержит две несоприкасающиеся внутренние формы, — например, зелье с линией стекла и линией жидкости, — сваливается в кляксу. Текст высотой менее примерно 5 ячеек нечитаем; используйте отдельный шрифт интерфейса вместо того, чтобы рисовать буквы в сетке.

32x32: игровые спрайты

32x32 — это 1 024 ячейки, и это размер, в котором рисуется большинство спрайтов для 2D-игр, потому что он вмещает читаемую позу, не требуя портрета. Вы можете отделить голову от туловища, вложить оружие в руку, показать, какая нога впереди, и у вас всё ещё останутся ячейки на двухтоновую тень на теле.

Число цветов, которое с ним сочетается: 12–16 цветов всего, включая контур. Рабочее распределение — один цвет контура, три или четыре шкалы по три ступени каждая (основа, тень, блик), один или два акцента и прозрачность. Двухтоновая тень означает, что цвет тела появляется как минимум дважды — один раз освещённым, один раз затенённым. Если каждый цвет палитры встречается ровно один раз, вы нарисовали шум, а не форму.

Ошибка: когда спрайт 32x32 выглядит неправильно, большинство добавляет цвет. Это ничего не исправляет, потому что причина почти всегда в силуэте — конечность, которая не отделяется от туловища, или голова ровно той же ширины, что и плечи. Перерисуйте контур сплошным чёрным и посмотрите на него. Если чёрная форма не опознаётся, никакая палитра её не спасёт.

64x64: иконки и портреты

64x64 — это 4 096 ячеек, и это первый размер в списке, где лицо является лицом, а не символом. Глаз теперь получает 8–20 ячеек: белок, радужку, зрачок, линию века и один зеркальный блик. Этот блик — причина, по которой портреты 64x64 работают, а портреты 32x32 — нет: при 32x32 нет ни одной лишней ячейки на него.

Что меняется при этом размере — так это то, какая часть рисунка несёт восприятие. При 16x16 его несёт контур. При 64x64 его несёт светотень. Теперь вы рисуете форму, поэтому вам нужны шкалы: 3–5 ступеней на материал, и каждый материал остаётся на своей шкале. Кожа, освещённая той же лампой, что и сталь, будет выглядеть согласованно только если шкала стали имеет более высокий контраст, чем шкала кожи. Металл читается как металл из-за перепада яркости, а не из-за оттенка.

Где он ломается: толпы. 64x64 — это один объект. Две фигуры, делящие сетку, получают примерно по 2 000 ячеек каждая, что возвращает проблемы 32x32 с худшей композицией. Держите 64x64 для одного объекта и тратьте оставшиеся ячейки на фон с намеренно низким контрастом, чтобы объект отделялся по яркости, а не по цвету.

128x128: обои и сцены

128x128 — это 16 384 ячейки. При этом размере отдельный спрайт перестаёт быть субъектом и становится одним объектом в композиции. Персонаж, занимающий треть холста, — это примерно 42x128, около 5 300 ячеек, а всё остальное в сетке — окружение: земля, небо, архитектура, реквизит.

Контринтуитивная часть в том, что большая сетка требует меньше цветов на объект, а не больше. При 16x16 вы можете потратить 12 цветов на одного персонажа, потому что все 12 выполняют структурную работу. При 128x128 шесть объектов по 12 цветов каждый — это 72 конкурирующих цвета, и глаз не может понять, что находится на переднем плане. Работа над сценой такого размера обычно держит каждый объект на шкале из 4–6 цветов и разделяет объекты по диапазону яркости — тёмный передний план, средний план, светлое небо, — а не по оттенку.

Механические настройки здесь важнее, чем при малых размерах. Рисуйте при 1x и увеличивайте до 2x или 3x, никогда не используйте плавное масштабирование. При экспорте для обоев увеличивайте только целыми числами — 2x, 3x, 4x. Увеличение в 2,5 раза даёт пиксели неровной ширины, и сетка перестаёт выглядеть намеренной.

Число цветов для каждого размера

Правило, которое удивляет людей: по мере роста сетки палитра на элемент обычно сокращается. Малые сетки вынуждают к повторному использованию — один цвет служит контуром, тенью и волосами, — и именно это повторное использование делает арт 16x16 цельным. Большие сетки соблазняют вас уникальным цветом для каждой поверхности, и в результате получается фотография с уменьшенным разрешением.

Важно не общее число палитры, а число цветов на элемент. Спрайт 32x32 с 16 записями палитры на 4 элемента целен. Сцена 128x128 с 24 записями всего может выглядеть богато, если эти записи распределены по яркости — тёмный, средний, светлый — и повторно используются для разных объектов.

Механическая причина в том, что пиксель-арт читается по соседнему контрасту. Две соседние ячейки, различающиеся по яркости, создают границу. Две соседние ячейки, различающиеся по оттенку, но совпадающие по яркости, создают кашу. Добавление цвета без добавления контраста яркости тратит слот палитры и не даёт читаемой формы; вот почему «выглядит плоско» — обычно проблема яркости, а не оттенка.

Пиксель-арт и сетки Minecraft

Пиксель-арт в Minecraft измеряется блоками, а не пикселями. Один блок — одна ячейка изображения. Спрайт 16x16 превращается в стену 16x16 блоков: 256 блоков — постройка, которую можно закончить за вечер. Тот же спрайт при 64x64 — это 4 096 блоков, а это уже проект иного рода с иным уровнем вложений.

Соответствие важно, потому что блок — не пиксель. Пиксель — это плоский цвет, который вы выбираете. Блок — это плоский цвет с запечённой текстурой и освещением: шерсть и бетон одного номинального цвета читаются по-разному на расстоянии, а пёстрые текстуры блоков добавляют шум, которого у пикселя никогда не было. Вот почему фотография требует большего числа блоков, чем рисунок: фотография несёт градиенты, а градиент стоит ячеек. При 32x32 лицо в блоках превращается в грязь; при 64x64 или 128x128 формы переживают шум текстуры.

Строительная сетка против художественной — это отдельное различие. Художественная сетка по определению плоская: одна ячейка, один цвет, без глубины. Строительная сетка трёхмерна: блоки можно ставить на любой высоте, и сетка появляется только там, где вы смотрите на плоскую плоскость. Это порождает решение, которого никогда не требует растровый редактор: что находится позади изображения. Фоновая стена из блока с низкой насыщенностью заставляет объект читаться; оставленное висеть в воздухе изображение, сквозь щели которого просвечивает рельеф, читается как повреждение.

Пиксель-арт в электронных таблицах и Google Таблицах

В электронной таблице одна ячейка — это один пиксель. Сетка — это то, что позволяет лист и на что вы готовы прокручивать. Изображение 32x32 — это 1 024 ячейки. Изображение 64x64 — 4 096. Изображение 128x128 — 16 384 ячейки: отобразить можно, но вводить вручную утомительно.

Условное форматирование — это палитра. Вы пишете правила, которые окрашивают ячейку в зависимости от её значения, затем вводите в каждую ячейку букву или число, чтобы выбрать цвет. Альтернатива — ручная заливка: её проще настроить, но она не оставляет способа перекрасить всё произведение, отредактировав одно правило. Если вы намерены дорабатывать арт, используйте правила. Если это разовая работа, заливка быстрее.

Путь через электронную таблицу действительно является правильным инструментом в двух случаях. Совместная работа: таблицы распространяются изначально, несколько человек могут редактировать одновременно, и есть история изменений — лучше, чем пересылать PNG туда-сюда. Сетки на основе данных: цвет ячейки можно вычислить по формуле, поэтому произведение может реагировать на число, чего не делает ни один растровый редактор. Для анимации это неподходящий инструмент. В таблице нет кадров, нет кальки и нет таймлайна. Анимация в таблице означает дублирование сетки и перестановку диапазонов, и примерно после двух кадров это медленнее любого специализированного редактора.

Бесплатные инструменты для каждого размера

Выбирайте по тому, что у вас уже есть, а не по списку функций. Если у вас есть фотография и нужен начальный силуэт, используйте конвертер. Если у вас чистый лист и фиксированный размер, используйте редактор. Если вы не знаете, что рисовать, используйте генератор. Все они создают сетку, которую можно продолжать редактировать в другом месте.

У каждого инструмента есть своя страница; этот раздел — лишь навигация.

Посмотрите мир 16x16 в 3D

Тайл 16x16 — это 256 ячеек, а в 3D-мире он становится текстурой. Текстуры такого размера остаются резкими только при правильной фильтрации. В терминах Three.js: установите для текстуры magFilter и minFilter в NearestFilter и отключите мипмапы для объектов, которые должны быть чёткими вблизи; оставьте мипмапы включёнными для дальнего рельефа, иначе сетка земли мерцает при движении камеры. Вот в чём компромисс на малом конце диапазона: фильтрация ближайшего соседа сохраняет пиксели читаемыми на двух метрах и вызывает алиасинг на пятидесяти.

The Cyclops' Island почти целиком работает на тайлах малой сетки: деревья, камни, береговая линия, реквизит и предметы, каждый нарисован в 16x16 или 32x32 и повторно используется по всей сцене. Mini World применяет тот же подход с меньшим следом на объект. Спрайты выходят из Agent Sprite Forge, упаковываются в атлас и размещаются как объекты в 3D-конструкторе игр, где письменное описание превращается в играбельную компоновку.

Выигрыш — арифметический, а не эстетический. При 16x16 вы теряете возможность нарисовать конкретное лицо и получаете тайл, который можете позволить себе повторять. 256 ячеек, умноженные на несколько десятков тайлов, — это уже место. 16 384 ячейки, умноженные на несколько десятков тайлов, — это проект, который никто не заканчивает. Когда вы смотрите на сцену ниже, смотрите на землю и реквизит, а не на небо: именно на земле видна сетка.

Войдите в мир, которому он принадлежит

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

FAQ