1. Design & Illustration
  2. Fan Art

Рисуем Железного Человека в программе Photoshop

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating
Данный урок был первоначально опубликован в июле 2012 года в качестве платного урока из серии Tuts+ Premium. Теперь он доступен для бесплатного просмотра. Хотя в данном уроке не используется последняя версия Adobe Photoshop, методы и техники, описанные в этом уроке, по-прежнему актуальны.

В этом уроке я покажу вам, как создать потрясающее изображение "Железного Человека" в программе Photoshop, используя технику цифрового рисунка. Данный урок мы начнём с создания наброска, а затем, мы постепенно будем воссоздавать металлические фрагменты изображения. Далее, мы совместим текстуры Дыма и Искр, чтобы добавить реализма к нашей картине. Итак, давайте приступим!

Исходные материалы

Следующие исходные материалы были использованы в этом уроке:

1. Готовим Основу

Шаг 1

Когда я создаю наброски, для картин, как в данном уроке, я использую направляющие линии, а также использую инструмент Перо (Pen Tool), с помощью которого можно создать чёткие и точные линии. Когда я создаю обычный эскиз портрета, то его линии не всегда бывают чёткими и аккуратными, но для неорганических и монолитных объектов, к которым можно отнести наш эскиз Железного Человека, самое лучшее решение будет – это сохранить линии чёткими и точными настолько, насколько это возможно.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 2

Создайте новую группу, назовите эту группу “МАСКА” ("MASK"). В данной группе будут расположены слои со шлемом и маской. Внутри созданной группы, создайте новый слой. Создайте контур вокруг всей основы шлема.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 3

Обычно, я рисую от руки на отдельных слоях с помощью жёсткой кисти, но иногда я использую инструмент Прямолинейное лассо (Polygonal Lasso Tool) или Перо (Pen Tool), если вы хотите добиться максимальной точности, это самое лучшее решение, чтобы сохранить края максимально точными, насколько это возможно.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Как только вы создали контур, далее, выполните заливку выделенной области, используя стандартный красный цвет. Примечание переводчика: не забудьте преобразовать рабочий контур в активное выделение, а затем, выполните заливку.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 4

Создайте ещё один новый слой, назовите этот слой “Золотая Маска” (“Flat Gold”). Проделайте то же самое, создав активное выделение вокруг контура золотой маски, используя инструмент Лассо (Lasso Tool), чтобы получить красивые и чёткие края.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 5

Создайте новую группу ниже слоя с группой “МАСКА” (“MASK”). Назовите новую группу “Корпус” ("Body"). В данной группе будут расположены все слои, относящиеся к корпусу. Внутри созданной группы, создайте новый слой. Выполните заливку основы корпуса.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 6

Далее, я просто разделю железный корпус на отдельные фрагменты, а затем выполню заливку на отдельных слоях. Здесь я буду использовать инструмент Перо (Pen Tool), потому что с помощью данного инструмента можно создать по-настоящему плавные кривые, а также точные контуры брони.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Шаг 7

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

Prepare Your BasesPrepare Your BasesPrepare Your Bases

2. Добавляем Объём

Шаг 1

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 2

Итак, мы готовы приступить к процессу затенения. Удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя “Золотая маска” ("Flat Gold"), чтобы загрузить активное выделение. Теперь я могу приступить к прокрашиванию, не боясь зайти за границы выделенной области.

Adding DimensionAdding DimensionAdding Dimension

Шаг 3

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 4

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 5

Когда вас устроит первый этап затенения маски, перейдите на слой ниже. Создайте затенение в области, которая указана на скриншоте ниже (на новом слое).

Adding DimensionAdding DimensionAdding Dimension

Шаг 6

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 7

Создайте новый слой поверх всех слоёв. На новом слое, создайте контур глаз, а затем, выполните заливку выделенной области. Используйте инструмент Перо (Pen Tool) для создания чётких и аккуратных линий.

Adding DimensionAdding DimensionAdding Dimension

Шаг 8

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 9

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 10

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

Adding DimensionAdding DimensionAdding Dimension
Adding DimensionAdding DimensionAdding Dimension

Шаг 11

Далее, я добавил небольшие серебряные детали вдоль области шеи. Здесь также добавьте светотени.

Adding DimensionAdding DimensionAdding Dimension

Шаг 12

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

Adding DimensionAdding DimensionAdding Dimension

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

Adding DimensionAdding DimensionAdding Dimension

Шаг 13

Я также использовал эту возможность, чтобы добавить отдельные фрагменты, такие как круглые детали на плечи. Я использовал инструмент Эллипс (Elliptical Shape Tool), а также Перо (Pen Tool) для обводки контура перед индивидуальной заливкой и добавлением светотеней.

Adding DimensionAdding DimensionAdding Dimension

Шаг 14

Далее, я решил создать светящийся фрагмент на груди. Создайте новый слой и с помощью инструмента Эллипс (Elliptical Shape Tool), создайте красивую форму овала, как показано на скриншоте ниже.

Adding DimensionAdding DimensionAdding Dimension

Шаг 15

Далее, я применил инструмент Трансформация (Transform Tool), чтобы слегка деформировать овал в соответствии с моим наброском и углом наклона брони. Проделайте то же самое с внешним кольцом, расположенным вокруг белого свечения, для этого создайте новый слой ниже слоя с белым свечением.

Adding DimensionAdding DimensionAdding Dimension

Результат на данный момент урока!

Adding DimensionAdding DimensionAdding Dimension

3. Добавляем Текстуру к Созданной Раскраске

Шаг 1

Далее, мы переходим к моей самой любимой части к текстурированию! Далее, выберите мягкую кисть Текстура кожи (всё верно…кисть с текстурой кожи!), которую я собираюсь использовать в качестве основного инструмента совмещения, также используйте инструмент Пипетка (Eyedropper Tool), чтобы подобрать нужные цветовые оттенки. Примечание переводчика: не забудьте создать новый слой ниже слоя с глазами. На данном слое, создайте текстуру совмещения цветовых оттенков.

Add Texture to the Digital Painting
Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting
Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 2

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 3

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 4

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 5

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 6

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 7

Как только шлем будет готов, далее, перемещаемся к корпусу и проделываем то же самое, что и ранее. Удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя, чтобы загрузить активное выделение одного из фрагментов корпуса. Создайте новый слой поверх слоя с выделенным фрагментом (назовите новый слой “Текстура” (Texture), а затем, с помощью всё той же кисти, проведите совмещение цветовых оттенков. Примечание переводчика: поверх каждого слоя с фрагментом корпуса, создайте новый слой, назвав каждый слой “Текстура”, а затем, по очереди загружая активное выделение, проведите совмещение цветовых оттенков.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 8

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 9

Результат на данный момент урока ДО и После.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 10

Теперь, когда мы провели совмещение цветовых оттенков и создали плавный переход мазков кисти, пришло время приступить к добавлению деталей. Я начну со шлема. Создайте новый слой поверх всех слоёв внутри созданной группы “МАСКА”(“Mask”). Назовите этот слой “Детали” ("Details").

Add Texture to the Digital Painting

Шаг 11

Что я хочу сделать, это применить аэрограф на мелких деталях, а также добавить световые блики вдоль краёв и углов металлических фрагментов. Это немного совместит и смягчит края, при этом сохраняя объём и форму.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 12

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 13

Давайте вернёмся к глазам. Создайте активное выделение вокруг фрагмента глаз. как я делал ранее.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 14

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 15

Создайте новый слой. С помощью инструмента Перо (Pen Tool), создайте фигуры на глазах, а затем, залейте эти фигуры светло-синим оттенком.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 16

Далее, с помощью инструмента Осветлитель (Dodge Tool) (установите диапазон на Света (Highlight), просто щёлкните кистью в центре каждого глаза, чтобы добавить к ним мягкое белое свечение. Примечание переводчика: значение Экспозиции (Exposure) установите на 26%.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 17

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

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 18

Далее, переходим в папку “Корпус” ("Body") в палитре слоёв. Создайте новый слой поверх всех остальных слоёв, назовите этот слой также "Детали".

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 19

Первое, на что я обращаю внимание – это добавление мелких световых бликов на края – в данном случае, в области шеи.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 20

Также пользуясь возможностью, я добавил мелкие детали (как например, болты на броне). Болты легко создать с помощью инструмента Эллипс (Elliptical Shape Tool), а затем можно просто залить выделенную область. Даже не смотря на то, что это мелкие детали, они очень важны!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 21

Чтобы создать паз вокруг светящейся центральной части, я использовал инструмент Перо (Pen Tool), для создания контура с последующей заливкой на отдельном слое.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 22

Я затемнил внутреннюю часть с помощью инструмента Затемнитель (Burn Tool), чтобы добавить немного глубины!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Шаг 23

Возвращаемся к другим участкам на слое “Детали”, далее, чистим края и добавляем световые блики.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Результат на данный момент урока, включая текстурирование и добавление деталей!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

4. Создаём Задний фон

Шаг 1

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

Work on the BackgroundWork on the BackgroundWork on the Background

Я залил слой с задним фоном светло-голубым оттенком – это будет самый нижний слой в палитре слоёв. Далее, я переместил исходное изображение с небом на свой рабочий документ. Убедитесь, чтобы слой с небом был расположен ниже всех слоёв в палитре слоёв, но выше слоя со светло-голубой заливкой (слой с задним фоном).

Work on the BackgroundWork on the BackgroundWork on the Background

Шаг 2

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

Work on the BackgroundWork on the BackgroundWork on the Background

Шаг 3

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

Work on the BackgroundWork on the BackgroundWork on the Background

Шаг 4

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

Work on the BackgroundWork on the BackgroundWork on the Background

5. Добавляем Заключительные Эффекты

Шаг 1

Далее, я создам заключительную папку поверх всех остальных слоёв и назову эту папку “Эффекты” ("EFFECTS")!

Add the Finishing Effects

Шаг 2

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 3

Откинувшись на спинку кресла, я оценил всю картину с добавленным задним фоном и почувствовал, что необходимо добавить немного контраста. Для этого, добавьте новый корректирующий слой Уровни (Levels) поверх всех слоёв через нижнюю панель инструментов с помощью нажатия на значок «Создать новый корректирующий слой или слой-заливку» (Create new fill or adjustment layer) в нижней части панели слоев.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 4

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 5

Далее, мы продолжаем добавлять эффекты! Это свечение на кромку изображения! Т.к. сейчас солнечный свет расположен позади железного человека, то я решил добавить свечение на кромку контура, что будет выглядеть наиболее эффективно в данном случае! Создайте новый слой (назовите этот слой “Свечение кромки” ("Rim Lighting") и с помощью жёсткой круглой кисти Аэрографа, добавьте световой эффект вдоль контура фигуры железного человека.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 6

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 7

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 8

Проделайте то же самое, что и с изображением с облаками. Переместите текстуру Дыма на наш рабочий документ, расположив текстуру в папке Эффекты (EFFECTS). Далее, с помощью инструмента Свободная трансформация (Free Transform Tool), увеличьте масштаб, а также поверните текстуру по кругу.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 9

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 10

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 11

В качестве заключительного эффекта, я решил добавить …..больше Искр! Откройте исходную текстуру Искры.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 12

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

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 13

Проделайте то же самое, что и с текстурой Дыма, переместите текстуру Искр на наш рабочий документ. Расположите слой с текстурой Искр в папке Эффекты (EFFECTS), а затем с помощью инструмента Свободная трансформация (Free Transform Tool), поверните текстуру, а также примените искажение.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 14

Также поменяйте режим наложения для слоя с текстурой Искр на Осветление (Screen).

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Шаг 15

Добавьте ещё текстуру Искр на различные участки изображения, пока вас не устроит полученный эффект!

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Отличная работа, мы завершили урок!

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

End Result - Iron ManEnd Result - Iron ManEnd Result - Iron Man
One subscription.
Unlimited Downloads.
Get unlimited downloads