Меняем вид из окна в Фотошоп

By Lipka Последнее обновление Пятница, 9 сентября

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

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

Необходимый материал:

By the Window II — Eirian stock

Snowy weather stock 11 — SimplyBackgrounds

Clouds II Photoshop Brushes — redheadstock

FREE STOCK Swing — mariamurphy

Bear — kristal29

Fish Stock 0008 — phantompanther stock

Metal Texture 15 — Wojtar stock

Paper Texture 1 — Wojtar stock

Шаг 1: Создать новый файл в Фотошоп

Создаем новое изображение, File > New (Файл – Новый), и задаем следующие параметрыs:

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» by Eirian stock. Открыв его, активируйте инструмент Прямоугольная область — Rectangular Marquee Tool, это можно сделать при помощи клавиши M и произведите выделение вокруг изображения, но оставьте маленькую черную границу. but disregard the little black border. Посмотрите на изображение ниже:

Инструмент Перемещение (клавиша V). Теперь вставьте изображение в холст. Должно получиться следующее:

Переименуйте слой на Задний план. Чтобы это сделать, нажмите двойным щелчком по слову «layer 1» (это наш слой — «By the window II») для появления текстовой рамки, после чего введите текст.

Пример:

Инструмент Трансформирование — Transform tool (Ctrl/Cmd + T) и измените изображение как ниже:

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

Теперь приступим к замене пейзажа за окном. Начнем с активации инструмента Polygonal Lasso Tool – Прямолинейное лассо (L).

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

Обвели, теперь нажмите Delete, чтобы убрать вид за окном.

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

Как нам это убрать that? Мы не можем воспользоваться Ластиком — Eraser tool (E), это не будем правдоподобно выглядеть. Поэтому мы нарисуем на нем!

Для начала убедитесь, что задний план активен и создайте новый слой (Ctrl/Cmd + Shift + N), поверх заднего плана повится новый слой автоматически – когда откроется таблица создания нового слоя, поставьте «Gray» в строке имени.

После этого активируйте инструмент Кисть — Brush tool (B), убедитесь, что стоит набор кистей default Photoshop brushes:

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

Затем нажмите на «Reset Brushes» (восстановить кисти) из меню содержания.

Введите следующие параметры для Кисти — Brush tool (B):

Brush size (размер): 15px

Hardness (жесткость): 0%

Opacity (непрозрачность): 100%

Flow (нажим): 100%

#: 898989

Zoom: 400%

Заметка: #: 898989 — это цвет кисти (черный). Чтобы установить его, следуйте указаниям ниже:

Кликнув по Основному цвету, откроется окно Цветов. Вставьте номер цвета в нужную строку:

Сделав это, вы заметите, что цвет Основного цвета изменился.

Еще вам нужно знать об уровне зума — Zoom level. The Zoom level можно найти в окне навигации Navigator Window – оно выделено на изображении ниже:

Будем рисовать с зумом в 400%.

Результат будет таким:

Зафиксируем другую часть. Создадим новый слой (Ctrl/Cmd + Shift + N) и назовем «Gray 2». Активируем Кисть — Brush tool (B) и поставьте следующие настройки:

Brush size (размер): 15px

Hardness (жесткость): 0%

Opacity (непрозрачность): 100%

Flow (нажим): 100%

#: 8b8b8b

Zoom: 400%

Рисуем:

Результат:

Улучшим цвета этих «gray» для придания изображению большей реалистичности. Мы сделаем это, добавив белого цвета поверх некоторых нарисованных частей. Создайте новый слой (Ctrl/Cmd + Shift + N) и назовите его «White 1».

Активируйте Кисть — Brush tool (B) и поставьте следующие параметры:

Brush size: 40px

Hardness: 0%

Opacity: 25%

Flow: 100%

#: cdd5e2

Zoom: 200%

Результат:

Теперь добавим белого на другую область «gray».

Создайте новый слой (Ctrl/Cmd + Shift + N) и назовите его «White 2». Активируйте Кисть Brush tool (B) и поставьте следующие настройки:

Brush size: 20px

Hardness: 0%

Opacity: 25%

Flow: 100%

#: 9f9f9f

Zoom: 200%

Результат:

Готово, теперь выделите все слои и нажмите Ctrl/Cmd + G , чтобы их сгруппировать. Это нам нужно, чтобы не было в дальнейшем путаницы. Переименуйте эту группу на «Background».

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

Шаг 3: создаем вид за окном

В этом шаге мы добавим снежный пейзаж. Откройте изображение «Snowy weather stock 11» by SimplyBackgrounds. Нам не надо теперь делать сякого рода выделения, нам нужно всего лишь вставить его в наш холст, используя при этом Инструмент Перемещение Move tool (V). Разместите этот слой ниже всех остальных. Вот, как должно быть:

После перемещения назовите его «Snowy landscape». «Snowy landscape» должен появиться как на изображении ниже:

Пейзаж конечно же не доработан! Нам нужно отобразить его горизонтально – активируйте Трансформирование Transform tool (Ctrl/Cmd + T), слой с пейзажем выделен, и затем правым кликом по холсту, чтобы показать меню данного инструмента. Нажмите на «Flip Horizontal» – Отобразить по горизонтали.

Получится так:

Снова активируйте Трансформирование (Ctrl/Cmd + T) и измените размер, следуя инструкциям ниже:

Результат:

Создайте новый слой (Ctrl/Cmd + Shift + N), назовите его «Light» и поместите его поверх слоя «Snowy landscape» . С помощью этого слоя мы усилим свет на слое «Snowy landscape».

Активируйте Brush tool (B) и установите следующие параметры:

Brush size: 700 px

Hardness: 0%

Opacity: 25%

Flow: 100%

#: ffffff

Результат:

Выделите слои «Light» и «Snowy Landscape» и объедините их в одну группу (Ctrl/Cmd + G). Назовите группу «Through the window». Создана она внутри группы заднего слоя.

Шаг 4: Создаем мистическое облако

Сейчас мы добавим облако, к которому прикреплена веревка. Для начала выделите слой «Light», который мы только что создали и затем создайте новый слой (Ctrl/Cmd + Shift + N) и назовите его «Cloud».

Примечание: Мы выделили слой «Light» и теперь слой «Cloud» находится поверх него и находится в группе «Through the window».

Активируйте Кисть (B) и откройте набор кистей: «Clouds II Photoshop Brushes» by redheadstock. В Фотошоп их имя «SS-Clouds II». Чтобы загрузить их, просто нажмите правой кнопкой мыши на изображение на любом слое и нажмите стрелку, как показано ниже:

Появится меню и вы увидите, что нужно всего лишь нажать Загрузить новые кисти — Load Brushes.

Проделайте следующую операцию через папку Фотошоп на вашем компьютере: Adobe Photoshop > Дополнения > Кисти, чтобы наверняка убедиться в том, что кисти будут установлены. Теперь поместите сюда набор и подтвердите OK.

Нажмите на изображение, используя Кисть (B) и вы увидите, что ваши кисти «Clouds II Photoshop Brushes» активны.

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

Выбрав кисть, установите следующие параметры для кисти:

Размер: 400px

Жесткость: Default

Непрозрачность: 100%

Нажим: 100%

#: ffffff

Рисуем!

Что получилось:

Шаг 5: Создаем веревку, висящую из облака

Теперь добавим веревку. Откройте изображение «FREE STOCK Swing: by mariamurphy.

Активируйте Перемещение (V) и перетащите изображение на наш рабочий холст.

Примечание: Это файл PNG, и его задний фон прозрачный, что означает, что заднего фона нет, только объект. И так, после перемещения на холст , вы увидите только веревку. Переименуйте слой на «swing».

Сделайте как на картинке ниже:

Переименуйте слой на»swing».

Поместите слой ниже слоя «Cloud».

Активируйте Трансформирование — Transform tool (Ctrl/Cmd + T) и нажмите правой кнопкой мыши по холсту, затем Отразить по горизонтали — Flip Horizontal.

Результат:

Активируйте снова Трансформирование — Transform tool (Ctrl/Cmd + T) и измените размер, как показано ниже:

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

Нажмите на клавиатуре Ctrl/Cmd + J, чтобы создать дубликат выделенного слоя . Сделав это, активируйте Трансформирование (Ctrl/Cmd + T) и измените размер дубликата веревки как внизу:

Результат:

Объедините слой с дубликатом и оригинал, нажмите правой кнопкой мыши и выберите Объединить слои:

Переименуйте получившийся после объединения слов в «Swing». Приступим к коррекции Яркости/Контрастности этого слоя, чтобы он был виден через текстуры, которые мы будем накладывать в следующих шагах. Для этого убедитесь, что активен именно слой «Swing» и сделайте следующее Image > Adjustments > Brightness/Contrast (Изображение –Коррекция – Яркость/Контрастность) и установите такие параметры:

Яркость/Контрастность

Яркость: -150

Контрастность: -50

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

Должны получить следующее:

Шаг 6: Добавляем рыбку

В этом шаге мы добавим рыбку, которая парит в воздухе и смотрит на веревку. Откройте изображение «Fish Stock 0008» by phantompanther stock и активируйте Прямолинейное Лассо — Polygonal Lasso Tool (L) и создайте выделение вокруг рыбки как показано ниже:

Произведя выделение, активируйте инструмент Перемещение — Move tool (V) и вставьте рыбку в наш рабочий холст.

Сделав это, переименуйте слой на «Fish». Этот слой должен у вас также находиться в группе «Through the window». Поместите этот слой выше слоя «Cloud».

Активируйте Трансформирование — Transform tool (Ctrl/Cmd + T), правой кнопкой мыши по изображению, чтобы активировать меню и нажмите Flip Horizontal – Отразить по Горизонтали.

Результат:

Затем измените размер этой рыбки при помощи того же Трансформирования как показано ниже:

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

Повернем рыбку на тот угол, как внизу:

Чтобы переместить ее на то место, как показано на предыдущем изображении, активируем инструмент Перемещение — Move tool (V). Сделайте так:

Теперь изменим Цветовой тон/Насыщенность — hue/saturation рыбки. Для этого нажмите на слой «fish» и идите в Image > Adjustments > Hue/Saturation (Изображение — Коррекция – Цветовой тон/Насыщенность), установите следующие параметры:

Редактировать: Все

Цветовой тон: 0

Насыщенность: -25

Яркость: 15

Что получилось:

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

Шаг 7: Создаем Teddy Bear

Мы добавим милого мишку, который будет находить рядом с девочкой, которую увлекло увиденное за окном. Откройте изображение «bear» by kristal29. Активируйте Прямолинейное лассо — Polygonal Lasso Tool (L) и создайте выделение вокруг мишки как показано ниже:

Активируйте Перемещение (V) и переместите его на холст. Поместим его поверх всех слоев и групп, включая группу «Through the window» в целом .

Мишку поместите здесь:

Переименуйте слой на «Teddy bear».

Активируем Трансформирование — Transform tool (Ctrl/Cmd + T) и изменяем размер как показано ниже:

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

Редактирование: Все

Цветовой тон: 0

Насыщенность: -50

Яркость: -25

Что должно получиться:

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

Введите следующие параметры:

Размер кисти: 175px

Жесткость: 0%

Диапазон: Средние тона

Экспозиция: 25%

Начинаем затемнять!

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

Если одного инструмента недостаточно для затемнения, то можно нарисовать на мишке при помощи Кисти. Создайте новый слой (Ctrl/Cmd + Shift + N) и назовите его «Darken». Поместите его выше слоя»Teddy bear» и правой кнопкой мыши нажмите на кнопку Создать обтравочную маску -«Create Clipping Mask«. Эта масказакрепится на слое и рисование на мишке будет видно только на нем. Посмотрите на изображение внизу:

Активируйте Кисть (B). Сейчас у вас активен набор кистей»Clouds II» или «SS-clouds II» , но нам нужны кисти по умолчанию. Для восстановления кликните по кнопочке, выделенной на следующем изображении:

Нажмите в меню на Восстановить кисти — «Reset Brushes«.

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

Размер кисти: 35px

Жесткость: 0%

Непрозрачность: 25%

Нажим: 100%

#: 000000

Zoom: 200%

Рисуем как показано ниже:

Что получилось:

Нарисуем тень медведя.

Создаем новый слой (Ctrl/Cmd + Shift + N) и называем его «Shadow». Поместите его ниже слоя»teddy bear», так будет легче создавать тень.

Активируйте кисть (B) и установите следующие настройки:

Размер кисти: 35px

Жесткость: 0%

Непрозрачность: 25%

Нажим: 100%

#: 000000

Zoom: 100%

Рисуем!

Результат:

Все слои, которые мы создали в этом шаге, объедините в одну группу (Ctrl/Cmd + G). Назовите ее «Teddy Bear».

Шаг 8: Улучшаем цвет, свет и влияние фото.

Улучшим внешний вид фотографии в целом. Поработаем над Яркостью/Контрастностью — Brightness/Contrast нашего изображения. Нажмите на кнопку Создать новый корректирующий слой «Create New Fill/Adjustment layer«.

Настройки Яркости/Контрастности — «Brightness/Contrast« :

Яркость: -30

Контрастность: -50

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

Результат:

Этот слой должен находиться на самом верху, убедитесь в этом.

Добавим немного голубо-желтого оттенка нашему изображению и для этого снова нажмите на кнопку Создать новый корректирующий слой «Create New Fill/Adjustment layer» и там выберите Цвет.

Появится палитра цветов, которая была, когда мы меняли цвет кисти.

Вставьте следующий номер цвета:

#00031b

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

Измените Режим наложения и непрозрачность следующим образом:

Режим наложения: Исключение

Непрозрачность: 50%

Теперь установим Экспозицию изображения. Нажимаем снова на кнопку Создать новый корректирующий слой — «Create new fill/adjustment layer» и выбираем Экспозиция.

Настройки:

Экспозиция: +0.15

Сдвиг: 0.0000

Гамма-коррекция: 1.20

Уменьшим Контрастность изображения; создайте новый корректирующий слой Яркость/Контрастность и установите следующие настройки:

Яркость: 0

Контрастность: -50

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

Теперь там же (создать новый корректирующий слой) выберите Фотофильтр.

Настройки:

Фильтр: Темно-синий

Плотность: 25%

Сохранить свечение: поставить галочку

Нажмите на стрелочку, чтобы увидеть все фильтры.

Изменим Цветовой тон/Насыщенность — Hue/Saturation всего изображения.

Настройки:

Редактировать: Все

Цветовой тон: 0

Насыщенность: +25

Яркость: 0

Что получилось:

Шаг 9: Придайте изображению эффект нарисованной картинки при помощи текстуры

В этом шаге будем добавлять текстуры. Откроем изображение «Paper Texture 1» by Wojtar Stock. Активируйте Перемещение (V) и перетяните на холст. Разместите текстуру следующим образом:

Активируйте Трансформирование (Ctrl/Cmd + T) и растяните текстуру на все изображение, как показано ниже:

Результат:

Нужно поменять Режим наложения и Непрозрачность:

Режим наложения: Умножение

Непрозрачность: 40%

Сейчас добавим вторую текстуру. Откройте «Metal Texture 15» by wojtar stock; активируйте Перемещение (V) и перетяните на рабочий холст. Разместите следующим образом: