Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fan Art

Рисуем Foxy из пяти ночей у Фредди в Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

Russian (Pусский) translation by Sergey Zhuk (you can also view the original English article)

Final product image
What You'll Be Creating

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

В этом уроке мы собираемся создать цифровую картину моего любимца команды Foxy. Вы когда-нибудь задумывались над тем, как выглядел бы этот парень, если бы он был более реалистичным? Давай выясним! Кстати, вы узнаете, как создать картину с нуля, шаг за шагом. Мы начнем с идеи, и мы нарисуем все это, используя только две кисти и несколько текстур.

Учебные ресурсы

1. Набросайте идею

Шаг 1

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

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

digital painting photoshop sketch thumbnails

Шаг 2

Установите прозрачность 20% и создайте новый слой. Увеличьте немного, уменьшите размер кисти и попытайтесь увидеть что-то в этих фигурах. Нет необходимости в каких-либо деталях; Просто попробуйте определить общую форму того, что вы видите.

digital painting photoshop thumbnails detailed

Шаг 3

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

Когда у вас есть любимая поза, выберите ее с помощью Lasso Tool (L), скопируйте и вставьте в новый файл. Сделайте его как можно большим (4000 х 4000 - мой любимый, но все, что выше 2000, должно прекрасно подойти).

Опустите прозрачность эскиза и создайте новый слой.

digital painting photoshop how to start sketch

Шаг 4

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

digital painting photoshop sketch perspective

Шаг 5

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

digital painting photoshop sketch details

Шаг 6.

На данный момент он больше похож на родового персонажа из лисы, поэтому давайте добавим некоторые функции Foxy, такие как слегка вывихнутая челюсть и разорванное тело. Используйте Eraser Tool (E), чтобы удалить ненужные части и заменить их новыми строками.

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

digital painting photoshop sketch line art
digital painting photoshop sketch line art more details
digital painting photoshop sketch line art even more details

2. Создайте основу для цифровой живописи

Шаг 1

Удалите слои, которые вам не нужны, оставив только эскиз. Создайте новый слой и нарисуйте контур всего тела с помощью жесткой кисти, такой как Ink из моего набора. Не оставляйте перерывов!

digital painting photoshop outline cross edges

Шаг 2

С помощью инструмента Волшебная палочка (W) выберите область за пределами контура, а затем инвертируйте выделение (Control-Shift-I). Создайте новый слой и заполните выделение с помощью инструмента Paint Bucket (G). Теперь вы можете удалить контур на предыдущем слое.

digital painting photoshop clipping mask how to create

Шаг 3

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

digital painting photoshop how to clip line art

Шаг 4

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

digital painting photoshop shading base shadow

Шаг 5

Создайте новый слой ниже и заполните фон тем же цветом.

digital painting photoshop dark background

Шаг 6.

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

digital painting photoshop ambient occlusion easy tutorial

Шаг 7.

Создайте слой ниже предыдущего и залейте его черным. Затем слейте (Control-E) их обоих. Удалите все слои между маской и этим слоем. Измените режим смешивания на Multiply, чтобы увидеть наше новое «линейное искусство без линий».

digital painting photoshop ambient occlusion multiply effect

3. Добавление цветов и текстур

Шаг 1

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

digital painting photoshop flat colors red
digital painting photoshop colors brown
digital painting photoshop colors gray

Шаг 2

Вставьте текстуру ткани. Перейдите в Filter> Liquify и используйте инструменты, которые вы можете найти там, чтобы изменить форму текстуры и сделать ее более 3D. Затем сотрите детали за пределами штанов.

digital painting photoshop texture adjust shape

Шаг 3

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

digital painting photoshop texture adjust opacity

Шаг 4

Вставьте текстуру ржавчины и отрегулируйте ее размер на одну из металлических деталей. Для настройки формы используйте инструмент Free Transform Tool (Control-T) и его режим деформации.

digital painting photoshop texture rust metal warp

Затем удалите лишние детали с помощью маски слоя.

digital painting photoshop texture rust metal clean

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

digital painting photoshop texture rust metal done

4. Добавьте освещение на сцену

Шаг 1

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

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

digital painting photoshop lighting scene door light

Шаг 2

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

digital painting photoshop lighting door light shadow curtains

Шаг 3

Давайте затеним Foxy в соответствии с нашим свежевыраженным освещением. Откройте Window> Adjustments и добавьте настройку Hue/Saturation. Установите Colorize и сделайте его синим и темным.

digital painting photoshop shading blue shadow
digital painting photoshop shading blue shadow adjustment hue

Шаг 4

Опустите прозрачность, если нужно, чтобы оставить немного цвета в тени.

digital painting photoshop shadow opacity

Шаг 5

У корректирующего слоя есть маска справа. Нарисуйте на ней черный цвет, чтобы выявить свет, и с белым, чтобы вернуть тень.

digital painting photoshop leayer mask shadow remove

Шаг 6.

Создайте новый слой над настройкой. Используйте инструмент Eyedropper Tool (I), чтобы выбрать цвет шерсти на свету. Сделайте его ярче, а затем нарисуйте сильно освещенные области.

digital painting photoshop lighting red

Шаг 7.

Создайте слой над всеми обрезанными. Уменьшите размер кисти и используйте тот же цвет, чтобы рисовать детали.

digital painting photoshop red fur shading

Шаг 8

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

digital painting photoshop fur shading details red

Шаг 9

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

digital painting photoshop shading pants brown

Шаг 10

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

digital painting photoshop shading metal rusty

5. Завершите рисование

Шаг 1

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

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

digital painting photoshop glowing eyes blood shadow

Шаг 2

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

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

digital painting photoshop metal back light shadow

Шаг 3

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

digital painting photoshop back light disturb

Шаг 4

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

digital painting photoshop back light red fur

Шаг 5

Давай очертим бедного парня и на полу.

digital painting photoshop back light dark

Шаг 6.

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

digital painting photoshop reflection scene environment ambient

Шаг 7.

Вставьте текстуру стены 1 и установите ее режим смешивания на Overlay. Поместите ее на стену.

digital painting photoshop wall texture

Шаг 8

Вставьте текстуру стены 2, изменив ее режим наложения, как прежде. Используйте инструмент Free Transform Tool (Control-T), чтобы отрегулировать ее перспективу. Удерживайте Control и перетащите углы, чтобы получить эффект, показанный ниже.

digital painting photoshop floor texture perpective
digital painting photoshop textures applied overlay

Шаг 9

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

digital painting photoshop final rendering details

Посмотри, какой он красивый!

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.