Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

14 апреля 2017

​Друзья! Мы рады поделиться с вами отличной новостью! В преддверии 9 Мая, мы предлагаем вам
принять участие в конкурсе «Спасибо деду за Победу», который посвящён этому великому празднику.

Кликните по этой ссылке, чтобы узнать подробности 
Обсуждение конкурса на форуме​

Создаем фотоманипуляцию с таинственным домом в Фотошоп

19 апреля 2017 1 489 просмотров | Сложность:

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

В этом уроке мы создадим мрачную сцену с таинственным светом, используя несколько основных техник, таких, как создание масок и работа с ними, рисование кистью, фильтры, цветокоррекция. Вам понадобится Photoshop CS3 или более поздняя версия и чашечка кофе. Готовы..?

Скачать архив с материалами к уроку

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

Шаг 1

Прежде всего, откройте изображение дома в Photoshop. Это изображение будет фоновым слоем на панели слоев. Продублируйте изображение (Сtrl/Cmd + J). Переименуйте этот дубликат в house (дом).

Мы можем уменьшить размер документа, нажав Image > ImageSize (Изображение > Размер изображения). Установите размер, как показано на скриншоте ниже:

Примечание переводчика:ширина 1800 пикселей, высота 1200 пикселей.

Шаг 2

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

На изображении ниже часть, которую необходимо вырезать, обведена красным цветом. Для вырезания воспользуйтесь знакомым вам инструментом (лично я воспользуюсь инструментом Pen (Перо) (P)), и выделите нужную область. После того, как область будет выделена, нажмите Сtrl/Cmd + J, чтобы скопировать выделенную область на новый слой.

Теперь, создайте маску к этому слою, нажав Layer > LayerMask > RevealAll (Слой > Слой-маска > Показать все). Далее замаскируйте края слоя, чтобы он хорошо сливался, при помощи инструмента Brush (Кисть) (B) низкой жесткости (0%) и круглой формы с низкой непрозрачностью. Вот результат:

Продублируйте (Сtrl/Cmd + J) слой с вырезанной травой. Переместите дубликат туда, где на газоне виднеются ветки.

Осторожно замаскируйте углы этого слоя, чтобы получить результат, как на изображении ниже:

Шаг 3

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

Переместите дубликат туда, куда необходимо.

Замаскируйте некоторые части вырезанной области. Вот что вышло у меня:

Шаг 4

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

Шаг 5

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

Проделайте то же самое, чтобы закрыть другую часть стены.

Продублируйте (Сtrl/Cmd + J) вырезанную часть и воспользуйтесь ей, чтобы закрыть веточки на других стенах.

Шаг 6

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

Вот результат, которого я достиг, очистив ветки на крыше, заменив нижнее окно на верхнее, добавив тень, где необходимо. Чтобы добавить тень, мы можем провести кистью в тех местах, где она должна быть. А чтобы определить, где она должна быть, взгляните на оригинал изображения с домом. Воспользуйтесь черной, очень мягкой кистью, с Opacity (непрозрачностью) 10-15%. После достижения желаемого результата, выберите все слои на панели слоев и нажмите Ctrl/Cmd + E, чтобы объединить их в один слой. Назовите слой house (дом).

Шаг 7

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

Чтобы это сделать, вновь воспользуйтесь инструментом Pen (Перо) (P). Выделите часть изображения, как показано выше. После того, как вы это сделаете, нажмите клавишу Delete - и она исчезнет. Вот мой результат для примера:

Шаг 8

Теперь мы придадим дому дополнительную резкость. Чтобы это сделать, добавьте фильтр UnsharpMask (Контурная резкость), нажав Filter > Sharpen > UnsharpMask (Фильтр > Усиление резкости > Контурная резкость). Установите его параметры, как показано на скриншоте ниже.

Получится следующее:

Шаг 9

Приступаем к добавлению текстуры облаков в качестве фона изображения. Поместите изображение облаков в документ. Разместите слой с облаками под слоем с домом.

Возьмите инструмент FreeTransform (Свободное трансформирование) (Ctrl/Cmd + T) и отмасштабируйте изображение, как того требует сцена. Нам понадобятся самые яркие облака для создания текстуры. После масштабирования, поместите самое яркое облако наверх, за левую часть крыши дома. Вот так это сделал я:

Продублируйте (Ctrl/Cmd + J) слой с облаком. Переместите дубликат так, чтобы самое яркое облако находилось за правой частью крыши.

Вот что вышло:

Еще раз продублируйте (Ctrl/Cmd + J) слой с облаком и разместите его так, чтобы он закрыл пустующую часть неба. Вот так получилось у меня. Выберите все слои с облаками и нажмите Ctrl/Cmd + G, чтобы их сгруппировать. Назовите эту группу BG (Фон).

Шаг 10

Далее мы поправим дерево за домом, добавив ему листьев.

Чтобы добавить листья, мы будем рисовать стандартной кистью Photoshop. Возьмите инструмент Brush (Кисть) (B) и откройте панель кистей, чтобы изменить ее форму. Параметры установите следующие:

Примечание переводчика: на скриншоте

  • BrushTipShape(Форма отпечатка кисти)
  • Size(Кегль)
  • Angle(Угол)
  • Roundness(Форма)
  • Hardness(Жесткость)
  • Spacing (Интервалы)

Примечание переводчика: на скриншоте

  • ShapeDynamics(Динамика формы)
  • Control - Fade(Управление – Переход)
  • AngleJitter(Колебание угла)
  • RondnessJitter(Колебание формы)
  • MinimumRoundness(Минимальная форма)

Примечание переводчика: на скриншоте

  • Scattering (Scatter) (Рассеивание)
  • Control - Off(Управление – Выкл)
  • Count(Счетчик)
  • CountJitter (Колебание счетчика)

Примечание переводчика: на скриншоте

  • ColorDynamics(Динамика цвета)
  • Foreground/BackgroundJitter(Колебание переднего/заднего плана)
  • HueJitter(Колебание цветового тона)
  • SaturationJitter(Колебание насыщенности)
  • BrightnessJitter(Колебание яркости)
  • Purity(Чистота)

Примечание переводчика: на скриншоте

  • Transfer(Передача)
  • OpacityJitter(Колебание непрозрачности)
  • Control - Off (Управление – Выкл)
  • FlowJitter(Колебание количества краски)

После настройки кисти, выберите основным цветом цвет #006113, а фоновым цветом - #174f01. Создайте новый слой, нажав Shift + Ctrl/Cmd + N, назовите его leaves (листья). На этом слое проведите кистью там, где должны располагаться листья. Попробуйте в процессе менять размер кисти для достижения желаемого результата. А вот такой результат получился у меня:

Шаг 11

Теперь выберем основной цвет сцены. Создайте новый слой (Shift + Ctrl/Cmd + N) поверх всех остальных слоев. Залейте слой (нажав Shift + F5) цветом #09425f. Назовите этот слой blue (синий).

Режим наложения измените на SoftLight (Мягкий свет) со 100% непрозрачностью.

Продублируйте (Ctrl/Cmd + J) этот синий слой. Выберите режим наложения Color (Цветность) со 100% непрозрачностью. Это придаст всей сцене синий оттенок.

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

Далее еще раз продублируйте синий слой. Режим наложения - LinearLight (Линейный свет), Opacity (непрозрачность) - около 60%. Это сделает общий оттенок более синим. На самом деле, нам не нужен настолько глубокий синий оттенок. Мы немного его спрячем, слегка замаскировав части вокруг дома, газон, листья и облака.

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

Примечание переводчика: на скриншоте

  • ShapeDynamics(Динамика формы)
  • Control - Fade(Управление – Переход)
  • AngleJitter(Колебание угла)
  • RondnessJitter(Колебание формы)
  • MinimumRoundness(Минимальная форма)

Примечание переводчика: на скриншоте

  • Scattering (Scatter) (Рассеивание)
  • Control - Off(Управление – Выкл)
  • Count(Счетчик)
  • CountJitter(Колебание счетчика)

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

Вот как выглядит сцена теперь, после маскирования:

Шаг 12

Теперь добавим новые корректирующие слои. Нажмите Layer > NewAdjustmentLayer > Brightness/Contrast (Слои > Новый корректирующий слой > Яркость/Контрастность). Opacity (Непрозрачность) слоя установите на 60%.

Создайте новый корректирующий слой - Curves (Кривые). Режим наложения - Normal (Обычные), непрозрачность - 100%, ниже примерное их расположение.

Шаг 13

Создайте новый слой (Shift + Ctrl/Cmd + N) над остальными слоями. Назовите этот слой color (цвет). На этом слое нарисуйте текстуру, примерно как я это сделал ниже. Она есть комбинация двух цветов - темно-синего #010b15 и сине-зеленого #041c28. Почему именно такое сочетание? Мы хотим добавить сцене мрачное и туманное настроение, а подобные цвета нам в этом помогут.

Режим наложения этого слоя -Exclusion (Исключение), непрозрачность - 100%.

Дважды продублируйте этот слой. Режим наложения первого слоя - Exclusion (Исключение), непрозрачность - 100%, у второго режим наложения Multiply (Умножение) и непрозрачность 35%. Добавьте этим двум слоям слой-маски. Замаскируйте на обеих слой-масках области возле самого яркого облака и большую часть верха крыши.

Шаг 14

Теперь добавим еще один корректирующий слой поверх всех остальных слоев. Вновь нажмите Layer > NewAdjustmentLayer > Brightness/Contrast (Слои > Новый корректирующий слой > Яркость/Контрастность). Opacity (Непрозрачность) слоя установите на 80%, режим наложения - нормальный, параметр Contrast (Контрастность) измените на 52.

Шаг 15

В этом шаге мы поработаем над фоном с облаками. Нам следует изменить облака, которые выглядят одинаково, как, например, на скриншоте.

Откройте папку c облаками BG (Фон) и создайте новый слой внутри группы поверх всех остальных. Возьмите мягкую круглую кисть и измените настройки кисти на те, что были описаны в шаге 11. Выбрав цвет #fcdgb1, закрасьте облако, как показано на скриншоте.

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

Шаг 16

Теперь мы займемся цветокоррекцией слоя с домом. Выберите слой с домом, чтобы работать с ним. Нажмите Layer > NewAdjustmentLayer > Brightness/Contrast (Слои > Новый корректирующий слой > Яркость/Контрастность). Создайте обтравочную маску для этого слоя.

Примечание переводчика: Настройки слоя: Brightness (Яркость) : -87, Contast (Контрастность) : 23.

[53_1.jpg]

Добавьте маску к слою. На маске этого слоя немного замаскируйте области вокруг самого яркого облака и окон. Затем непрозрачность измените на 54 %, режим наложения - Normal (Обычные).

Шаг 17

Создайте еще один корректирующий слой для дома с обтравочной маской. На этот раз, это будет Hue/Saturation (Цветовой тон/Насыщенность).

Примечание переводчика:Настройки слоя: Hue (Цветовой тон) : +31, Saturation (Насыщенность) : +5, Lightness (Яркость) : - 17.

Режим наложения этого слоя - Normal (Обычные), Opacity (непрозрачность) - 60%.

Шаг 18

Наконец, создайте новый слой (Shift + Ctrl/Cmd + N), c обтравочной маской над двумя корректирующими слоями. Возьмите очень мягкую и круглую кисть. Установите ее непрозрачность на 10-15%, а затем мягким белыми цветом создайте несколько мазков наверху крыши, чтобы добавить ей некое свечение.

Шаг 19

Теперь мы поработаем над верхним окном, а именно, мы добавим свет, льющийся из окна. Чтобы это сделать, для начала создайте новый слой над слоем с домом. На этом слое выделите прямоугольную область и залейте ее белым цветом (Shift + F5). Назовите этот слой white (белый).

Затем нажмите Filter > Blur > GaussianBlur (Фильтр > Размытие > Размытие по Гауссу), чтобы белый стал более нежным.

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

Вот как выглядит наша сцена с мрачной и таинственной деталью.

Шаг 20

В течение нескольких последних шагов мы повысим контраст нашей мрачной сцене, добавив свет, льющийся из окна, и несколько корректировок освещения сцены в целом. Для начала, нам следует уменьшить эффект мрачности. Чтобы это сделать, выберите слой Brightness/Contrast (Яркость/Контрастность), который мы создали в 12 шаге. Добавьте этому слою слой-маску. Очень мягкой круглой кистью замаскируйте области самого яркого облака, окна и газона под окном, как показано красным цветом на скриншоте ниже:

Вот что получится:

Шаг 21

Начните добавлять свет, идущий из окна. Создайте новый слой поверх всех остальных слоев. Назовите этот слой light (свет). Возьмите очень мягкую круглую кисть с Opacity (непрозрачностью) около 5-15%. Оранжевым цветом нарисуйте свет вокруг окна. Мы можем уменьшить количество света, уменьшив непрозрачность слоя, если нарисованный нами свет получится слишком насыщенным.

Шаг 22

Создайте еще один новый слой над слоем со светом. Залейте этот слой черным цветом, режим наложения выберите ColorDodge (Осветление основы). На этом слое рисуйте желтым цветом вокруг окна при помощи очень мягкой круглой кисти с непрозрачностью 3-5%. Аккуратно добавляйте желтый там, где это необходимо. Вот как выглядит этот слой с режимом наложения Normal (Обычные).

А вот эффект, который получится, если изменить режим наложения на ColorDodge (Осветление основы). Мы можем ослабить эффект, понизив непрозрачность, если, опять же, свет будет чересчур насыщенным.

Шаг 23

Приступим к созданию дверного окна. Этот процесс повторяет действия, совершенные при создании главного окна. Для начала, создайте новый слой над всеми остальными слоями. На этом слое создайте выделенную область прямоугольной формы, залейте белым цветом. Затем добавьте эффект GaussianBlur (Размытие по Гауссу), с радиусом около 3-4%.

Далее, на новом слое нарисуйте оконную раму.

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

И, наконец, опять на новом слое, залитым черным цветом и с режимом наложения ColorDodge (Осветление основы), рисуйте мягкой кистью желтого цвета в области окна. Выберите все слои окон и нажмите Ctrl/Cmd + G, чтобы сгруппировать их. Назовите эту группу window (окно).

Шаг 24

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

Шаг 25

В этом шаге мы добавим бликов там, где необходимо. Создайте новый слой поверх всех-всех существующих слоев. Залейте этот слой 50%-ным серым (#808080), режим наложения Overlay (Перекрытие). Теперь, на этом слое при помощи очень мягкой кисти желто-оранжевым цветом прорисуйте кирпичи вокруг главного окна. Вот как выглядит этот слой с режимом наложения Normal (Обычные).

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

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

Вот результат.

Работа закончена? Боюсь, еще нет.

Шаг 26

Но не переживайте, дальнейшие шаги будут последними и самыми интересными, после всех этих вырезаний и масок, просто гарантирую :) Мы добавим немного света из окон сцене. Для начала нам необходимо создать новый корректирующий слой поверх всех остальных слоев. Нажмите в последний раз Layer > NewAdjustmentLayer > SelectiveColor (Слои > Новый корректирующий слой > Выборочная коррекция цвета). Параметры установите такие же, как на скриншоте ниже:

Примечание переводчика: на скриншоте

1) Цвета: Зеленые

  • Голубой: 0
  • Пурпурный: -34
  • Желтый: +29
  • Черный: -20

2) Цвета: Нейтральные

  • Голубой: 0
  • Пурпурный: 0
  • Желтый: 0
  • Черный: -58

3) Цвета: Черные

  • Голубой: 0
  • Пурпурный: 0
  • Желтый: 0
  • Черный: -1

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

Но этот эффект нам нужен не полностью, так что мы его спрячем. Убедитесь, что мы находимся на маске этого слоя. Нажмите Ctrl/Cmd + I, чтобы инвертировать маску, то есть полностью заполнить ее черным, чтобы скрыть эффект. Этот эффект мы добавим лишь в нескольких областях изображения, там где нам нужны лучи света. Чтобы это сделать, возьмите мягкую круглую кисть с Opacity (непрозрачностью) около 10%. Белым цветом, осторожно сделайте несколько мазков в тех местах, где из окон должен литься свет.

Вот вам мой результат для вдохновения.

Мы можем ослабить яркость оранжевого света из окна, если покажется, что он очень уж насыщенный. Зайдите в папку каждого окна, и уменьшите Opacity (непрозрачность) соответствующего слоя до 55-60%.

Готовый результат:

А вот альтернативный результат для вашего вдохновения:

Урок в формате PSD

Автор: Dek Wid

Понравилось? Поделитесь с друзьями!
Источник: www.photoshoptutorials.ws Переводчик: Гильзидинов Руслан
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
1101196121 апреля 201712

такой вариант

Ельза21 апреля 201714

Одинокий дом в ночи... Спасибо большое:)

Mr.Evil21 апреля 201713

Сделал по-своему, но за идею спасибо!

Dominik@20 апреля 201721

Спасибо огромное за очень интересньій и познавательный урок!

Ad6920 апреля 201711

Спасибо за урок.

Elena160320 апреля 201714

Спасибо большое!
Люблю "таинственные" уроки!!!

totsamyitip20 апреля 201716

Свой вариант!

LifeDragon20 апреля 201723

Спасибо!

Mariy77719 апреля 201713

Спасибо за интересный урок!

J.P.Monk19 апреля 201713

Спасибо за урок!

Михаил Федотов19 апреля 201712

спасибо)))))

viking19 апреля 201718

Спасибо! В конце добавил туман.

В этот раз я старалась строго следовать уроку...

Stasya-Tu19 апреля 201724

Решила чуть поярче сделать...

Спасибо за урок! Очень увлеклась!

Ksenia S/T19 апреля 201714

Как-то так. Урок понравился.

Авторизация


Регистрация

Наверх