Пиксель-арт - это мода в современных независимых видеоиграх. Это позволяет художнику придать игре много характера, не тратя бесчисленные часы на моделирование 3D-объектов или рисование сложных предметов. Если вы хотите стать художником по пикселям, первым делом создайте спрайт. Как только вы освоитесь с созданием спрайтов, вы можете начать анимировать и продавать свои навыки потенциальным работодателям.
Шаги
Часть 1 из 7: Сбор инструментов
Шаг 1. Загрузите хорошее программное обеспечение для редактирования изображений
Хотя вы можете создавать пиксель-арт с помощью Paint, вам будет сложно. Некоторые из самых популярных программ пиксельной графики включают в себя:
- Фотошоп
- Paint.net
- GIMP
- Pixen
- Асепрайт
- Pixilart
Шаг 2. Получите планшет для рисования
Если вы хотите отследить рисованное искусство или вам не нравится рисовать на экране с помощью мыши, вы можете использовать планшет и стилус. Wacom - один из самых популярных производителей планшетов.
Шаг 3. Включите сетку в вашем редакторе
Вы захотите включить режим сетки в любом программном обеспечении, которое вы выберете. Это позволит вам четко увидеть, куда пойдет каждый пиксель. Обычно доступ к представлению сетки можно получить из меню «Просмотр».
Скорее всего, вам потребуется настроить сетку так, чтобы каждый квадрат представлял один пиксель. Метод для этого варьируется от программы к программе. В GIMP это можно изменить в меню «Изображение» (выберите «Настроить сетку…»)
Шаг 4. Выбираем однопиксельный карандаш
Выберите инструмент «Карандаш» в вашем программном обеспечении для редактирования. В параметрах карандаша выберите однопиксельную кисть. Это позволит вам рисовать отдельными пикселями.
Часть 2 из 7: Практика основ
Шаг 1. Создайте новый образ
Поскольку вы собираетесь работать на уровне пикселей, размер изображения не должен быть большим. Весь экран в оригинальной игре Super Mario Bros. составляет всего 256 x 224 пикселей. Сам Марио всего 12 х 16 пикселей!
Шаг 2. Увеличьте масштаб
Поскольку вы собираетесь работать с отдельными пикселями, вам нужно очень сильно увеличить масштаб, чтобы видеть сетку и расположение каждого отдельного пикселя. Возможно, вам придется увеличить масштаб более чем на 800%, чтобы четко видеть пиксели в сетке.
Шаг 3. Потренируйтесь рисовать прямую линию
Это может показаться простой концепцией, но если линия смещена хотя бы на один пиксель посередине, это будет заметно. Практикуйтесь в рисовании прямых линий с помощью мыши или стилуса, чтобы вам не приходилось каждый раз переключаться на инструмент линии.
Шаг 4. Потренируйтесь рисовать изогнутые линии
Кривые должны происходить с регулярными изломами линии пикселей. Например, хорошая кривая должна начинаться с разрыва в шесть пикселей, за которым следует разрыв в три пикселя, за которым следует разрыв в два пикселя, за которым следует разрыв в один пиксель. Затем разрывы обратятся, образуя другой конец кривой. Плохая кривая начинается с разрыва на три пикселя, за которым следует разрыв на один пиксель, за которым следует разрыв на три пикселя или любой другой нечетный прогресс.
Шаг 5. Используйте инструмент «Стереть», чтобы исправить ошибки
Как и в случае с инструментом «Карандаш», вам нужно настроить ластик на стирание по одному пикселю за раз. Если ластик слишком большой, будет сложно стереть пиксели с высокой точностью.
Часть 3 из 7: Описание вашего первого спрайта
Шаг 1. Определите использование спрайта
Будет он анимированным или статичным? Вы можете добавить больше деталей в статический спрайт, но вы можете сделать анимированный спрайт более простым, поскольку вам нужно будет перерисовывать части для анимации. Если спрайт будет использоваться с другими спрайтами, вы захотите сохранить художественный стиль, который соединяет все вместе.
Шаг 2. Узнайте, есть ли ограничения
Если вы создаете спрайт для проекта, определите, есть ли какие-либо ограничения по размеру или цвету. Это будет более важно, когда вы начнете работать над более крупными проектами с большим количеством разных спрайтов.
В большинстве современных систем нет никаких ограничений по размеру спрайта и сложности цвета. Если вы разрабатываете игру специально для более старой системы, вы можете столкнуться с дополнительными ограничениями
Шаг 3. Набросайте это
Попробуйте набросать на листе бумаги основную концепцию спрайта. Это позволит вам увидеть, как будет выглядеть спрайт, и внести коррективы в позу или другие характеристики. Вы можете использовать этот эскиз в качестве источника для вашей трассировки позже, если у вас есть планшет.
Сделайте эскиз детальным. Разместите все функции, которые вы хотите включить, чтобы вы могли почувствовать, как спрайт будет выглядеть в виде готового продукта
Шаг 4. Создайте схему в вашей программе редактирования
Либо используйте набросанный контур в качестве ориентира, либо обведите контур с помощью блокнота. Вы можете либо щелкнуть и нарисовать, чтобы создать контур, либо разместить каждый пиксель отдельно, выбор за вами.
При создании вашего первого спрайта используйте сплошной черный цвет в качестве цвета контура. Это позволит легко отличить. Позже вы можете вручную изменить цвет контура
Шаг 5. Очистите контур
Увеличьте масштаб и начните стирать лишние пиксели и фиксировать линии. Контур должен быть толщиной всего в один пиксель, если только вы не сохраняете более толстый контур для остальной части спрайта. Используйте инструмент «Карандаш», чтобы вставлять пиксели, чтобы исправить ошибки.
Сосредоточьтесь на крупных деталях в процессе создания набросков. Вы можете вернуться и добавить небольшие штрихи позже
Часть 4 из 7: раскраска вашего спрайта
Шаг 1. Осветите основы теории цвета
Посмотрите на цветовое колесо, чтобы определить, какие цвета вам следует использовать. Цвета, расположенные напротив друг друга на колесе, будут очень различаться, а цвета, расположенные в непосредственной близости, будут хорошо смотреться рядом друг с другом.
Выберите набор цветов, которые придадут вашему спрайту отличительный вид, но не будут слишком резкими. По возможности избегайте пастельных тонов, если этот стиль не используется во всем проекте
Шаг 2. Просто используйте несколько цветов
Чем больше цвета вы добавите, тем больше будет отвлекать ваш спрайт. Взгляните на некоторые из самых знаковых спрайтов, и вы обнаружите, что они часто используют только несколько цветов.
- Марио - классический спрайт Марио использует только три цвета, которые тесно связаны между собой.
- Соник - в Сонике больше деталей, чем в оригинальном Марио, но он по-прежнему состоит только из четырех цветов с разными оттенками.
- Ryu - один из классических спрайтов файтингов, Ryu использует большие области простых цветов с небольшими затенениями для определения. У Рю пять основных цветов с различными оттенками.
Шаг 3. Нанесите цвета
Используйте инструмент «Заливка», чтобы применить выбранные цвета к спрайту. На этом этапе вы просто применяете базовый цвет, поэтому не беспокойтесь о том, насколько он выглядит плоским. Инструмент «Заливка» заменит все пиксели, соответствующие пикселю, на котором вы щелкнули, выбранным цветом, пока не будут достигнуты границы.
Часть 5 из 7: Применение затенения
Шаг 1. Определите «источник света»
Угол, под которым свет падает на спрайт, поможет вам определить, где применить затенение для более реалистичного и правдоподобного эффекта. Хотя на самом деле света не будет, очень важно знать, в каком направлении светит свет.
Легче всего будет затенять источник света, идущий издалека над спрайтом, либо немного вправо, либо немного слева
Шаг 2. Нанесите штриховку чуть более темным оттенком основного цвета
Если источник света идет сверху, затенение должно происходить на «нижней стороне» спрайта. Заштрихуйте участки, на которые не попадет прямой свет. Просто добавьте несколько слоев пикселей выше или ниже контуров, чтобы добавить тени.
- Вы можете уменьшить значение «lum» вашего основного цвета и немного увеличить значение «hue», чтобы получить хороший цвет затенения.
- Никогда не используйте градиенты. Они будут выглядеть очень фальшиво и непрофессионально. Вы можете использовать дизеринг для имитации градиентов (см. Ниже).
Шаг 3. Добавьте мягких теней
Выберите оттенок между темнотой тени и исходным базовым цветом. Используйте этот оттенок, чтобы добавить еще один слой тени между штриховкой и основным цветом. Это даст эффект перехода от темного к светлому.
Шаг 4. Нанесите несколько бликов
Это пятна на спрайте, на которые больше всего падает свет. Вы можете добавить бликов, используя оттенок немного светлее основного цвета. С осторожностью используйте блики, так как они могут отвлекать.
Часть 6 из 7: Использование продвинутых методов
Шаг 1. Попробуйте дизеринг
Это эффект, который позволяет художнику изобразить изменение оттенка. Он позволяет создавать эффект градиента всего с несколькими цветами, чередуя размещение пикселей для создания переходов. Количество и расположение двух разных цветов пикселей в шаблоне может обмануть глаз и заставить его различать разные оттенки.
Новички часто злоупотребляют дизерингом, поэтому старайтесь не использовать его, за исключением редких случаев
Шаг 2. Практикуйте сглаживание
Пиксель-арт определяется заметными пикселями, но иногда вы хотите смешать линии, чтобы все выглядело немного плавнее. Сглаживание - это метод, который позволяет вам это делать.
- Добавьте промежуточные цвета к изгибам кривой. Добавьте один слой промежуточных цветов вокруг контура кривой, которую вы хотите смягчить. Если он все еще выглядит грубоватым, добавьте еще один слой более светлого оттенка.
- Если вы хотите, чтобы ваш спрайт выглядел четким на любом цветном фоне, не сглаживайте внешний край контура.
Шаг 3. Примените выборочную обводку
Это термин, обозначающий окраску контура, аналогичную цветам, используемым для заливки. Это придаст спрайту немного менее "мультяшный" вид, так как контур будет немного более естественным. Попробуйте выборочно обрисовать голую кожу, используя традиционные контуры на одежде.
- Используйте оттенок более темный, чем основной цвет участка, который вы выборочно выделяете. Используйте источник света, чтобы изменить оттенок во время контура, придав спрайту более естественный вид. Это может быть особенно полезно для тонуса кожи и мышц.
- Традиционный контур хорош, если вам нужно, чтобы ваш спрайт оставался отличительным на загруженном фоне.
Часть 7 из 7: Завершающие штрихи
Шаг 1. Внимательно рассмотрите спрайт
Сделайте шаг назад и посмотрите на свой спрайт до этого момента. Определите, не выглядит ли что-то не так, а затем исправьте эти несоответствия или ошибки.
Шаг 2. Добавьте детали
После того, как вы закончите раскрашивать и затенять, вы можете добавить такие детали, как письмо, глаза, дополнительные функции и все остальное, что может вывести ваш спрайт на новый уровень. Внимание к деталям в конце - вот что отличает любителя от профессиональных пиксельных художников.
Шаг 3. Анимируйте свой спрайт
Если вы выполнили шаги, описанные выше, у вас будет один статический спрайт. Это нормально как произведение искусства, но если вы хотите создавать спрайты для игр, их, вероятно, нужно будет анимировать. Это означает, что каждый кадр анимации должен иметь свой собственный спрайт с небольшими изменениями по сравнению с предыдущим кадром. Набор всех спрайтов, используемых в анимации, называется «листом спрайтов».
- См. Это руководство для получения подробной информации об анимации таблицы спрайтов в GIMP.
- Создание уникальной и привлекательной анимации для спрайтов - это один из способов, с помощью которого мастера-пиксельные художники отделятся от любителей. Хорошая анимация может вдохнуть жизнь в спрайт.
Шаг 4. Создайте портфолио
Если вы хотите применить свои навыки пиксельной графики в мире разработки видеоигр, вам нужно иметь солидное портфолио, которое можно продемонстрировать потенциальным работодателям. Включите несколько своих лучших спрайтов, а также некоторые анимации, если они у вас есть. Включите различные предметы, включая персонажей, декорации, реквизит и многое другое.
