Как делать пиксель-арт

Делать пиксель-арт — значит осознанно работать в малом размере. Это руководство проведёт вас от выбора холста в PixiMelon до готового экспорта.

Выберите маленький холст осознанно

Пиксель-арт рисуют маленьким, а показывают большим. Начните с 32 × 32: достаточно крупно для персонажа, достаточно мелко, чтобы каждый пиксель имел значение. Опуститесь до 16 × 16 для иконок, где читаемость важнее деталей, или поднимитесь до 64 × 64 для портретов. Откройте его в редакторе пиксель-арта — позже размер можно сменить, и работа масштабируется вместе с холстом.

Освойте пять инструментов, остальные пока игнорируйте

Карандаш для всего. Shift держит прямые линии — секрет чистых краёв.
Ластик, чтобы вырезать формы обратно; Alt + клик убирает целый связный цвет.
Заливка для плашек, когда контуры закрыты.
Пипетка (I), чтобы брать точные цвета вместо гаданий.
Отмена (Ctrl/⌘ + Z) как самостоятельный инструмент рисования — рисуйте смело, откатывайте свободно.

Три стадии слайма в пиксель-арте: контур, плоские цвета, готовое затенение — Рисунок: сначала контур, затем плашки, затем затенение — порядок, который держит спрайты чистыми.

Рисуйте со слоями с самого начала

Набросок — на одном слое, чистый контур — на другом, цвета — ниже, затенение — сверху. Блокируйте готовые слои, чтобы случайные клики не могли им навредить, и тянитесь к Умножению для теней и к Экрану для свечений, прежде чем придумывать новые цвета. Копируйте и вставляйте целые слои через Ctrl/⌘ + C и V, когда нужны варианты.

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

Ограничьте палитру рано

Новички используют слишком много цветов; лечится это лимитом. Цельтесь в 4–8 цветов для первых спрайтов и позвольте редактору самому собирать использованные цвета в панель палитры. Руководство по палитрам объясняет количество, переходы и когда достаточно серого.

Экспортируйте под задачу

Спрайт для игры или картинка для веба? PNG сохраняет пиксели чёткими в родном размере; если нужно крупнее, увеличьте в целое число раз с выключенным сглаживанием. Иконка или логотип, которые должны масштабироваться всегда? SVG — настоящие векторные прямоугольники. Печать или портфолио? PDF. Сначала назовите проект; имя станет именем файла.

Частые вопросы

Какой размер выбрать для первого холста?

32 × 32. Достаточно крупно для персонажа, достаточно компактно, чтобы закончить. Увеличивайте, только когда дизайн перерастёт.

Сколько цветов нужно новичку?

От четырёх до восьми. Ограничения учат форме и контрасту быстрее любого учебника.

PNG, SVG или PDF?

PNG — для игр и веба, SVG — для логотипов, которые должны масштабироваться, PDF — для печати и портфолио.

Как исправлять ошибки, не начиная заново?

Отмена через Ctrl/⌘ + Z выручает далеко, а слои — ещё дальше: набросок, контур, цвета и затенение на отдельных слоях, блокируйте готовые, и ни один случайный клик им не навредит.

Как сохранять формы читаемыми в крошечных размерах?

Думайте сначала о силуэте, держите контраст высоким и судите на 100%: если читается мелко и от тёмного к светлому, прочитается везде.

Готовы рисовать? Откройте редактор пиксель-арта