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

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

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

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

• Крылья летучей мыши 1
• Крылья летучей мыши 2
• Голова ящерицы
• Рогатая ящерица
• Чешуйки ящерицы
• Хвост ящерицы
  
• Глаз ящерицы
• Модель
  

1. Подготавливаем Исходные Фрагменты

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

Шаг 1

У нас есть много изображений, но нам нужны только определённые фрагменты из них. Например, я хочу использовать только голову ящерицы и больше ничего. Для этого необходимо выделить ту часть, которую мы хотим использовать. Здесь нет ничего сверхъестественного—если вы хотите добиться более чёткого выделения, то воспользуйтесь инструментом Перо (Pen Tool (P), чтобы создать контур вокруг нужной области. Звучит страшно, но вы можете узнать про работу с этим инструментом всего за 60 секунд из нашего видеоурока Работа с Пером.

Шаг 2

Как только вы создали контур, щёлкните правой кнопкой мыши по созданному контуру и в появившемся окне, выберите опцию Образовать выделенную область (Make Selection).

Шаг 3

Идём Выделение – Инверсия (Select > Inverse (Ctrl+Shift+I), затем удалите задний фон. Далее, вы можете кадрировать изображение с помощью инструмента Рамка (crop (C), а затем сохраните в PSD или PNG формате, чтобы сохранить прозрачный задний фон.

Шаг 4

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

• Левое крыло
• Правое крыло
• Туловище
• Голова
• Рога
• Глаз
• Хвост

Сейчас пока нет необходимости объединять все эти элементы.

2. Собираем Дракона из Фрагментов

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

Шаг 1

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

Шаг 2

Переместите все элементы, которые вы отделили, на свой рабочий документ.

Шаг 3

Расположите туловище ящерицы внутри ладони так, как будто она пытается посмотреть из-за  пальцев руки. Вы можете временно уменьшить непрозрачность слоя, это поможет вам справиться с этой задачей. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), примените масштабирование, а также поворот туловища.

Шаг 4

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

Шаг 5

Теперь давайте проведём коррекцию шеи относительно положения головы. Перейдите на слой с туловищем, а затем идём Редактирование – Марионеточная деформация (Edit > Puppet Warp). Расположите опорные точки вдоль туловища, как показано на скриншоте ниже:

Шаг 6

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

Шаг 7

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

Шаг 8

Ещё раз выберите инструмент Марионеточную деформацию (Puppet Warp), чтобы деформировать хвост вокруг пальцев.

Шаг 9

Добавьте к туловищу оба крыла.

Шаг 10

Давайте увеличим глаза ящерицы, чтобы взгляд был более симпатичным. Перейдите на слой с изображение головы, а затем идём фильтр – Пластика (Filter > Liquify). С помощью инструмента Деформация (Forward Warp Tool) и Вздутие (Bloat Tool), измените форму глаза. Вы можете сохранить глаз маленьким, если хотите, чтобы дракон был скорее маленьким, а не детёнышем.

Шаг 11

Добавьте изображение глаза к голове.

Шаг 12

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

3. Совмещаем Элементы

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

Шаг 1

Временно уменьшите Непрозрачность (Opacity) всех элементов, чтобы хорошо была видна рука.

Шаг 2

Выберите инструмент Перо (Pen Tool (P), выделите ту часть руки, которая должна прикрывать дракончика.

Шаг 3

Создайте активное выделение (Ctrl+Enter), а затем идём Выделение – Модификация – Растушёвка (Select > Modify > Feather). Установите небольшой радиус растушёвки, например 3 px. Данный радиус растушёвки создаст плавный переход, что позволит совместить выделенную область с уровнем размытия на изображении.

Шаг 4

Далее, идём Выделение – Инверсия (Select > Inverse (Ctrl+Shift+I). Создайте новый слой, а затем с помощью инструмента Заливка (Paint Bucket Tool (G), залейте выделенную область любым цветовым оттенком. Назовите этот слой Маска (Mask), а затем отключите видимость данного слоя.

Шаг 5

Маску очень легко использовать. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Маска (Mask), чтобы загрузить активное выделение. Затем перейдите на слой с туловищем ящерицы, далее добавьте слой-маску, для этого нажмите кнопку Добавить слой-маску (Add Layer Mask).

Пусть волшебство случиться!

Шаг 6

Вы видите, что рядом с миниатюрой слоя появилась белая миниатюра слой-маски? Теперь, удерживая клавишу (Alt), перетащите маску на другие слои, чтобы добавить к ним ту же самую маску.

Шаг 7

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

Щёлкните по белой миниатюре, чтобы она стала активной. Далее, выберите жёсткую круглую кисть. Прокрасьте белой кистью часть хвоста, чтобы восстановить ту часть хвоста, которая видна перед пальцами рук. Используйте клавиши ‘[‘и ‘]’ для варьирования диаметра кисти, при необходимости точности обработки.

Интересно, как это работает? Тогда посмотрите урок Работа со слой-маской и ластиком в программе Adobe Photoshop. Примечание переводчика: Щёлкните по миниатюре слой-маски слоя с хвостом, чтобы убедиться, что маска активная.

Шаг 8

Обработка слой-маски- это отличный способ совмещения элементов! На этот раз выберите мягкую кисть для совмещения краёв между изображениями, где есть необходимость. Уменьшите значение Нажима (Flow) кисти для необходимой коррекции.

Шаг 9

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

Шаг 10

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

4. Проводим Коррекцию Цвета

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

Шаг 1

Перейдите на слой с изображением головы, а затем идём Окно – Коррекция (Window > Adjustments). Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturationand) в качестве обтравочной маски. Далее, поиграйте с настройками, чтобы голова подошла к туловищу.

Шаг 2

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

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

Шаг 3

Голова немного отличается от туловища, т.к. рисунок текстуры кожи головы намного мельче, чем рисунок текстуры всего туловища. Вы можете исправить это, для этого выделите фрагмент кожи с чешуйки с помощью инструмента Лассо (Lasso Tool (L), а затем скопируйте совмещённые данные (Ctrl+Shift+C). Расположите чешуйки на голове, а затем проведите их коррекцию с учётом особенности головы.

Шаг 4

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

5. Совмещаем Элементы с Окружающей Средой

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

Шаг 1

Мы создали уже много слоёв, масок и корректирующих слоёв, и сейчас стало очень сложно разобраться в созданным слоях. Сохраните рабочий документ в качестве нового документа, чтобы создать резервную копию, а затем выделите и объедините отдельные слои (Ctrl+E), как мы это проделывали в самом начале урока. Примечание переводчика: перед созданием светотеней, автор предлагает объединить отдельные слои, относящиеся к одному элементу, т.е. автор объединяет слои с элементом композиции, включая корректирующие слои, относящиеся к нему, таким образом, он создаёт отдельные объединённые слои с хвостом, головой, туловищем, но при этом слои с крыльями должны быть объединены по отдельности, т.е. один объединённый слой с крылом 1 и второй объединённый слой с крылом 2.

Шаг 2

Добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою с крылом. Добавьте затенение, уменьшив значение Яркости (Lightness).

Шаг 3

Используйте слой-маску, чтобы восстановить яркость на отдельных участках, которые находятся под освещением. Не забывайте про освещение заднего фона! Примечание переводчика: перейдите на маску корректирующего слоя Цветовой тон / Насыщенность  (Hue/Saturation) и с помощью мягкой чёрной кисти, скройте эффект затенения данного корректирующего слоя на отдельных участках крыла, куда больше попадает света.

Шаг 4

Проделайте то же самое с другим крылом.

Шаг 5

На некоторых участках крыла всё ещё присутствуют тени, которые создаёт их оригинальный задний фон. Давайте исправим это. Добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), поставьте галочку в окошке Тонирование (Colorize), сделайте крыло светлее, добавив тон окружающей среды.

Шаг 6

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

Шаг 7

В некоторых случаях, данная техника создания светотени может затенить контрастность на светлых участках, например, здесь:

В данном случае, дважды щёлкните по корректирующему слою и в появившемся окне, поиграйте с бегунками функции Наложение, если (Blend If). Удерживая клавишу (Alt), щёлкните по шкале для разделения оттенков и создания более плавного перехода. Вы можете получить дополнительную информацию о функции Наложение, если (Blend If), прочитав мой урок Магия функции Наложение, если в программе Photoshop, а также из 60 секундного видео Как использовать функцию Наложение, если в программе Adobe Photoshop.  Примечание переводчика: вы можете вручную поиграть с бегунками или с помощью клавиши (Alt), задать нужный интервал тона.

Шаг 8

Используйте вышеперечисленные техники, чтобы исправить затенение на всех элементах.

Шаг 9

Нам также необходимо совместить дракончика с ладонью. Чтобы добиться этого эффекта, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с задним фоном. Затемните руку, а также усилив насыщенность, залейте маску чёрным цветом, а затем восстановите затенение на участках, где дракончик соприкасается с ладонью. Примечание переводчика: 1. добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с рукой модели 2. в окне настроек корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation), уменьшите значение Яркости (Lightness), а затем увеличьте значение Насыщенности (Saturation) 3. Залейте маску корректирующего слоя чёрным цветом (Alt+Backspace) и с помощью мягкой белой кисти прокрасьте участки соприкосновения дракончика с ладонью. Насыщенность светотеней будет зависеть от ваших личных предпочтений.

Шаг 10

Добавьте ещё один корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Затемните участки, которые расположены очень близко к дракону.

Шаг 11

Ещё раз взгляните на картину в целом и попытайтесь найти какие-либо слабые места. Какие детали портят картину? Найдите и исправьте их!

Шаг 12

Используйте комбинацию приёмов, про которые вы уже узнали в этом уроке, чтобы добавить отражающиеся цвета на определённые участки. Это поможет дополнительно объединить всю сцену.

6. Добавляем Заключительные Штрихи

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

Шаг 1

Перейдите на слой с хвостом, а затем переключаемся в режим Быстрой маски (Quick Mask mode (Q). С помощью мягкой кисти, прокрасьте края хвоста.

Шаг 2

Теперь выйдете из режима Быстрой маски (Quick Mask mode (Q), а затем проведите инверсию выделенной области (Ctrl+Shift+I). На минутку отключите выделенную область (Ctrl+H). Примечание переводчика: за счёт этого шага, автор размоет контур хвоста.

Шаг 3

Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Мы используем данный фильтр, чтобы совместить хвост с размытым изображением.

Шаг 4

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

Шаг 5

Одно из крыльев расположено ближе к заднему фону, поэтому, нам нужно его слегка расфокусировать. Перейдите на слой с крылом, а затем идём Фильтр – Размытие- Наклон / Смещение (Filter > Blur > Tilt Shift). Поэкспериментируйте с настройками, чтобы добиться желаемого эффекта.

Шаг 6

А другое крыло давайте сделаем немного прозрачным. Временно отключите видимость слоя с крылом, а затем выделите фрагмент заднего фона, который расположен за крылом, скопируйте выделенный фрагмент на новый слой, расположив его поверх слоя с крылом. Примечание переводчика: 1. Перейдите на слой с крылом, которое расположено ближе к наблюдателю 2. Временно отключите видимость слоя с крылом 3. Используйте любой инструмент выделения, с которым вы предпочитаете работать 4. Создайте выделение в той области заднего фона, которая скрыта данным крылом 5. Скопируйте выделенную область на новый слой 6. Не забудьте преобразовать слой с фрагментом заднего фона в обтравочную маску к слою с крылом. 7. А также не забудьте включить видимость слоя с крылом.

Шаг 7

Размойте выделенный фрагмент заднего фона.

Шаг 8

Используйте слой-маску, чтобы провести совмещение. Примечание переводчика: к слою выделенным фрагментом заднего фона, добавьте слой-маску и с помощью мягкой чёрной кисти с низкой непрозрачностью, прокрасьте фрагмент, чтобы совместить его с крылом, здесь главное не переусердствовать.

Шаг 9

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

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

С помощью более жёсткой кисти, цвет кисти белый, добавьте светлый блик внутри выделенной области.

Шаг 10

Работа над дракончиком завершена, так что теперь вы только можете добавить небольшие исправления, в зависимости от того, что вы пропустили во время всего процесса. Одна из основных деталей, которые вы можете добавить после объединения слоёв, это шум, для этого, вначале создайте объединённый слой (Ctrl+Alt+Shist+E), а затем идём Фильтр- Шум – Добавить шум (Filter > Noise > Add Noise). Дракон должен соответствовать качеству заднего фона.

Так мило!

Теперь у вас есть свой собственный мини-дракон! И, кстати, вы узнали много полезных приёмов для работы с программой Photoshop, теперь вы можете использовать их в своих будущих проектах. Хотите узнать больше про фотоманипуляции? Тогда посетите эти уроки:

• Создаём Цветочную Фотоманипуляцию в программе Photoshop
• Создаём Готическую Фотоманипуляцию в программе Photoshop
• Необходимые Исходные Материалы для Создателей Фотоманипуляций