Рубріки: ОсновыТеория

Пиксельный арт для чайников

Мария Бердило

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

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

Содержание статьи:

1. Что такое пиксельный арт?

2. Отличительные черты пиксельной графики

3. История пиксельного арта

4. Классификация

5. Топ программ для работы с пиксель-артом

6. Что еще нужно для удобной работы?

7. Как рисовать пиксель-арт? Пошаговое руководство

8. Форматы файлов

9. Преимущества и недостатки пиксельного арта

10. Как правильно делиться пиксель-артом?

Что такое пиксельный арт?

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

Пиксельный арт изначально появился из необходимости. В начале 1970-х и 80-х годов все видеоигры создавались с низким разрешением в соответствии с развитием технологий. 

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

Автор Alberto

Отличительные черты пиксельной графики

Стиль пиксельного искусства строится на двух основных пунктах: ограниченная цветовая палитра и простые блочные фигуры.

Наиболее популярными примерами пиксельной графики являются ранние видеоигры. Вспомните такие видеоигры, как Mario Bros, Sonic the Hedgehog, Legend of Zelda или Pong все они являются яркими примерами первого использования пиксельного арта. В то время художники использовали всего несколько пикселей, чтобы обозначить лицо и одежду игрового персонажа. 

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

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

История пиксельного арта

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

Ранние годы | 1972 – 1983 годы

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

8-битная эра | 1983 – 1987 годы

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

16-битная эра | 1987 – 1993 годы

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

Медленное угасание пиксельного арта | 1993 2006 годы

По мере того как консоли вроде Playstation и Nintendo 64 усердно работали над продвижением концепции использования 3D-моделей, популярность пиксельного искусства начала постепенно падать. С этого момента пиксельная графика не сильно продвинулась вперед, поскольку большинство игр просто совершенствовали наработанное искусство. Существовало несколько компаний, которые отказывались использовать 3D, но, к сожалению, их поглотил рынок. 

Наши дни | 2006 Настоящее время

В настоящее время пиксельная графика в основном используется для портативных консолей и инди-игр в стиле «ретро». Несмотря на угасшую популярность, пиксельный арт все еще развивается, создавая игры, которые конкурируют и даже превосходят современные аналоги.

Больше про развитие искусства пиксельной графики можно узнать, посмотрев данный ролик, который более подробно рассказывает об истории пиксель-арта:

Классификация

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

Пример изометрического пиксельного арта. Автор Simon Page

Пример не изометрического пиксельного арта. Автор Simon Page

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

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

Paint

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

Piskel

Если же по какой-то причине вам не доступен Paint, а скачивать дополнительные программы вы не хотите, тогда обратите свое внимание на Piskel. Это удобный онлайн редактор пиксельной графики, который позволяет создавать искусство прямо в вашем браузере. Результаты собственного творчества можно без труда сохранить в PNG или GIF, а также сохранить непосредственно в браузере. 

GraphicsGale

GraphicsGale один из первых редакторов, который был создан специально для пиксельной графики. Детище японской компани HUMANBALANCE, которое вы можете установить совершенно бесплатно, но, к сожалению, только на Windows.

Aseprite

На сегодняшний день это хоть и платный, но самый популярный редактор, который используется для создания пиксельных артов. Он содержит множество полезных функций, необходимых для создания профессиональной пиксельной графики, а также доступен для Windows, Mac и Linux. 

GameMaker Studio 2

GameMaker Studio 2 отличный инструмент для создания игр, ориентированный на 2D, который включает в себя также удобный редактор, под названием Sprite Editor. Если вы создаете пиксельный арт для дальнейшего его использования в своих игр, то будет гораздо удобнее делать это все сразу же в одной программе. 

Photoshop

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

Что еще нужно для удобной работы?

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

Графический планшет

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

Суппорт запястья

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

Как рисовать пиксель-арт? Пошаговое руководство

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

Выбираем палитру

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

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

В целом, самыми распространенными палитрами являются палитры на 16 и 32 цвета. Вы можете использовать любую из них.

Палитра на 16 цветов 

Палитра на 32 цвета

Грубые контуры

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

Шаг 1. Создание пиксельного персонажа. Автор Derek Yu

Проработка контуров

Затем нужно очистить контур, удалив лишнее и уменьшив толщину каждой линии до одного пикселя.

Шаг 2. Проработка контуров

Но какие именно пиксели нужно удалить? Чтобы ответить на этот вопрос, нужно для начала разобраться какие пиксельные линии существуют. 

Типы пиксельных линий

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

В пиксельной графике считается, что линия получилась хорошей, если она имеет минимум зазубренностей (с англ. jaggy). К примеру, на изогнутых линиях зазубренности возникают, когда длина сегментов линии не увеличивается или не сокращается равномерно.

Пример прямой линии с зазубреностями. 

Пример хорошей кривой линии и линии с зазубренностью. 

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

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

Нанесение первых цветов

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

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

Шаг 3. Нанесение цветов 

Растушевка

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

Выборочное выделение

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

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

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

Кроме того, на этом этапе вы можете добавить еще один уровень более темной тени. К примеру, теперь на коже орка есть три оттенка зеленого.

Заключительные правки

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

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

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

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

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

Форматы файлов

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

Рекомендуемый формат файла без потерь для статической пиксельной графики PNG. Для анимации наиболее популярным форматом являются анимированные GIF.

Преимущества и недостатки пиксельного арта

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

Преимущества пиксельного арта

1. Вне времени

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

2. Глоток свежего воздуха

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

3. Сообщество единомышленников

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

Недостатки пиксельного арта

1. Трата времени 

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

2. Сложно выделиться 

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

Не нужно с первой же иллюстрации тратить все усилия на какие-то отличительные черты ваших работ. Постепенно развивайтесь и нарабатывайте свой уникальный стиль. 

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

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

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

 Публикация своего пиксельного искусства в социальных сетях отличный способ получить обратную связь и познакомиться с другими пиксельными художниками (не забудьте использовать хэштег #pixelart!). К сожалению, веб-сайты социальных сетей, как правило, конвертируют PNG в JPG. Поэтому перед загрузкой вашего первого пиксельного арта вам стоит позаботиться о том, чтобы сохранить четкость вашей работы. 

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

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

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

Останні статті

Обучение Power BI – какие онлайн курсы аналитики выбрать

Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…

13.01.2024

Work.ua назвал самые конкурентные вакансии в IТ за 2023 год

В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…

08.12.2023

Украинская IT-рекрутерка создала бесплатный трекер поиска работы

Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…

07.12.2023

Mate academy отправит работников в 10-дневный оплачиваемый отпуск

Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…

07.12.2023

Переписки, фото, история браузера: киевский программист зарабатывал на шпионаже

Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…

07.12.2023

Как вырасти до сеньйора? Девелопер создал популярную подборку на Github

IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…

07.12.2023