Где используют пиксель-арт и как его создавать

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

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

Сегодня пиксель-арт является настолько популярным, что стал самостоятельной формой цифрового искусства.
Пример пиксель-арта (известный персонаж Пикачу)

История возникновения пиксель-арта 

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

Развитие данного направления произошло в 1985 году, когда компания Nintendo выпустила игру Super Mario. В отличие от Pong, рисунок по пикселям стал сложнее. Художники использовали все 256 доступных цветов, но скрыть резкие переходы и отдельные квадраты в то время еще было невозможно. Именно огромная популярность Super Mario способствовала развитию эстетики пиксельного изображения. 

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

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

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

В каких областях рисуют пикселями:

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

Сфера рисования по пикселям не ограничивается только этими направлениями. В стилистике пиксель-арта можно реализовать практически любой графический элемент.

Примеры использования пиксель-арта 

Стоит разобрать несколько примеров, в которых дизайнеры выбрали именно такую графику. Один из них — ITC Avant Garde Gothic. Художник создал логотип и уникальные шрифты из пикселей.
Это простой вариант пиксель арта, нарисовать который сможет любой человек, знакомый с основами данного стиля и инструментарием.

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

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

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

• Pixel Art Maker — бесплатный онлайн-редактор с простым интерфейсом для новичков, которые только учатся, как рисовать арты;
• Piskel — еще один онлайн-редактор не отличающийся по функционалу от Pixel Art Maker. Готовую работу можно экспортировать в форматах PNG (для статичных изображений) или GIF (для анимаций);
• GraphicsGale — удобное приложение для пиксель арта с большим выбором инструментов для работы с графикой и инструментами, чем онлайн-сервисы. К примеру, разработчики добавили в него функции для стирания цветов, проверки оттенков и т.д;
• Aseprite — профессиональный редактор для художников. Чтобы создавать пиксель арты в приложении, нужно оплатить лицензию за $19,99. У программы есть пробная версия, но в ней нельзя сохранять изображения;
• Photoshop — это уникальное приложение, которое подходит практически для любых проектов, связанных с фото, графикой и digital-искусством. Преимущество программы — возможность не рисовать пиксель арт с нуля, а создать его из обычного изображения. Для этого нужно загрузить картинку и с помощью фильтров проявить пиксели. Художнику останется только дорисовать пиксели, чтобы сгладить острые линии.

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

Создавая изображения в стиле пиксель-арта, важно придерживаться 2 советов:

1. Соблюдайте различимость пикселей - эстетика данного стиля заключается в том, что человек видит квадраты как при первом взгляде, так и при увеличении. Поэтому чтобы сделать пиксель арт, не стоит делать квадраты слишком мелкими в погоне за плавностью линий;

2. Используйте ограниченную палитру - раньше художники могли рисовать пиксели только с 256 цветами, однако современные программы используют больше оттенков. При этом пользователи намного быстрее считывают изображение, которое ограничено в цветовой палитре.

В целом же, пиксельное искусство — художественное направление с низким порогом входа. Чтобы начать рисовать пиксель арты, достаточно взять карандаш и лист бумаги, разделенный на клетки. Закрасьте часть квадратов для выделения линий объекта — и первое изображение готово.

Если же говорить о компьютерной графике, то есть 2 способа создать пиксель-арт:

1. Рисование с нуля - в таком случае художник самостоятельно закрашивает клетку за клеткой;

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

Мы рекомендуем рисовать именно с нуля. Так вы научитесь создавать плавные линии, переходы цвета и т.д. Новичкам стоит начинать с бесплатных онлайн-редакторов, например, Pixel Art Maker. В отличие от Photoshop, функционал таких инструментов ориентирован именно на пиксель-арт, так что вам не придется тратить много времени на изучение лишних возможностей.

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

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

Вторая сложность — выбор цветов. Учитывайте, что в пиксель-арте крайне важно делать плавные градиенты. Перед первым рисунком освежите теорию цвета. Посмотрите на палитру. Чем оттенки дальше расположены друг от друга, тем они контрастнее. Активно используйте полутона при переходе от одного цвета к другому, особенно при рисовании теней. Тогда изображение станет более плавным и приятным глазу.

Обычно пиксельные изображения сохраняют в формате PNG. Вы можете также использовать JPG, но в таком случае сильно пострадает качество.

Коротко о главном 

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