7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Фотоманипуляцю с Человеком Киборгом в Adobe Photoshop

Scroll to top
Read Time: 10 mins
This post is part of a series called Science Week.
How to Draw a T-Rex Dinosaur
How to Create a Retro Poster With an Astronaut Child in Adobe Illustrator

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

Будущее рядом. Готовы ли вы к миру кибернетических организмов?

В этом уроке вы узнаете, как трансформировать свои фотографии в крутых киборгов. Я покажу вам, как использовать техники, такие как Частотное разделение, чтобы удалить дефекты кожи перед тем,  как оживить киборга!

Найдите больше вдохновения для научно-фантастических иллюстраций на GraphicRiver.

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

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

1. Поиск Вдохновения

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

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

  • У киборгов чёткие человеческие черты...
  • ... хотя их тела обычно разделены на несколько бионических компонентов.
  • Современные технологии интегрированы в их дизайне.
  • Они могут быть любой расы.
  • И они иногда захватывают мир. Просто, да?

Обдуманно подойдите к выбору ваших исходных изображений. Для данного урока, я выбрала это исходное изображение модели. Хотя данное изображение больше не доступно, вы можете найти много невероятных исходных изображений, как это, на Envato Market.

Cyborg reference from photoduneCyborg reference from photoduneCyborg reference from photodune

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

2. Проводим Ретушь Фотографии

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

Шаг 1

Откройте своё исходное изображение в программе Photoshop, поменяйте разрешение на 300 dpi. Создайте новую группу. Назовите её Retouching. Нажмите клавиши (Ctrl+J), чтобы продублировать исходное изображение. Поместите дубликат слоя внутрь новой группы.

Create a New GroupCreate a New GroupCreate a New Group

Шаг 2

Перед тем, как разгладить кожу модели, нам необходимо удалить белые фрагменты крема на её лице. Итак, выберите инструмент Прямолинейное лассо (Polygonal Tool (L), а затем создайте активное выделение в левой части лица модели.

Select the skin with the polygonal lasso toolSelect the skin with the polygonal lasso toolSelect the skin with the polygonal lasso tool

Скопируйте/ вклейте активное выделение на новый слой, а затем отразите выделенную областьпо горизонтали, для этого идём Редактирование – Трансформация- Отразить погоризонтали (Edit > Transform Flip Horizontal). Расположите фрагмент выделенной кожи поверх белых точек. С помощью инструмента Ластик (Eraser Tool (E), скройте любые жёсткие края.

Cover the skin cream with skinCover the skin cream with skinCover the skin cream with skin

Объединитеслои вместе. Почистите кожу с помощью инструмента Штамп (Stamp Tool (S). Вначале выберите инструмент, далее, удерживая клавишу(Alt), отберите источник с участка кожи, а затем используя выбранный источник кожи, с помощью кисти Непрозрачностью (Opacity) 30-50%,совместите его с в областью редактируемой кожи.  Мы исправим любые дефекты далее.

Face After Hiding Skin CreamFace After Hiding Skin CreamFace After Hiding Skin Cream

Шаг 3

Пришло время для Частотного Разделения. Узнайте больше про эту технику в этом уроке: Используем Частотное Разделение при Ретушировании Кожи.

Продублируйте слой с моделью внутри группы (Ctrl+J). Назовите верхний слой Высокочастотный (High Frequency), а нижний слой Низкочастотный (Low Frequency). Отключите видимость слоя Высокочастотный (High Frequency), перейдите на слой Низкочастотный (Low Frequency), а затем идём Фильтр – Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите радиус размытия на любое значение, чтобы размыть детали вашего портрета. В данном случае, я установила радиус размытия на 7.

Blur the Portrait with Gaussian Blur - Frequency SeparationBlur the Portrait with Gaussian Blur - Frequency SeparationBlur the Portrait with Gaussian Blur - Frequency Separation

Включите видимость слоя Высокочастотный (High Frequency). Находясь на данном слое, идём Изображение- Внешний канал (Image > Apply Image). Примените следующие настройки, которые указаны ниже:

Apply Image Settings - Frequency SeparationApply Image Settings - Frequency SeparationApply Image Settings - Frequency Separation

Убедитесь, чтобы режим наложения для слоя Низкочастотный (Low Frequency) был установлен на Вычитание (Subtract). Далее, в окне настроек Внешнего канала (Apply Image), установите значения Масштаба (Scale) и Сдвига (Offset), которые указаны на скриншоте выше. После того, как вы нажмёте кнопу ‘OK’, поменяйте режим наложения для слоя Высокочастотный (High Frequency) на Линейный свет (Linear Light).

Frequency Separation Layers After Apply ImageFrequency Separation Layers After Apply ImageFrequency Separation Layers After Apply Image

Шаг 4

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

Находясь на слое Высокочастотный (High Frequency), выберите инструмент Прямоугольное лассо (Polygonal Lasso Tool (L), чтобы выделить кожу. Убедитесь, чтобы радиус растушёвки выделенной области был установлен на 25-30. Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы размыть кожу. Продолжайте проделывать то же самое по всему лицу, меняя радиус размытия в зависимости от того, насколько сильно вы хотите смягчить кожу и уменьшить внешний вид пор.

Объедините слои с частотами, когда завершите.

Smooth the skin with gaussian blur and frequency separationSmooth the skin with gaussian blur and frequency separationSmooth the skin with gaussian blur and frequency separation

Ниже представлена модель с более гладкой кожей. Мы продолжим корректировать её по мере продолжения урока.

Frequency separation resultFrequency separation resultFrequency separation result

3. Создаём Эскиз Киборга

Шаг 1

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

Выберите инструмент Кисть (Brush Tool (B), используйте Жёсткую Круглую Нажим Непрозрачность Кисть (Hard Round Pressure Opacity Brush), чтобы начать рисовать детали киборга. Нажим (Flow) и Непрозрачность (Opacity) кисти должны быть установлены на уровне 100%, а также убедитесь, чтобы в окошке Нажим пера (Pen Pressure) в настройках Непрозрачности (Opacity) стояла галочка.

Hard round brush settingsHard round brush settingsHard round brush settings

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

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

Draw the cyborg sketch over the referenceDraw the cyborg sketch over the referenceDraw the cyborg sketch over the reference

Шаг 2

Переключитесь на более жёсткую кисть с Непрозрачностью (Opacity) и Жёсткостью (Hardness) 100%. Начните с лица и рук, сделав линии более жёсткими и чёткими.

Create Cleaner Lines and DetailsCreate Cleaner Lines and DetailsCreate Cleaner Lines and Details

Продолжайте двигаться дальше, сделав некоторые линии более широкими. Это как раз тот момент, когда мы превращаем модель в настоящего робота.

Darken the robot linesDarken the robot linesDarken the robot lines

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

close up of the hand detailsclose up of the hand detailsclose up of the hand details

С помощью инструмента Ластик (Eraser Tool (E), скройте участки серого эскиза, который всё ещё проглядывается под прокрашенными линиями. Сосредоточьтесь на создании супер чётких линий, в меру своих возможностей, потому что, это всё-таки машина.

Чтобы создать более робототехническое выражение, также закрасьте глаза чёрным цветом с помощью инструмента Кисть (Brush Tool (B).

Ниже вы можете увидеть киборга на данный момент урока. Давайте перейдём к созданию заднего фона.

Cyborg progress with crisp black linesCyborg progress with crisp black linesCyborg progress with crisp black lines

4. Создаём Задний Фон для Киборга

Шаг 1

С помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите белый задний фон на оригинальном изображении с моделью, а затем нажмите клавишу (Delete), чтобы удалить выделенный задний фон.

Delete the white backgroundDelete the white backgroundDelete the white background

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

Находясь на слое с текстурой, идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы размыть задний фон. Установите Радиус (Radius) размытия на 5 px.

Blur the metal backgroundBlur the metal backgroundBlur the metal background

Шаг 2

Скопируйте / вклейте исходное изображение с электрической схемой на новый слой. Откорректируйте положение электрической схемы таким образом, чтобы потоки линий располагались за головой модели и как бы исходили из головы. Поменяйте режим наложения для слоя с электрической схемой на Перекрытие (Overlay).

Проделайте то же самое, что и ранее, размойте исходное изображение с электрической схемой, для этого идём Фильтр –Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5 px.

Add the Circuit StockAdd the Circuit StockAdd the Circuit Stock

5.  Добавляем Детали и Цвет к Киборгу

Шаг 1

Для создания соответствующего вида, давайте избавимся от её светлых волос. Создайте новый слой, выберите инструмент Кисть (Brush Tool (B). Установите Жёсткость (Hardness) кисти на 50-80%, цвет кисти чёрный, а затем начните прокрашивать волосы модели, используя ту же самую кисть, которую вы использовали ранее. Поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также установите значение Непрозрачности (Opacity) на 87%.

Paint the hair a darker colorPaint the hair a darker colorPaint the hair a darker color

Шаг 2

Давайте ещё раз проведём ретушь кожи. Создайте новый слой и с помощью мягкой круглой кисти Непрозрачностью (Opacity) 30-50% и Жёсткостью (Hardness) 0%, смягчите её кожу, добавив больше цвета. Удерживая клавишу (Alt), наведите пипетку на участок кожи, чтобы выставить цвет переднего плана, а затем начните прокрашивать смежные участки.

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

Paint the skin for a smoother effect Paint the skin for a smoother effect Paint the skin for a smoother effect

Шаг 3

Добавьтебольше эффектов технологии. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите USB порт наисходном изображении. Скопируйте / вклейте его на наш рабочий документ на новыйслой. Дважды продублируйте слой с фрагментом USB порта.Расположите порты рядом друг с другом, а затем объедините слои вместе.

Add the usb portsAdd the usb portsAdd the usb ports

Шаг 4

Давайте добавим цвет! Добавьте новый корректирующий слой Поиск цвета (Color Lookup) поверх всех остальных слоёв. Установите фильтр Crisp_Winter.look из выпадающего меню 3DLUT File.

Add a color lookup adjustment layerAdd a color lookup adjustment layerAdd a color lookup adjustment layer

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

Add a levels adjustment layerAdd a levels adjustment layerAdd a levels adjustment layer

Добавьте ещё один корректирующий слой Поиск цвета (Color Lookup). На этот раз установите фильтр Crisp_Warm.look из выпадающего меню 3DLUT File. Расположите данный корректирующий слой поверх корректирующего слоя Уровни (Levels) для усиления контраста. Уменьшите значение Непрозрачности (Opacity) до 70%, а также поменяйте режим наложения на Затемнение (Darken).

Изображение становится довольно насыщенным.

Add another color lookup adjustment layerAdd another color lookup adjustment layerAdd another color lookup adjustment layer

Шаг 5

С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите фрагмент на исходном изображении Синего Драгоценного Камня. Скопируйте / вклейте выделенный фрагмент на наш рабочий документ на новый слой. Расположите фрагмент камня поверх треугольника на лобной части головы модели. К слою с фрагментом камня, добавьте слой-маску и с помощью чёрной жёсткой кисти, скройте лишние участки камня за пределами контура треугольника.

Add the gem stockAdd the gem stockAdd the gem stock

Создайте новый слой в качестве обтравочной маски к слою с фрагментом камня. С помощью кисти тёмно-синего цвета #00197a, добавьте внутреннюю тень вдоль краёв треугольника.

Add shadow to the stoneAdd shadow to the stoneAdd shadow to the stone

Шаг 6

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

Fill in the metail detailsFill in the metail detailsFill in the metail details

6. Завершаем Создание Манипуляции с Киборгом

Шаг 1

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

Add highlights and shadowsAdd highlights and shadowsAdd highlights and shadows
На скриншоте ниже вы можете увидеть постепенное добавление световых бликов, а затем теней на изображение киборга.

Шаг 2

Далее, выберите жёсткую круглую кисть Непрозрачностью (Opacity) 80-100%, чтобы сделать детали более чёткими.

Paint more crisp detailsPaint more crisp detailsPaint more crisp details

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

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

Paint the highlights and shadows on her handPaint the highlights and shadows on her handPaint the highlights and shadows on her hand

Шаг 3

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

Paint more detailsPaint more detailsPaint more details

Шаг 4

Добавьте новый корректирующий слой Кривые (Curves). Установите кривые, как показано на скриншоте ниже, для RGB и Синего (Blue) канала, чтобы усилить насыщенность освещения всей сцены.

Add an adjustment layer of curvesAdd an adjustment layer of curvesAdd an adjustment layer of curves

Давайте добавим немного теплоты. Добавьте новый корректирующий слой Поиск цвета (Color Lookup). Установите фильтр FallColors.look из выпадающего меню 3DLUT File. Уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 25%.

Add a color lookup adjustment layerAdd a color lookup adjustment layerAdd a color lookup adjustment layer

Шаг 5

Завершите свою фотоманипуляцию коррекцией деталей. Доработайте участки шеи и воротника, чтобы придать им больше объёма.

Fix the collar boneFix the collar boneFix the collar bone

Переключитесь на жёсткую круглую кисть со 100% Жёсткостью (Hardness), чтобы почистить края вашей фотоманипуляции.

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

Clean up the edges with a hard brushClean up the edges with a hard brushClean up the edges with a hard brush

Шаг 6

Завершите композицию, используя ещё один слой со световыми бликами. Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а затем, используя свето-розовый оттенок #cfc0e1, добавьте мягкие блики на её грудь, плечи и руку. Стрелки указывают, где в основном прокрашивать кистью.

Add one last layer of highlightAdd one last layer of highlightAdd one last layer of highlight

Вы можете увидеть итоговый результат на скриншоте ниже!

Поздравляю, мы завершили урок!

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

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

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

А также посетите другие потрясающие уроки по созданию фотоманипуляций, подобно этому, которые указаны ниже:

Human Cyborg Photo Manipulation Photoshop Tutorial by Melody NievesHuman Cyborg Photo Manipulation Photoshop Tutorial by Melody NievesHuman Cyborg Photo Manipulation Photoshop Tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.