Создаем пиксельного персонажа в Photoshop


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

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

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


1. Создаём тело персонажа

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

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

Шаг 1
Давайте определим цвет кожи. Параметры: 25˚ Цветовой тон (Hue), 40% Насыщенность (Saturation) и 98% Яркость (Brightness). Хотя вы конечно должны выбирать те настройки, которые подходят вам.


Шаг 2
Мы будем работать с Карандашом (Pencil Tool), с размером точки в 1 пиксель, с хорошим  увеличением около 800%.

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

Размер ног, поможет нам определить, как должна выглядеть оставшаяся часть тела.


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

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


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

Шаг 4
Наконец, мы делаем голову с закруглёнными углами. Я сделал её такой же широкой как туловище и 7 пикселей в высоту.



2. Создаём черты лица

Не смотря на то, что наш персонаж воплощён в минималистическом стиле, нам необходимо добавить определённые детали.

Шаг 1
У нас вполне достаточно места на лице, чтобы сделать глаза.

Я решил сделать их немного темнее (примерно на 15%) оттенка кожи. Я не хочу создать слишком большой контраст, так как не думаю, что есть возможность видеть цвет глаз при таком  маленьком разрешении.


Шаг 2
Добавим волосы. Я использовал тёмно-коричневый оттенок и добавил дополнительный ряд пикселей, и наша голова немного увеличилась из-за волос.


Шаг 3
Добавьте немного волос по бокам головы. Я использовал более светлый оттенок, так как будто волосы либо короткие, либо сглажены. Чтобы добавить этот цвет, я снизил Непрозрачность (Opacity) Карандаша (Pencil Tool) на 50%, что можно легко сделать нажатием кнопки 5, когда режим карандаша включён. Главное не забудьте, что нужно потом вернуть этот параметр на 100% (нажав кнопку 0). И наконец, я немного изменил причёску персонажа.



3. Создаём одежду

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

Шаг 1
Давайте создадим штаны. Используем ненасыщенный оттенок аквамарин, которым я пользуюсь для создания джинсов. Чтобы поэкспериментировать с вариантами цвета, я обычно копирую окрашенную часть, затем создаю новый слой и открываю Цветовой тон/Насыщенность (Hue/Saturation/Lightness), и перемещаю ползунки на панели до тех пор, пока мне не понравится результат.  


Шаг 2
Добавим какую-нибудь обувь. Я решил, что это должны быть кроссовки, и они будут полностью белыми. Они действительно слишком малы, чтобы добавить какие-то детали.

Я не хочу делать их совершенно белыми, чтобы они не сливались с основным фоном.

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


Шаг 3
Дадим персонажу футболку. Я люблю этот оттенок красного, потому что он хорошо сочетается со штанами. Я создал футболку с короткими рукавами и V-образным вырезом.


Шаг 4
Как я уже говорил ранее, вы можете добавить приличное количество деталей – может быть галстук или принт на футболке. Я добавил несколько горизонтальных полос
(низкий контраст).


Шаг 5
И наконец, последний слой одежды – куртка. При желании вы можете добавить ещё несколько деталей, таких как жилет, часы или наушники.



4. Тень персонажа

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

Шаг 1
Создайте новый слой и обрисуйте тени.

Некоторые тени должны соответствовать конкретным элементам, таким как голова, которая бросает тень на шею и куртка, бросающая тень на рубашку. Остальные тени просто соответствуют объёмам персонажа, ноги не плоски, поэтому рисуем тень с одной стороны, чтобы придать дополнительный объём. То же самое проделываем с правой стороной туловища.


Руки нашего персонажа слишком малы для создания тени.

Шаг 2
И чтобы применить затемнение, просто уменьшите Непрозрачность (Opacity) слоя на 15% или около того. Вы можете сделать это в панели слои, или нажав 15 на клавиатуре, когда выбран Move Tool.


Затем объедините этот слой с предыдущим (слой – объединить с предыдущим) и экспортировать свою графику.

При просмотре с масштабом в 100%, персонаж слишком мал, чтобы полностью оценить проделанную работу. Так что попробуйте масштабировать просмотр до 200% или 300% (Hедактирование > Cвободная трансформация) (Edit > Free Transform) с Интерполяцией значения.

Сохраните, желательно в формате PNG или GIF, и все готово!



Отлично! Работа над персонажем закончена!

Поздравляем, вы завершили свой пиксель-арт.

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



Перевод: Iamdesigner
Оригинал: design.tutsplus.com


Рекомендуем:
16 уроков Photoshop для новичков