Восьмибитная графика — это не ностальгия, а дисциплина. Мало памяти, мало цветов, мало точек: каждый пиксель приходится ставить осознанно. Здесь — как это устроено, и инструменты, чтобы попробовать прямо сейчас.
Художники NES не выбирали минимализм — им его выдали вместе с железом. Ограничения оказались настолько удачными, что их до сих пор воспроизводят добровольно.
Экран собирался из крошечных плиток. Фон — сетка тайлов, персонаж — несколько спрайтов, склеенных вместе. Отсюда характерная «квадратность» всей эпохи.
Один из четырёх — прозрачность. То есть на героя фактически оставалось три оттенка: тень, база, свет. Всё остальное — иллюзия, созданная формой.
На 16 пикселях лицо не читается. Читается поза, контур, пропорция головы к телу. Если персонаж узнаётся чёрным пятном — он нарисован верно.
Аппаратная палитра NES: 54 различимых цвета, зашитых в микросхему. Не RGB-выбор, а фиксированный набор — нажмите на любой квадрат, чтобы скопировать HEX.
↑ Никаких плавных градиентов: между соседними оттенками — заметные ступени. Именно поэтому дизеринг стал главной техникой эпохи.
Три инструмента, которые работают прямо в браузере — без загрузок и регистрации.
Рисуйте мышью или пальцем. Правая кнопка — стирание. Готовый спрайт выгружается в PNG ×16.
Сетка — 256 пикселей. Столько же было у героя в среднем платформере 1988 года.
Симметричный шум + автоконтур = бесконечный бестиарий. Так делали заполнение уровней, когда рисовать вручную было некогда.
Как получить полутон, когда цветов всего четыре: чередование точек по матрице Байера обманывает глаз лучше, чем лишний оттенок.
Слева — четыре цвета, разложенные шахматкой. Отойдите от экрана на пару шагов: полосы исчезнут, останется градиент.
Правила, которые отличают пиксель-арт от уменьшенной фотографии.
Тень — не тот же цвет потемнее. Уводите её в холодный синий, а свет — в тёплый жёлтый. Два пикселя, и плоское пятно становится объёмом.
Одинокие точки цвета читаются как грязь. Собирайте пиксели в группы по 2–4: линия должна идти ровными «лесенками», без случайных зазубрин.
Сглаживание ставится вручную — по одному промежуточному пикселю во внутренний угол лесенки. Автоматика замылит и убьёт чёткость.
Тёмная обводка отделяет героя от фона. Селективный контур — когда снизу он темнее, а сверху растворяется — добавляет свет, не тратя цвет.
Ходьба: контакт, проход, подъём, опускание. Больше кадров не нужно — важнее, чтобы силуэт менялся заметно на каждом.
Масштабируйте только ×2, ×3, ×4 и только методом «ближайший сосед». Дробный масштаб превращает аккуратную сетку в кашу.
У каждой машины был свой характер — и он до сих пор угадывается в работах, которые ей подражают.