пройдите тест и узнайте,
какая дизайн-профессия подойдет именно вам

Что такое пиксель-арт и где он используется

Что такое пиксель-арт и где он используется
27 октября, 2024
11 мин

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

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

Пиксель-арт — это направление цифровой графики, в котором изображения создаются из видимых пикселей. Считается, что термин появился в 1972 году. Его использовал Ричард Шоуп — создатель графического редактора SuperPaint. В этом же году американская компания Atari выпустила видеоигру — симулятор настольного тенниса «Pong», которая стала прародителем стиля. 

пиксельная графика в старой игре
Графика в игре «Pong». Источник

Развитие пиксель-арта напрямую связано с эволюцией компьютерных технологий. В 1970-х мониторы имели очень низкое разрешение и отображали ограниченное количество цветов. Поэтому художники могли использовать только самые маленькие элементы растровой графики — пиксели.

Культовый шутер «Space Invaders», выпущенный в 1978 году, использовал 1-битную черно-белую графику. Чтобы добавить цветных персонажей, на экраны аркадных автоматах устанавливали пластиковые накладки.

пиксели в игре Spaсe Invaders
Кадр из игры «Space Invaders». Источник

Следующий этап в становлении пиксель-арта — с середина 1980-х по 1990-е годы. В это время появились более продвинутые игровые консоли, которые могли отображать больше цветов. Пиксельная графика стала яркой и детализированной, и мир получил такие легендарные игры, как «Super Mario Bros.», «Super Mario World» или «Sonic the Hedgehog». 

пиксельная графика в игре
Кадр из игры «Super Mario World». Источник

В 2000-х годах интерес к пиксель-арту начал снижаться. Появилась 3D-графика, и многие игры перешли к векторным изображениям. Но в 2010-е годы инди-разработчики подарили пиксель-арту вторую жизнь, и с тех пор пиксельная графика активно используется во многих проектах из-за выразительности стиля. А еще потому что людям нравится ностальгия по старым играм из детства.

Как выглядит современный пиксель-арт

Сегодня можно выделить два направления пиксель-арт проектов:

  • ретро-стиль, который копирует графику 1990-х годов и выглядит примерно так же, как 30 лет назад;
  • современный пиксель-арт, который развивает эстетику стиля и сочетает ее с новыми приемами и экспериментами.

Некоторые художники не относят современные проекты к каноничному пиксель-арту. Но техника рисования остается прежней, а новое видение –– это путь развития любого искусства. 

Выбор направления зависит только от предпочтений художника или замысла проекта. Например, в 2015 году вышла игра «Undertale», которая визуально воссоздает образ игры конца 80-х – начала 90-х годов. В ней используется ограниченное количество цветов, четкие границы и формы объектов и простой дизайн персонажей. 

современный пиксель-арт
Кадр из игры «Undertale». Источник

Инди-игра «Sword and sworcery» — пример того, как традиционный пиксельный стиль может быть использован в современном контексте для создания атмосферы. Графика игры построена на ограниченной, но в то же время контрастной и насыщенной цветовой палитре. А тонкие линии персонажей кардинально отличаются от привычных пиксельных образов.

пиксельная графика
Кадр из игры «Sword and sworcery». Источник

Сейчас можно выделить пять особенностей современного пиксель-арта. Разберем каждый на примере видеоигр:

Разнообразие размеров

Ранняя пиксельная графика была ограничена маленькими разрешениями, например, 16×16 или 32×32 пикселей, а современные работы могут быть значительно больше и сложнее.

пиксельные спрайты
Спрайты в стиле пиксель-арт размером 16×16. Источник

В игре «Hyper Light Drifter» присутствуют как крупные, так и мелкие пиксельные спрайты, а персонажи и окружение демонстрируют большую глубину и детализацию образов. 

пиксельная графика в компьютерной игре
Кадр из игры «Hyper Light Drifter». Источник

Широкая палитра

В отличие от 8-битных компьютеров и приставок, которые одновременно могли отображать до 30 цветов, современные устройства поддерживают миллионы разных оттенков, поэтому сейчас пиксель-художники используют насыщенные и разнообразные палитры.

цвета в пиксельной графике на примере
Графика в игре «Dead Cells». Источник

Совмещение стилей

Многие специалисты экспериментируют и смешивают пиксель-арт с другими направлениями и техниками, создавая уникальные комбинации.

пиксель-арт и эффект освещения
Игра «The Last Night» сочетает в себе пиксель-арт с эффектами освещения. Источник

Анимация

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

Пиксельная анимация
Анимация игры «Celeste». Источник

3D-графика

В некоторых пиксель-арт проектах используют 3D-пространство, чтобы добавить глубину и сложность изображениям, или наоборот рисуют 3D-объекты с пиксельными текстурами. Еще появилось отдельное направление в пиксельной графике — «воксель-арт», в котором объекты создаются из кубиков, а не плоских пикселей. 

Игра с пиксельной графикой
Пиксельные текстуры персонажей в «Minecraft». Источник

В каких проектах используется пиксель-арт

Пиксель-артисты востребованы в любых проектах, которые нужно исполнить в пиксельной графике, чтобы подчеркнуть игровую составляющую или сделать отсылку к видеоиграм. 

Геймдев

Большинство работ в пиксель-арте — игровые. К ним относятся инди-игры и мобильные приложения. Художники создают персонажей, фоны и текстуры, анимируют спрайты, создавая движения и действия для объектов.

Спрайты мобильной игры в пикселях
Спрайты мобильной игры «Foxbat Five». Источник

Иллюстрации

Пиксель-артисты создают статические и анимированные изображения или арт-проекты в пиксельном стиле. Такие работы заказывают разные бренды для коммуникации с клиентами и частные лица — для соцсетей или личной коллекции.

Иллюстрация в стиле пиксель-арт
Иллюстрация в стиле пиксель-арт для технического писателя. Источник

Анимация

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

UX/UI-дизайн

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

сайт в стиле пиксель-арт
Лендинг курса по копирайтингу в IT в стиле пиксель-арт. Источник

Дизайн товаров

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

одежда с пиксельным рисунком
Дизайн футболки в стиле пиксель-арт. Источник

Что нужно знать для работы с пиксель-артом

Пиксель-арт выглядит просто и лаконично, но на деле качественный рисунок требует мастерства и насмотренности.

Рисунок создается постепенно — пиксель за пикселем. 

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

Гайд по созданию пиксель-арт персонажей на канале Brandon James Greer

Пиксель-арт не имеет ограничений по цветам

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

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

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

Хорошая новость в том, что учиться рисовать и работать с пиксель-артом можно параллельно. Начинающий художник может быстро освоить технику создания простых пиксельных объектов, а потом развивать свое мастерство. 

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

Aseprite

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

программа для рисования пикселями Aseprite
Интерфейс Aseprite

Pixel Studio

Удобное приложение, которое можно использовать с компьютера, планшета и телефона. Инструментарий в целом совпадает с Aseprite, но интерфейс выглядит более современно.

программа для пиксельного рисования Pixel Studio
Интерфейс Pixel Studio

Adobe Photoshop

Выбор художников, которые хорошо освоили инструмент и используют его для других проектов. Работать с цветом здесь не так удобно, как в специализированных приложениях — сложно загружать и создавать свои палитры. Со всеми остальными задачами пиксель-арта Photoshop справляется отлично, плюс, не нужно изучать отдельную программу.

рисовать в стиле пиксель-арт можно и в фотошопе
Интерфейс Adobe Photoshop

Этапы создания простого объекта

Рассказываем, как рисовать простой объект, если вы хотите попробовать себя в качестве пиксель-артиста.

Нарисовать скетч будущего рисунка

Работа начинается с наброска, на котором нужно вписать объект в пространство целиком, не вырисовывая много деталей. 

Скетч пиксель-арта
Скетч пиксель-арта для технического писателя. Источник

Выбрать размер изображения

Далее нужно определить, какого размера будет объект. Классические размеры — 16х16, 32х32, 64х64 пикселя, а 128х128 — это уже большой рисунок.

Собрать палитру

Начинающему художнику стоит поискать готовую палитру и загрузить в графический редактор Aseprite или Pixel Studio. Это сильно упростит работу, потому что не нужно подбирать цвета в процессе рисования. 

пример палитры для рисования пиксельной графики

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

Начать с отдельных элементов

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

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

Экспериментировать

Не стоит ограничивать творческий процесс, если в проекте нет жестких условий — художнику полезно экспериментировать с палитрой и формами. 

Готовый пиксель-арт
Готовый пиксель-арт для технического писателя. Источник

Как учиться пиксель-арту

Рисовать в стиле пиксель-арт несложно, если вы уже умеете рисовать от руки, и особенно — если вы фанат видеоигр. Но несмотря на низкий порог входа, настоящих творцов и профессионалов в этом стиле не хватает. 

Чтобы освоить этот стиль, художники могут:

  • смотреть обучающие видео от опытных пиксель-артистов, например, на YouTube или Lospec;
  • играть в пиксельные видеоигры;
  • рисовать для себя — много и часто;
  • следить за пиксель-артистами с собственным, узнаваемым стилем на Behance, Dribble и других ресурсах, например, за а
  • вторами 6VCR, Waneella, Bruno Pixels и Norma2D;
  • участвовать в челленджах по пиксель-арту, например, Pixel Dailies, где можно получать задания на создание короткой анимации.

Новичкам сначала стоит попробовать:

  • освоить рисование от руки на базовом уровне;
  • создавать простые объекты, копируя работы других художников — в учебных целях;
  • пройти онлайн-курс по пиксель-арту или для начала — просто базовый курс по иллюстрации.

Пиксель-артисты востребованы в диджитал-среде и получают заказы не только от разработчиков, но и от частных клиентов. Это дает художникам большую свободу и возможность для развития собственного стиля.

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент