Мечтательный коллаж «Пейзаж за окном»

Материалы для урока

By the Window II – Девочка у окна
Snowy weather stock 11 – Зимний пейзаж
Clouds II Photoshop Brushes – Кисти в виде облаков
FREE STOCK Swing – Качели
Bear – Медведь
Fish Stock 0008 – Рыбки
Metal Texture 15 – Текстура металла
Paper Texture 1 – Текстура бумаги

Шаг 1. Создание нового документа

Давайте начнем с создания нового документа. Выберите File > New и установите следующие настройки:

• Presets: International Paper
• Size: A4
• Width: 2480 pixels
• Height: 3508 pixels
• Resolution: 300 pixels/inch
• Color Mode: RGB Color; 8 bit
• Background Contents: White

Шаг 2. Создание фона

В этом Шаге мы будем создавать фон. Для начала откройте изображение “By the Window II” в Фотошопе. Выберите инструмент Rectangular Marquee Tool (М) и создайте выделение, как показано на рисунке (выделите всю картинку за исключением черной рамки)

Возьмите инструмент Move tool (V) и перетащите выделенную область в документ, который вы создали в Шаге 1. Вы получите следующее:

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

Затем возьмите инструмент Transform tool (Ctrl + T) и масштабируйте изображение, как показано на рисунке: Чтобы увеличить картинку пропорционально, удерживайте клавишу SHIFT во время «растягивания».

Вы получите следующее:

Теперь удалим исходный вид из окна. Для этого выберите инструмент Polygonal Lasso Tool (L).

Чтобы удалить текущий вид из окна, создайте выделение при помощи Polygonal Lasso Tool (L). Для выделения области, кликните в точке, обведенной желтым цветом и далее кликайте левой кнопкой мыши по линии, обозначенной красным цветом. Когда дойдете до конца – замкните выделение, кликнув в ту же точку, с который вы начали.

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

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

От предыдущего вида остался небольшой кусочек, который нам предстоит удалить
Чтобы «удалить» этот участок, мы его закрасим

Для начала убедитесь, что у вас выбран слой «Background» (верхний). Затем создайте новый слой, нажав Ctrl + Shift + N – новый слой появится у вас над выбранным слоем «Background». В появившемся окошке назовите новый слой “Gray”.

Выберите инструмент Кисть – Brush tool ( B ). Нам нужен набор простых кистей, которые установлены в ФШ по умолчанию:

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

В открывшемся меню выберите “Reset Brushes”:

Теперь установите следующие настройки кисти:

• Размер кисти: 15px
• Hardness: 0%
• Opacity: 100%
• Flow: 100%
• Цвет кисти # 898989

Увеличьте масштаб до 400%

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

Теперь давайте закрасим выбранным цветом обведенные красным области:

Вот, что у вас получится:

Теперь давайте поработаем с другой областью. Для этого снова создайте новый слой (Ctrl + Shift + N) и назовите его “Gray 2”. Выберите инструмент Кисть – Brush tool ( B ) и установите следующие настройки:

• Brush size: 15px
• Hardness: 0%
• Opacity: 100%
• Flow: 100%
• Цвет # 8b8b8b
• Масштаб: 400%

Закрасьте выделенные области:

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

Теперь давайте там, чтобы серый цвет смотрелся более реалистично. Для этого создайте новый слой (Ctrl + Shift + N) и назовите его “White 1”. Выберите инструмент Кисть – Brush tool ( B ) и установите следующие настройки:

• Brush size: 40px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%
• Цвет # cdd5e2
• Масштаб: 200%

Проведите выбранной кистью в направлении красной стрелки:

У вас получится следующее:

Теперь давайте сделаем более реалистичной вторую «серую» область. Создайте новый слой (Ctrl + Shift + N) и назовите его “White 2”. Возьмите инструмент Brush tool ( B ) и установите следующие настройки:

• Размер кисти: 20px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%
• Цвет # 9f9f9f
• Масштаб: 200%

Проведите выбранной кистью по отмеченной области:

Вот, что у вас должно получиться:

Теперь давайте сгруппируем слои, относящиеся к фону. Выделите все слои, над которыми мы сейчас работали и нажмите Ctrl + G – слои объединятся в группу.
Назовите группу “BG”. Чтобы переименовать группу, кликните дважды по ее названию. Чтобы посмотреть слои, которые находятся в группе, нажмите на треугольник слева от иконки группы:

Шаг 3. Создание вида из окна

В этом Шаге мы добавим снежный пейзаж в качестве вида из окна. Для начала откройте изображение “Snowy weather stock 11” и перетащите его при помощи Move tool (V) в вашу работу. Новый слой с пейзажем должен располагаться под слоем “Background”:

После того, как разместите слой с пейзажем под слоем с девочкой, переименуйте его в “Snowy landscape”. Вот, что у вас получится:

Пейзаж смотрится ужасно! Давайте отразим его по горизонтали. Для этого выберите инструмент Transform tool (Ctrl + T), убедитесь, что вы находитесь на слое с пейзажем и кликните правой кнопкой мыши по изображению. В открывшемся меню выберите “Flip Horizontal”. Вот, что у вас получится:

Пейзаж снова смотрится отвратительно! Снова выберите инструмент Transform tool (Ctrl+ T) и уменьшите размеры слоя с пейзажем как показано на рисунке:

Потяните за обведенный край в направлении стрелки:

Вот, что у вас должно получиться:

Теперь создайте новый слой (Ctrl + Shift + N), назовите его “Light” и поместите над слоем “Snowy landscape”. Сейчас мы добавим освещение для слоя с пейзажем. Выберите инструмент Кисть – Brush tool ( B ) и установите следующие настройки:

• Размер кисти: 700 px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%
• Цвет # ffffff

Проведите кистью в направлении красной стрелки:

Вот, что у вас получится:

Когда закончите, выделите слои “Light” и “Snowy Landscape” и сгруппируйте их (Ctrl + G). Назовите группу “Through the window” – эта группа располагается внутри группы “BG”.

Шаг 4. Создание загадочного облака

В этом Шаге мы создадим загадочное облако, на котором держатся маленькие качели. Для начала, перейдите на слой “Light” и создайте новый слой (Ctrl + Shift + N). Назовите его “Cloud”. Поскольку вы вначале перешли на слой “Light”, то новый слой у вас появится над ним, внутри группы “Through the window”.

Теперь давайте загрузим набор кистей “Clouds II Photoshop Brushes” (в Фотошопе он называется “SS-Clouds II”). Для этого выберите инструмент Кисть – Brush tool ( B ), кликните правой кнопкой на изображении и нажмите на стрелочку:

Из открывшегося меню выберите Load Brushes. Выберите путь, где у вас лежат скачанные кисти и нажмите ОК. Снова кликните правой кнопкой по изображению – вы увидите, что у вас появились новые кисти. Выберите вот эту кисть:

После того, как выберете кисть, установите для нее следующие настройки:

• Размер кисти: 400px
• Hardness: Default
• Opacity: 100%
• Flow: 100%
• Цвет # ffffff

Сделайте отпечаток кисти, как показано на рисунке:

Получим облачко:

Шаг 5. Создание качелей

Теперь давайте добавим качели. Откройте изображение «FREE STOCK Swing». При помощи инструмента Move tool (V) перетащите его в вашу работу (изображение с качелями – это файл PNG – значит, у качелей фон прозрачный). После того, как переместите качели в вашу работу, назовите этот слой “swing”.

Расположите качели как показано на рисунке:

Поместите слой с качелями под слоем “Cloud”. Перейдите в режим трансформации – Ctrl + T > правый клик по изображению > Flip Horizontal. Вот, что получится:

Снова активируйте режим трансформации – Ctrl+T и уменьшите размер качелей, как показано на рисунке:

После того, как вы уменьшили размер, давайте немного удлиним веревки от качелей. Выберите инструмент Rectangular Marquee Tool (M) и создайте выделение, показанное на рисунке:

Теперь нажмите Ctrl + J, чтобы продублировать выделенный слой с качелями. Перейдите на копию слоя, активируйте режим трансформации (Ctrl + T) и вытяните вверх указанную область:

Вот, что у вас должно получиться:

После того, как закончите, выделите оба слоя с качелями и нажмите Ctrl+E, чтобы слить выбранные слои в один. Переименуйте получившийся слой в “Swing”. Теперь давайте скорректируем Яркость/Контрастность (Brightness/Contrast) слоя с качелями. Для этого перейдите на слой “Swing” и выберите Image > Adjustments > Brightness/Contrast. Установите следующие настройки:

• Brightness: -150
• Contrast: -50
• Use Legacy: уберите галочку.

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

Шаг 6. Добавление рыбок

В этом Шаге мы добавим на небо нескольких рыбок, парящих в небе и смотрящих на качели Итак, откройте изображение “Fish Stock 0008”, выберите инструмент Polygonal Lasso Tool (L) и выделите рыбку по указанному контуру (лучше все же выделять объекты при помощи Пера – Pen Tool (P) – прим. Переводчика):

После того, как вы создадите выделение, выберите инструмент Move tool (V) и перетащите рыбку в вашу работу. Назовите слой с рыбкой – “Fish”.Слой с рыбкой должен находится внутри группы “Through the window”, над слоем “Cloud”. Активируйте режим трансформации (Ctrl + T), находясь на слое с рыбкой, кликните правой кнопкой мыши по изображению и выберите Flip Horizontal.
Вот результат:

Снова активируйте режим трансформации и уменьшите размер рыбки:

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

Теперь выберите инструмент Move tool (V) и разместите рыбку как показано на рисунке:

Теперь давайте скорректируем настройки Оттенка и насыщенности слоя с рыбкой. Для этого перейдите на слой “fish” и выберите Image > Adjustments > Hue/Saturation. Установите следующие настройки:

• Edit: Master
• Hue: 0
• Saturation: -25
• Lightness: 15

Вот, что у вас получится:

Шаг 7. Добавление плюшевого медведя

В этом Шаге мы добавим симпатичного плюшевого медведя в наш коллаж. Для этого откройте изображение “bear” и при помощи Polygonal Lasso Tool (L), создайте вот такое выделение:

При помощи инструмента Move tool (V) перетащите медведя в вашу работу. Поместите слой с мишкой поверх всех групп и слоев на панели слоев и посадите его сюда:

Назовите слой с мишкой “Teddy bear”. Перейдите в режим трансформации (Ctrl + T) и уменьшите размер медведя:

Теперь давайте скорректируем Насыщенность и Оттенок слоя с медведем, чтобы он лучше вписывался в окружающую цветовую гамму. Для этого убедитесь, что вы находитесь на слое “Teddy bear” и выберите Image > Adjustments > Hue/Saturation. Установите следующие настройки:

• Edit: Master
• Hue: 0
• Saturation: -50
• Lightness: -25

Вот, что у вас должно получиться:

Теперь нам нужно добавить тень на мишку, чтобы он вписался в общую картину. Для этого нам понадобится инструмент Burn tool (O).

После того, как вы выбрали инструмент Burn tool (O), установите следующие настройки инструмента:

• Размер кисти: 175px
• Hardness: 0%
• Range: Midtones
• Exposure: 25%

Проведите инструментом Burn Tool в областях, отмеченных красными:

Теперь проведем тем же инструментом вот в этой области:

Вот, что у вас должно получиться:

Если вы хотите сделать тень на медведе еще более темной (порой одного инструмента Burn Tool недостаточно), тогда ее нужно нарисовать. Для этого создайте новый слой (Ctrl+ Shift + N), назовите его “Darken” и поместите над слоем “Teddy bear”. Переведите этот слой в режим обтравочной маски, кликнув по нему правой кнопкой мыши на панели слоев и выбрав из меню “Create Clipping Mask”. В этом режиме вы будете рисовать только по самому медведю, на задевая остальные слои.
Режим обтравочной маски выглядит так:

Выберите инструмент Кисть – Brush tool ( B ) и кликните правой кнопкой по изображению – вы увидите, что у вас загружены кисти с облаками, а нам нужно вернуться к стандартному набору кистей. Для этого «сбросьте» загруженные кисти, нажав на стрелочку, показанную на рисунке:

И выбрав “Reset Brushes” из выпадающего меню.
После того, как у вас снова будут отображаться стандартные кисти, выберите самую простую круглую кисть и установите следующие настройки:

• Размер кисти: 35px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%
• Цвет # 000000
• Масштаб: 200%

Убедитесь, что вы находитесь на слое “Darken”. Проведите кистью по контуру медведя, в направлении стрелок:

Вот, что у вас получится:

Теперь давайте создадим тень от мишки. Для начала создадим новый слой (Ctrl + Shift + N), назовем его “Shadow” и поместим его под слоем “teddy bear”:

Выберите инструмент Кисть – Brush tool ( B ) и установите следующие настройки кисти:

• Размер кисти: 35px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%
• Цвет # 000000
• Масштаб: 100%

Перейдите на слой “Shadow” и закрасьте выбранной кистью область, отмеченную голубым цветом:

У вас должно получиться что-то вроде этого:

После того, как закончите, выделите все слои, относящиеся к мишке и объедините их в группу. Назовите эту группу “Teddy Bear”.

Шаг 8. Цветокоррекция

Теперь давайте придадим нашей работе особое настроение и сделаем мы это при помощи цветокоррекции. Для начала поработаем над Яркостью и Контрастом. Итак, создайте новый корректирующий слой – кликните по иконке “Create New Fill/Adjustment layer” внизу панели слоев и выберите “Brightness/Contrast”

установите следующие настройки:

• Brightness: -30
• Contrast: -50
• Use Legacy: уберите галочку

Результат:

Обратите внимание, что этот корректирующий слой (и все последующие) должны находится поверх всех слоев.
Аналогично создайте корректирующий слой “Solid Color”. После того, как вы выберете этот корректирующий слой, у вас откроется окно, в котором вам нужно выбрать цвет. Выберите цвет # 00031b. После применения этого слоя, вся наша работа стала темно синей – давайте скорректируем настройки прозрачности и режим наложения слоя “Solid Color”.
По умолчанию Opacity (Прозрачность) = 100%, а режим наложения слоя (Blending mode) = Normal.

Установите следующие настройки прозрачности и режима наложения:

• Blending Mode: Exclusion
• Opacity: 50%

Теперь давайте скорректируем экспозицию (Exposure). Создайте новый корректирующий слой «Exposure». Установите следующие настройки:

• Exposure: +0.15
• Offset: 0.0000
• Gamma Correction: 1.20

Далее создайте еще один корректирующий слой Brightness/Contrast и установите для него такие настройки:

• Brightness: 0
• Contrast: -50
• Use Legacy: уберите галочку

Создайте новый корректирующий слой «Photo Filter». Настройки следующие:

• Filter: Deep Blue
• Density: 25%
• Preserve Luminosity: поставьте галочку

Создайте новый корректирующий слой «Hue/Saturation». Настройки слоя:

• Edit: Master
• Hue: 0
• Saturation: +25
• Lightness: 0

В результате у вас должно получиться следующее:

Шаг 9. Добавление текстур

В этом Шаге мы добавим парочку текстур, чтобы наша работа выглядела еще лучше
Откройте текстуру “Paper Texture 1” и при помощи Move tool (V) перетащите ее в вашу работу.

Перейдите в режим трансформации (Ctrl + T) и увеличьте размер текстуры как показано на рисунке:

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

Изменим режим наложения и прозрачность слоя с текстурой:

• Blending mode: Multiply
• Opacity: 40%

Теперь давайте добавим еще одну текстуру. Откройте изображение “Metal Texture 15” и перетащите его в вашу работу. Аналогично, при помощи трансформации, растяните текстуру:

Текстура перекрывает все изображение – поэтому снова изменим ее режим наложения и прозрачность:

• Blending Mode: Soft Light
• Opacity: 100%

Вот, что у вас получится:

Ну и наконец, давайте слегка затемним края изображения, чтобы сфокусировать внимание зрителя в центр изображения. Для этого создайте новый слой, назовите его “Darken sides”. И поместите поверх всех слоев.
Выберите инструмент Кисть – Brush tool ( B ) и установите следующие настройки:

• Размер кисти: 900px
• Hardness: 0%
• Opacity: 25%
• Flow: 100%

Проведите кистью по краям изображения:

Вот, что у вас получится (темная рамка по краям изображения):

Финальный результат!

Автор: Michael Vincent Manalo
Перевод: Mangorielle