Сегодня мы создадим обои в японском стиле с принцессой в волшебном саду. В этом уроке Фотошоп вы узнаете некоторые интересные приемы извлечения объектов с фона и принципы комбинирования изображений между собой. Чтобы достичь реалистичности и глубины композиции, мы будем работать над правильным освещением и созданием впечатления объема внутри нее.
Предварительный просмотр финального результата:


 

Шаг 1.

Создаем в фотошоп новый документ (File-New или Ctrl+N) размером 2560 x 1440px с белым фоном.



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


 

Шаг 2.

Начнем с создания фона для нашей композиции. Открываем изображение горного пейзажа и вставляем его в наш документ, предварительно выделив (Ctrl+A, Ctrl+C (копировать), Ctrl+V (вставить)).


 

Шаг 3.

В этом шаге мы будем использовать передовой и очень эффективный метод извлечения сложных объектов с фона. Открываем изображение магнолии, и переходим в панель Каналы (Channels), она находится рядом с панелью «Слои»(Layers). Выбираем красный канал (Red), где наиболее сильный контраст между белым и черным цветом.



Переходим в меню Изображение-Вычисления (Image>Calculations) и в диалоговом окне опции в обоих источниках(Source) указываем красный канал (Red) с режимом смешивания Умножение (Multiply). Нажимаем Ок.



Далее, оставим только белый и черный цвет на изображении ветки. Для этого, переходим в меню Изображение-Коррекции-Уровни (Image-Adjustments-Levels) и выполняем настройки со скриншота ниже:



Теперь, создаем выделение только белой области, т.е. самой ветки (меню Выделение-Загрузить выделенную область(Select>Load Selection)). Активируем канал RGB, чтобы вернуть цвет изображению, и возвращаемся в панель «Слои»(Layers). Копируем выделенную веточку на отдельный слой, нажав Ctrl+J. Теперь она вырезана с фона.



Импортируем ветку магнолии в нашу композицию, предварительно загрузив выделение слоя с ней (Ctrl+клик по иконке данного слоя). Копируем (Ctrl+C), переходим в основной документ и вставляем (Ctrl+V) ветку в левый верхний угол горного пейзажа. Размещаем магнолию в положении, показанном ниже при помощи Трансформирования (Edit-Transform или Ctrl+T). Не беспокойтесь об артефактах (синей тонкой обводке) вокруг ветки, их можно удалить при помощи функции «Уточнить край» (Select-Refine Edge).


 

Шаг 4.

Дублируем слой с цветами (Ctrl+J) и распределяем их по левой стороне холста.


 

Шаг 5.

Открываем изображение японской принцессы и извлекаем ее с фона любым удобным для вас способом (например Пером(Pen tool) или Лассо (Lasso Tool)). Выделив, переносим девушку в композицию (Ctrl+C, Ctrl+V).



Размещаем только верхнюю половину девушки в левой части холста ниже слоев с ветками магнолии.


 

Шаг 6.

Теперь нам нужно создать деревянную ограду вокруг сада. Открываем изображение перил и извлекаем их с фона при помощи Пера (Pen Tool), как показано ниже. Выделив контур (Ctrl+Enter) нужной части изображения, копируем и вставляем его в работу.



Помещаем перила под слоем с принцессой.


 

Шаг 7.

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


 

Шаг 8.

Открываем изображение китайского фонаря. Здесь мы используем удобный способ удаления лишнего объекта (палки) с поверхности нужного нам элемента картины (фонаря), чтобы получилась единая однородная текстура светильника. Разблокируем фон двойным кликом мыши по его миниатюре. Сначала вырезаем фонарь с фона инструментом перо (Pen tool). Выделяем контур (Ctrl+enter), инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее клавишей Delete.



Теперь, используя инструмент Лассо (Lasso Tool(L)), создаем выделение палки на поверхности фонаря. Переходим в меню Редактирование-выполнить заливку (Edit> Fill) и выбираем в разделе «использовать» (Us) вариант «заливка с учетом содержимого» (Content-Aware). Произойдет заполнение области палки близлежащей структурой фонаря.





Переносим (Move Tool) или копируем (Ctrl+C, Ctrl+V) наш фонарик в основной документ и размещаем его в правом верхнем углу композиции.


 

Шаг 9.

Вы, наверное, заметили, что на фонарь свет падает слева, что не соответствует источнику света в нашей композиции (у нас справа). Следовательно, отражаем фонарь по горизонтали (Edit-Transform-Flip Horyzontal), следуя логичному освещению в сцене.


 

Шаг 10.

Здесь мы создадим замок на вершине холма. Открываем изображение замка, вставляем его в иллюстрацию ниже слоя с фонарем. Добавляем маску (Layer-Layer Mask-Reveal All) на этот слой, и черной мягкой кистью (Brush) проводим по нижнем краю замка, смешивая его с поверхностью гор.



Используя инструмент Штамп (Stamp Clone tool), удаляем горы за замком, заполняя эту область текстурой неба.



На слое с дворцом переходим в меню Изображение-Коррекции-Уровни (Image> Adjustments> Curves) и придаем ему оттенок гор, выполняя настройки со скриншота.



Поскольку холм находится очень далеко, он как бы подернут дымкой. Замок тоже должен выглядеть нерезко, поэтому добавим ему этот эффект при помощи коррекции Экспозиция (Image-Adjustment-Exposure). Выполняем настройки со скриншота:


 

Шаг 11.

Наше внимание сконцентрировано в основном на принцессе, поэтому остальные элементы композиции должны находиться не в фокусе, т.е. быть размыты. На слое с дворцом применяем Размытие по Гауссу (Filter-Blur-Gaussian blur) c радиусом 0,9 рх.


 

Шаг 12.

Город нуждается также в идеальном сочетании с горами. На слое с городом переходим в меню Изображение-Коррекции-Кривые (Image> Adjustments> Curves) и выполняем настройки во всех трех каналах и RGB.



Для города также добавляем эффект отдаленности. Переходим в меню Изображение-Коррекции-Экспозиция(Image>Adjustments>Exposure) и выполняем настройки коррекции.


 

Шаг 13.

Обычно высокогорные районы находятся в зоне облаков, поэтому добавим их на изображение города при помощи соответствующих кистей. Загружаем кисти наборов облаков из ресурсов урока через меню Редактирование-Управление наборами-Кисти (Edit-Preset Manager-Brushes). Создаем новый слой (Ctrl+Shift+N) выше слоя с городом и белым цветом рисуем облака поверх него.


 

Шаг 14.

Теперь выбираем слой с принцессой и изменяем его оттенок с помощью коррекции Кривые (Image-Adjustment-Curves).


 

Шаг 15.

Выполняем цветокоррекцию для деревянных перил, используя Кривые (Image-Adjustment-Curves).


 

Шаг 16.

Открываем изображение флагов из материалов урока и извлекаем их с фона способом, описанным в шаге 3 при помощи каналов (Channels) и уровней (Levels).



С помощью коррекции Уровни (Image-Adjustment-Levels) мы не достигли полного заполнения флага черным цветом, поэтому выбираем Кисть (Brush) черного цвета и закрашиваем на флаге белые промежутки.



Загружаем выделение флагов (Select-Load Selection), затем инвертируем его (Ctrl+Shift+I) и удаляем (Delete) лишнее:





После извлечения флагов с фона, вставляем их в иллюстрацию (Ctrl+C, Ctrl+V) ниже слоя с магнолией и отражаем по горизонтали (Edit-Transform-Flip Horizontal), чтобы соотнести с источником света в сцене.


 

Шаг 17.

Как вы знаете, национальный китайский колорит – красный, поэтому изменим цвет флага, чтобы он соответствовал теме композиции. На слое с флагом переходим в меню Изображение-Коррекции-Цветовой тон/Насыщенность (Image> Adjustments> Hue / Saturation) и активируем флажок опции Тонирование (Colorize). Увеличиваем насыщенность и яркость, выполняя настройки.



Теперь создадим эффект движения краев флага, размыв их немного. Выбираем инструмент Лассо (Lasso Tool (L)) в режиме «добавление к области выделения» (вторая иконка в верхнем меню). На слое с флагом выделяем части справа от девушки. С выделение переходим в меню Фильтр-Размытие-Размытие в движении (Filter> Blur> Motion Blur) и устанавливаем смещение (Distance) на 17 рх c углом (Angle) 0°, чтобы получить развевающиеся края.


 

Шаг 18.

Открываем изображение зеленых ветвей и извлекаем их с фона способом, указанном в шаге 3. Вставляем ветви в нашу работу поверх фонаря и принцессы.



Предположим, что наши зеленые веточки находятся ближе всех объектов к нам. Для создания эффекта глубины пространства внутри композиции, мы размоем немного ветви слева при помощи фильтра «Размытие по Гауссу» (Filter-Blur-Gaussian Blur) с радиусом 2,9 рх.



Для ветвей поверх фонаря мы тоже применим «Размытие по Гауссу», но сделаем эти ветви немного дальше предыдущих в плане перспективы. Устанавливаем радиус размытия на 1,1 рх (Filter-Blur-Gaussian Blur).


 

Шаг 19.

Так как источник света находится справа в иллюстрации, то зеленые ветви должны отбрасывать тень на поверхность фонаря. Создадим тень от ветвей. Дублируем слой с ветвями на фонаре (Ctrl+J) и на дубликате переходим в меню Изображение-Коррекции-Уровни (Image-Adjustment-Levels). Выполняем настройки опции, чтобы получить черный силуэт ветвей (тень).



Помещаем слой с тенью под слой с ветвями и сдвигаем его немного вниз инструментом Перемещение (Move Tool), следуя углу солнечного света. Нам нужна тень только поверх фонаря, а лишнюю тень за его пределами мы удалим. Для этого загружаем выделение слоя с фонарем (Ctrl+клик по иконке данного слоя), инвертируем выделение (Ctrl+Shift+I) и на слое с тенью нажимаем Delete, удалив лишнее.



Обычно тени объектов, находящихся в воздухе не имеют острых краев и высокую непрозрачность. Они легки и слегка размыты. Применяем к слою с тенью фильтр Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 2,6 рх, затем снижаем непрозрачность (Opacity) этого слоя о 17%.


 

Шаг 20.

Теперь, чтобы создать впечатление, что принцесса стоит в глубине сцены, мы разместим на переднем плане белые цветы вишни и края зеленого листа. Открываем изображения цветков вишни и листьев из материалов урока и вставляем их в иллюстрацию (Ctrl+C, Ctrl+V) поверх всех предыдущих слоев. Размещаем цветы в левом нижнем углу, а лист внизу справа. Применяем к цветам Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 4 рх, а к листьям 8,8 рх, создавая ощущения нахождения их прямо перед нами.


 

Шаг 21.

Какой же королевский сад без фонтана? Дополним иллюстрацию им. Открываем изображение фонтана и извлекаем с фона только его часть любым способом (например, Пером (Pen Tool)). Выделив, переносим фонтан в нашу работу и размещаем справа внизу под слоем с листьями.



Загружаем в фотошоп водные кисти 1,2,3 из ресурсов урока через меню Редактирование-Управление наборами-Кисти(Edit-Preset Manager-Brushes) и белым цветом создаем струи воды поверх фонтана и стекающие вниз.



Теперь, на новом слое (Ctrl+Shift+N) ниже слоя с брызгами фонтана рисуем зеленые растения справа, чтобы обогатить зелень в саду. Предварительно загрузите кисти растений из материалов урока.


 

Шаг 22.

Устанавливаем белый цвет для переднего плана и загружаем кисти солнечных лучей. Рисуем лучи поверх принцессы.



Далее, создаем новый слой (Ctrl+Shift+N) между слоем с фонарем и зелеными ветвями на нем. Добавляем снова солнечные лучи на поверхность фонаря.


 

Шаг 23.

Загружаем кисти с птицами в фотошоп и создаем новый слой (Ctrl+Shift+N) выше слоя с пейзажем. Используем для рисования птиц вдалеке цвет # c4c5cc.


 

Шаг 24.

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


 

Шаг 25.

В этом шаге мы займемся созданием летающих холмов, как предполагалось в эскизе. Открываем изображения Эльбруса 1,2 и инструментом Лассо (Lasso Tool(L)) выделяем только вершины, как показано ниже.

Образуем из двух частей один летающий холм, корректируем его форму при помощи Трансформирования (Ctrl+T), затем объединяем два слоя с вырезанными частями (Ctrl+E) в один.


 

Шаг 26.

Переносим холм в композицию (Move Tool) и размещаем его слева под слоем с флагом.



На слое с холмом применяем коррекцию Кривые (Image-Adjustment-Curves), чтобы придать ему розовый оттенок композиции.



Поскольку солнечный свет падает справа на объекты композиции, добавляем его и на правую сторону холма. Закрашиваем ее Кистью (Brush) светлого оттенка.



Далее, рисуем корни, свисающие с холма. Инструментом Лассо (Lasso Tool) в режиме «добавление к области выделения»(вторая иконка в верхнем меню) создаем контуры корней. Затем, заливаем (Shift+F5 или Edit-Fill) выделения цветом #d4c2cd.


 

Шаг 27.

Теперь на вершине холма разместим храм. Открываем его изображение и извлекаем верхнюю половину храма с фона. Вставляем храм в иллюстрацию (Ctrl+C, Ctrl+V) и размещаем его на вершине летящего холма.





Объединим в одном цветовом оттенке храм и летающий холм. Для этого, загружаем выделение слоя с храмом (Ctrl+клик по иконке данного слоя) и заполняем выделение цветом #6dce2.



Размоем немного летающий холм с корнями при помощи фильтра Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,4 рх.


 

Шаг 28.

Создаем вдалеке еще один летающий холм, дублировав оригинал холма с корнями и храмом. Сначала дублируем слои холма, корней и храма (Ctrl+J), затем объединяем эти слои в группу, предварительно выделив их в панели слоев(Ctrl+клик по миниатюрам слоев, затем Ctrl+G) и перемещаем группу (Move Tool) вправо. Уменьшаем размер второго холма при помощи Трансформирования (Ctrl+T).


 

Шаг 29.

Создаем новый слой (Ctrl+Shift+N) выше слоя с горным пейзажем и загружаем в работу кисти планет из материалов урока (Edit-Preset Manager-Brushes). Выбираем кисти из набора и белым цветом рисуем планеты на заднем плане композиции.
 

Шаг 30.

В этом шаге мы создадим баннер с иероглифами в верхней части композиции. Открываем в фотошоп изображение баннера и извлекаем его с фона Пером (Pen Tool). Выделив контур (Ctrl+Enter), копируем (Ctrl+C), затем вставляем (Ctrl+V)баннер в иллюстрацию под слоем с солнечными лучами.




 

Шаг 31.

Наш баннер должен на чем-то крепиться. Добавим в качестве крепления веревку с узлом. Открываем изображение веревки и извлекаем ее с фона инструментом Волшебная палочка (Magic Wand Tool). Переносим веревку в основной документ и прикрепляем ее узлом к левому нижнему углу баннера.
Разворачиваем веревку при помощи Трансформирования (Edit-Transform или Ctrl+T). Размещаем этот слой под слоем с солнечными лучами.





Добавляем к веревке Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,4 рх.


 

Шаг 32.

Далее, нарисуем вокруг летающих холмов облака. Загружаем в фотошоп кисти облаков (Edit-Preset Manager-Brushes) и белым цветом на отдельном слое выше слоев с холмами создаем облака.



На этом мы заканчиваем! Вот так выглядит наш финальный результат. Довольно впечатляюще!


 

Используемые материалы:

Горный ландшафт
Девушка-японка
Деревянные перила
Китайский фонарь 
Магнолия
Кисти птиц
Флаг
Кисти планет
Зеленый лист
Кисти солнечных лучей
Кисти облаков
Кисти облаков 2
Город
Замок на море
Ветви дерева
Кисти волос
Эльбрус
Эльбрус 2
Цветы вишни
Фонтан
Водные кисти 1
Водные кисти 2
Водные кисти 3
Кисти растений
Храм
Баннер
Канат