П_Работа с фильтрами в Photoshop

  • doc
  • 26.04.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 021. П_Работа с фильтрами в Photoshop.doc

Самостоятельная работа №4

Тема: Работа с фильтрами в Photoshop

Цель: закрепление навыков использования фильтров в Photoshop для создания эффектов.

Форма отчетности: демонстрация

Задание 1. Написать свою фамилию текстом из сосулек, огненным текстом, текстом из золота.

Рекомендуется использовать материал практической работы № 7 «Применение фильтров к тексту». Для выполнения работы необходимо самостоятельно подобрать фильтры, их порядок и настройки. Также необходимо учесть, что правильно подобранный цвет усиливает эффект реалистичности.

Задание 2. Текст в городском стиле в Photoshop

1.      Создайте новый документ в Фотошопе размером 1280х700 пикселей. Инструментом Заливка (Paint Bucket Tool) (G) залейте фон цветом #421810.

Описание: Текст в городском стиле в Фотошопе

Вставьте фотографию городских зданий в этот документ.

Описание: Текст в городском стиле в Фотошопе

Создайте для слоя города корректирующий слой Чёрно-белое (Black & White):

Описание: Текст в городском стиле в Фотошопе

Примените фильтр Акцент на краях (Фильтр > Штрихи > Акцент на краях) (Filter > Brush Strokes > Accented Edges): 1 / 45 / 10.

Описание: Текст в городском стиле в Фотошопе

Установите режим наложения Линейный затемнитель (Linear Burn).

Описание: Текст в городском стиле в Фотошопе

Результат:

Описание: Текст в городском стиле в Фотошопе

2.      Напишите «CITY LIFE», используя шрифт «Impact».

Описание: Текст в городском стиле в Фотошопе

Примените к текстовому слою стиль Наложение градиента (Gradient Overlay):

Режим наложения (Blend Mode): Мягкий свет (Soft Light)

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

Градиент (Gradient): от чёрного к белому; Инверсия (Reverse): Выключено

Стиль (Style): Линейный (Linear); Выровнять по слою (Align with Layer): Включено

Угол (Angle): 90 градусов

Масштаб (Scale): 100%

Описание: Текст в городском стиле в Фотошопе

Откройте фотографию города в Фотошопе. Инструментом Быстрое выделение (Quick Selection Tool) (W) выделите здания.

Описание: Текст в городском стиле в Фотошопе

Вставьте здания в наш документ и создайте для них корректирующий слой Чёрно-белое (Black & White):

Описание: Текст в городском стиле в Фотошопе

Установите режим наложения Осветление основы (Color Dodge) для зданий.

Описание: Текст в городском стиле в Фотошопе

Расположите здания поверх нижней части букв и создайте обтравончую маску (Ctrl + Alt + G).

Описание: Текст в городском стиле в Фотошопе

Выделите поезд и автобус внутрь текста.

Описание: Текст в городском стиле в Фотошопе

Описание: Текст в городском стиле в Фотошопе

Результат:

Описание: Текст в городском стиле в Фотошопе

3.      Края букв обрисуйте гранжевыми кистями.

Описание: Текст в городском стиле в Фотошопе

Сведите все слои и создайте копию полученного слоя. Примените фильтр Обводка (Фильтр > Штрихи > Обводка) (Filter > Brush Strokes > Ink Outlines): 34 / 0 / 10.

Описание: Текст в городском стиле в Фотошопе

Добавьте маску к слою с фильтром и закрасьте её так:

Описание: Текст в городском стиле в Фотошопе

Создайте пару корректирующих слоёв:

Яркость/Контрастность (Brightness/Contrast): 44 / 100.

Описание: Текст в городском стиле в Фотошопе

Вибрация (Vibrance): -77 / -99.

Описание: Текст в городском стиле в Фотошопе

Закрасьте маску корректирующего слоя Вибрация, как показано на скриншоте.

Описание: Текст в городском стиле в Фотошопе

Конечный результат:

Описание: Текст в городском стиле в Фотошопе

Задание 3. Создаем винтажный фотоколлаж в Фотошоп

1.      Вначале откройте программу Photoshop и давайте приступим! Во-первых, мы не будем создавать новый документ, а сразу откроем исходное изображение с текстурой дерева (название файла «wood_texture_4_by_rifificz-d38h68h», конечно, если вы не переименовали этот файл). Для этого, идём Файл – Открыть (File > Open) и в появившемся окне выбираем исходное изображение с текстурой. Это будет наш задний фон. Мы не будем менять размеры данного изображения. Меня также устраивает разрешение данного изображения.

Описание: 02

2.      Вначале мы добавим открытки на стол. Сначала мы добавим центральную рамку, потому что это основной объект внимания и всё, что мы добавим к нашей сцене, будет в соответствии с этой рамкой. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение «Старая рамка 1».

Описание: 03

3.      Теперь, нам нужно правильно расположить рамку. С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) примените масштабирование, как показано на скриншоте ниже. Для пропорционального увеличения изображения удерживайте клавишу ‘Shift’.

Описание: 04

4.      Теперь добавьте следующее исходное изображение “Старая рамка 2” на наш рабочий документ. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение “Старая рамка 2”. Добавьте изображение, примените масштабирование (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) для масштабирования изображения, как показано на скриншоте ниже. Немного поверните рамку, чтобы вся картина не выглядела скучной.

Описание: 05

 

Описание: 06

5.      Чтобы создать ощущение, что вторая рамка расположена под первой рамкой, просто переместите слой со второй рамкой вниз в палитре слоёв, расположив ниже слоя с первой рамкой. Теперь давайте сделаем нашу композицию более интересной. Дважды продублируйте слой со второй рамкой (нажмите сочетание клавиш Ctrl+ J или перейдите Слой - Создать дубликат слоя (Layer > Duplicate Layer)). Не забывайте, что дубликаты слоёв должны быть также расположены ниже слоя с первой рамкой.

Описание: 07

6.      С помощью инструмента Свободная трансформация (Free Transform) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) расположите, а также поверните каждый слой с рамкой, как показано на скриншоте ниже. Я не менял размер рамок, они все были одинаковые. Рамка, которая выделена красным контуром, в основном скрыта за центральной рамкой. Рамка, которая обведена, синим контуром, расположена в альбомном положении. Таким образом, наша композиция будет выглядеть более интересной. Нет необходимости добавлять очень много рамок, чтобы не перегружать картину. В противном случае, потеряется гармония.

Описание: 08

7.      Далее, мы придадим изношенный, а также повреждённый вид краям рамок. Ко всем слоям с рамками, за исключением центральной рамки, добавьте слой-маску Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) или нажмите соответствующую кнопку в нижней части палитры слоев.

Описание: 09

Итак, давайте приступим! Выберите инструмент Лассо Описание: Lasso (Lasso Tool (L)), далее, выделите светлую часть рамки. Основной принцип – это создать рваный контур. Не переусердствуйте, не надо создать слишком глубокие рваные края, а также не трогайте тёмную часть рамки. Не создавайте выделение вдоль всей рамки за один раз, делайте это небольшими фрагментами. Таким образом, это упростит процесс, и результат будет лучше. Когда вы замыкаете рабочий контур выделенной области, старайтесь захватить побольше свободного пространства, чтобы выделение было чётким, а не крошечным.

Описание: 010

Теперь давайте удалим выделенный участок изображения. Перейдите на слой-маску соответствующей рамки, измените цвет заднего плана на чёрный цвет (D), а затем нажмите клавиши (Ctrl + Del), чтобы залить выделенную область чёрным цветом. Таким образом, выделенный участок изображения исчезнет.

Описание: 011

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

Описание: 012

9.      Теперь давайте создадим тени. Тень, даже небольшая, но должна быть. Чтобы добавить тень к каждой рамке, я использовал стиль слоя Тень (Drop Shadow). Каждая рамка будет иметь различные настройки для тени, но один и тот же угол. На примере центральной рамки я покажу вам, как создать тень. Идём Слой - Стиль слоя – Тень (Layer > Layer Style > Drop Shadow) или нажимаем кнопку Добавить стиль слоя (Add Layer Style) в нижней части палитры слоёв.

Описание: 013

Установите значения для каждой настройки, не забудьте установить угол тени (я использовал значение угла 104). Угол тени выставлен за счёт светлого участка в левой верхней части текстуры дерева, на котором я сфокусировался. Если вы выставили один угол тени для одного стиля, то этот же угол необходимо выставить и для других стилей.

Описание: 014

10.  Теперь к каждому слою с рамкой, добавьте стиль слоя Тень (Drop Shadow), как показано на скриншоте ниже.

Описание: 015

 

Описание: 016

 

Описание: 017

11.  Далее, мы продолжим трансформировать наши рамки в старые фотографии. Итак, мы начнём с боковых рамок. Вначале мы обработаем левую рамку. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение с улицами Эдинбурга.

Описание: 018

Отразите изображение по горизонтали, так оно будет выглядеть более интересным. Для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) подгоните изображение под размеры внутренней части рамки, соблюдая угол и масштаб, как показано на скриншоте ниже. Постарайтесь, чтобы изображение полностью закрыло тёмную часть рамки. Вы можете зайти немного за край (но всего лишь немного, на 2-3 px).

Описание: 019

12.  Поменяйте режим наложения для слоя с улицами Эдинбурга на Перекрытие (Overlay), а также уменьшите степень Непрозрачности (Opacity) слоя до 62%. Таким образом, изображение станет похожим на старую фотографию. Теперь давайте придадим изображению лёгкий антикварный вид. Идём Фильтр – Галерея фильтров….(Filter > Filter Gallery…)

Описание: 020

 

Описание: 021

В окне Галерея фильтров (Filter Gallery) выберите папку Текстура (Texture), а затем выберите фильтр Зерно (Grain). Данный фильтр добавит цветовой шум, а также зерно, что типично для старых фотографий. Примените настройки для данного фильтра, которые указаны на скриншоте ниже.

Описание: 22

13.  Теперь я решил добавить небольшие пятна на изображение, чтобы придать потускневший вид и создать эффект износа, возникший из-за «долгих путешествий». Создайте новый слой (Ctrl+Shift+N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоев.

Описание: 023

Теперь нам нужна специальная кисть, чтобы нарисованные пятна выглядели реалистично. Я выбрал стандартную кисть Мел (Chalk), которая входит в стандартный набор кистей программы Photoshop, единственное, я немного изменил настройки кисти. Выберите кисть «Chalk 60 pixels», а затем нажмите клавишу ‘F5’, чтобы перейти в закладку Кисти (Brush).

Описание: 024

Установите настройки для кисти, как показано на скриншоте ниже. Не забудьте сохранить эту кисть, потому что она пригодится нам в будущем. Установите Непрозрачность (Opacity) кисти 40%. Если у вас есть кисть с более интересной текстурой или формой, то вы можете использовать её. Если нарисованное пятно вышло за пределы старой фотографии, скройте эти участки с помощью инструмента Ластик Описание: eraser (Eraser Tool (E)).

Описание: 25

14.  Установите цвет переднего плана #a3a3a3, а затем нарисуйте пятна на фотографии, только не переусердствуйте :). Нет необходимости создавать слишком много пятен, достаточно будет поставить несколько пятен в различных местах. Попробуйте поставить одно пятно, этого будет достаточно на одной стороне. Поменяйте режим наложения для слоя с пятном на Перекрытие (Overlay).

Описание: 026

Чтобы пятна не выглядели слишком чёткими, я размыл их. К слою с пятнами, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur…). В появившемся окне, установите Радиус(Radius) размытия: 3 px. Если вы не уверены в результате применяемых фильтров, я предлагаю вам преобразовать слой для Смарт-фильтров перед тем, как применить фильтр, идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart filters). Таким образом, вы сможете удалить фильтр, почистить изображение в нужных местах или поменять режим наложения. В этом шаге я сделаю так, но вам не обязательно это делать. Вы можете просто добавить фильтр.

Описание: 027

15.  В следующем шаге я изменил цвет пятен. Мы могли бы сделать пятна одного цвета, но это испортило бы красоту картины. Создайте новый слой (Ctrl+Shift+N) поверх предыдущего слоя или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоёв. Преобразуйте данный слой в обтравочную маску (Alt+ Ctrl + G).

Описание: 28

Теперь нам понадобится мягкая кисть (размер: 200 px, непрозрачность (Opacity): 100%, Жёсткость (Hardness): 0%). Выберите инструмент Пипетка Описание: pipetka (Eyedropper Tool (I)). Итак, чтобы нарисовать пятна, вначале с помощью пипетки отберите образец цветового оттенка с тёмных участков изображения. Чтобы быстро использовать Пипетку Описание: pipetka (Eyedropper Tool (I)), удерживайте клавишу «Alt» (только при работе с кистью). Результат должен быть, как на скриншоте ниже.

Описание: 029

 

Описание: 030

16.  Далее, мы затемним рамку, а также усилим цвета рамки. Для этого мы добавим корректирующий слой Кривые (Curves). Идём Слой - Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves) или нажимаем кнопку добавления корректирующего слоя в нижней части палитры слоев и в появившемся меню выбираем опцию Кривые (Curves).

Описание: 031

Установите значения для каждой точки, как показано на скриншоте ниже. Не забудьте, что данный корректирующий слой должен быть применён в качестве обтравочной маски к слою с левой рамкой.

Описание: 032

Вы можете увидеть мой результат на скриншоте ниже. Обратите внимание на порядок слоёв в палитре слоёв, а также на вид старой фотографии. У вас должен быть такой же результат.

Описание: 033

17.  Мы завершили работу над первой рамкой. Теперь, мы переходим ко второй рамке. В принципе, техника будет почти та же самая, единственное, будет несколько изменений. Переходим к рамке справа. Добавьте изображение с центральной площадью на наш рабочий документ, для этого идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)). Поверните изображение, а также примените масштабирование (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)), как показано на скриншоте ниже.

заменить рис 34

Описание: 034

Поменяйте режим наложения для слоя с центральной площадью на Мягкий свет (Soft Light). Примените фильтр Зерно (Grain) к данному изображению, для этого идём Фильтр – Галерея фильтров…папка «Текстура» – Зерно (Filter > Filter Gallery… > folder «Texture» > «Grain»). Вы можете упростить задачу - просто продублируйте фильтр, который вы создали в предыдущем шаге (Шаг 12). Удерживая клавишу «Alt», зажав значок фильтра + перетащите на нужный слой (значок фильтра выделен кружком справа на скриншоте ниже).

Описание: 35

18.  Для данной фотографии всё остаётся то же самое. Повторите Шаги 14 – 16, но перед тем, как мы приступим, создайте новый слой (Ctrl + Shift + N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоёв. Для данного слоя, на котором вы нарисуете текстуру, уменьшите значение непрозрачности (Opacity) слоя до 70%. А затем, добавьте корректирующий слой Кривые (Curves) (Шаг 16), вы можете продублировать корректирующий слой (удерживая клавишу ‘Alt’, зажав корректирующий слой + перетащите на нужный слой). Не забудьте использовать корректирующий слой в качестве обтравочной маски к слою с текстурой цвета! А не к самой рамке!

Описание: 036

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

Описание: 037

19.  Теперь, чтобы наша картина стала более интересной и информативной, добавьте конверт. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем исходное изображение с винтажным конвертом. С помощью инструмента Свободная трансформация (Free Transform) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) примените масштабирование к изображению конверта, как показано на скриншоте ниже. Слой с конвертом должен располагаться поверх слоя с текстурой дерева в палитре слоёв (но ниже всех слоёв со старыми фотографиями).

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

Описание: 038

 

Описание: 039

20.  К слою с конвертом, добавьте стиль слоя Тень (Drop Shadow), для этого идём Слой – Стили слоя – Тень (Layer > Layer Style > Drop Shadow) или нажимаем кнопку стилей слоя в нижней части палитры слоёв. Установите настройки, которые указаны на скриншоте ниже.

Описание: 040

Результат, который мы должны получить. Чтобы слои со старыми фотографиями не мешали нам, я сгруппировал их в одну группу. Назовите новую группу «Открытки». Перед тем, как создать группу, выделите все слои за исключением слоя с текстурой дерева и слоя с центральной рамкой, а затем перейдите Слой - Сгруппировать слои (Layer > Group layers) или нажмите клавиши (Ctrl + G).

Описание: 041

 

Описание: 42

21.  Итак, мы подошли к самой интересной части урока. В частности, к центральной рамке. В этой части урока, вы узнаете, как создать реалистичный эффект “»ожившей фотографии». Перед тем, как мы приступим, нам необходимо создать текстуру, используя технику из Шага 15. Создайте новый слой, цвет кисти # 363636, нарисуйте пятна. Если необходимо, удалите лишние пятна. Преобразуйте данный слой в обтравочную маску (Alt+ Ctrl+G), а также поменяйте режим наложения на Перекрытие (Overlay) и уменьшите значение Непрозрачности (Opacity) слоя до 80%.

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

Описание: 043

 

Описание: 44

22.  Теперь мы добавим задний фон, где будет расположена модель. Идём Файл – Поместить – (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выберите исходное изображение с балконом. С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) примените масштабирование к изображению балкона, как показано на скриншоте ниже. Нет необходимости уменьшать всё изображение под размеры рамки, нам понадобится только фрагмент изображения. Расположите фрагмент изображения, который вам больше нравится, поверх рамки. Я выбрал фрагмент с небом, листвой, цветущим деревом и красивыми опорами.

Описание: 045

Перед тем, как мы продолжим дальше, я предлагаю вам уменьшить степень непрозрачности слоя с изображением балкона до 50%. Таким образом, вы сможете увидеть рамку под этим слоем. С помощью инструмента Прямоугольная областьОписание: marque (Rectangular Marquee Tool (M)), выделите часть изображения. Выделенная область должна слегка превышать внутреннюю часть рамки (до середины первой внутренней границы рамки).

Примечание переводчика: при выделении тёмной части или внутренней части рамки, вы можете создать выделение на 1-2 рх больше.

Описание: 046

Теперь нам нужно смягчить края выделенной области. Вы можете щёлкнуть правой кнопкой мыши по выделенной области и в появившемся окне выбрать опцию Растушёвка (Feather), или перейти Выделение – Модификация – Растушёвка (Select > Modify > Feather), или нажать клавиши (Shift + F6). Установите радиус Растушёвки(Feather): 3 px. Выше не стоит ставить, в противном случае, края будут слишком размытыми, а если радиус растушёвки будет меньше, то размытие не будет видно. Мы не применяли это к предыдущим фотографиям, потому что они накладывались на рамку, а в данном случае, мы добавляем эффекты, и они будут выглядеть ужасно, если края не будут размытыми.

Описание: 047

23.  Не снимая активного выделения, добавьте слой-маску, для этого идём Слой – Слой-маска - Показать выделенную область (Layer > Layer Mask > Reveal Selection) или добавляем слой-маску через соответствующий значок на палитре слоев. Таким образом, мы удалим всё изображение за исключением выделенной области. Теперь, поменяйте режим наложения для слоя с балконом на Перекрытие (Overlay), а также верните непрозрачность слоя до 100%.

Описание: 048

Вы уже знакомы с фильтром Зерно (Grain), идём Фильтр – Галерея фильтров…папка «Текстура» – «Зерно» (Filter > Filter Gallery… > folder «Texture» > «Grain»). Итак, мы также применим фильтр Зерно к изображению с моделью, но я намеренно сделал данное изображение более видимым и чётким. Я понимаю, что картинка выглядит недостаточно хорошо, но когда мы добавим модель, то вы увидите, почему я это сделал. Установите настройки для фильтра Зерно, как показано на скриншоте ниже.

Описание: 049

24.  Итак, мы приступаем к работе над моделью. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем исходное изображение с моделью. Вначале, отразите изображение с моделью по горизонтали, для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). Таким образом, девушка будет выглядеть реалистичнее, а данное положение будет гармоничнее при обработке изображения. С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)), примените масштабирование, расположив изображение модели так, чтобы кружева платья заходили за края предыдущего изображения, а также так, чтобы девушка немного как бы наступала на рамку, но не ниже рамки.

Описание: 050

Я использовал инструмент Быстрое выделение Описание: o_mask(Quick Selection Tool (W)), чтобы выделить изображение модели. Не переживайте насчёт тёмных участков на кружевах платья, включая кружева под левой и правой рукой. Далее, мы удалим тёмные участки, а кружева сохранят свою форму. Не забудьте, чтобы участки интерьера не были включены в выделенную область. Далее, мы применим инструмент Уточнить край (Refine Edge), чтобы удалить лишние участки выделения, а также тёмный цвет на кружевах.

Описание: 051

 

Описание: 052

В окне настроек инструмента Уточнить край (Refine Edge), выберите Обзор (View) На Чёрном (On Black), таким образом, вы сможете увидеть все лишние участки. Поставьте галочку в окошке Умный радиус (Smart Radius), установите значение Радиуса (Radius) 2.0 px. Выберите кисть и с помощью кисти прокрасьте кружева на платье, а также на руках, пока не скроете задний фон. Также аккуратно, краем кисти, прокрасьте волосы модели, чтобы удалить задний фон. Когда вы закончите, нажмите ОK.

Описание: 053

25.  Не снимая активного выделения, добавьте слой-маску. Для этого перейдите Слой – Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection), чтобы удалить задний фон, или добавьте слой-маску через значок на палитре слоев. Выберите инструмент Кисть Описание: brush (Brush Tool (B)) (размер кисти: 200 px, непрозрачность кисти: 100%, Жёсткость (Hardness): 100%). Перейдите на слой-маску слоя с моделью, чтобы скрыть кусочек платья справа в нижней части, который вылез за рамку, таким образом, мы создадим ощущение, что модель у нас на фотографии.

Описание: 054

На всякий случай, я напишу, что опция Преобразовать для смарт-фильтров (Convert for Smart Filters) была не активна (Фильтр - Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters). Если эта опция активна, то преобразуйте слой с моделью для смарт-фильтров (Не переживайте, если эта опция не активна). Продублируйте фильтр Зерно (Grain) со слоя с балконом (удерживая клавишу «Alt», щёлкнув по значку фильтра + перетащите фильтр на слой с моделью). Не меняйте настройки фильтра, текстура будет та же самая. Это важно для реалистичности изображения.

Примечание переводчика: во время работы со слой-маской, автор пишет, что опция Преобразовать для смарт-фильтров (Convert for Smart Filters) была не активна в основном меню фильтра, если она активна, то активируйте её, если нет, то не переживайте, продолжайте следующее действие, т.е. продублируйте фильтр.

Описание: 055

Выберите инструмент Кисть Описание: brush (Brush Tool (B)) (размер: 100 px, непрозрачность кисти: 100% – 50%, жёсткость кисти: 0%). Теперь перейдите на маску фильтра и с помощью кисти скройте зерно с той части изображения модели, которая появляется из фотографии. Поменяйте непрозрачность кисти, чтобы создать плавный переход на маске фильтра. Нет необходимости обрабатывать маску фильтра точно на половину изображения модели. Попробуйте подойти к этому процессу креативно.

Примечание переводчика: 1. автор скрывает зерно в той части изображения модели, которая будет представлена эффектом «ожившей фотографии» 2. область обработки кистью автор выделил красным цветом 3. когда автор пишет: «Нет необходимости обрабатывать маску фильтра точно на половину изображения модели», автор имеет в виду, что в этом случае, эффект будет выглядеть грубовато.  

Описание: 056

26.  Выделите слои с моделью и фотографией (за исключением слоя с рамкой и текстурой), чтобы объединить их в одну группу, идём Слой – Сгруппировать слои (Layer > Group layers) или нажмите клавиши (Ctrl + G). Далее, добавьте корректирующий слой Чёрно-белый (Black & White) поверх созданной группы в качестве обтравочной маски (Alt+Ctrl + G).

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

Описание: 057

В окне настроек корректирующего слоя Чёрно-белый (Black & White) в строке Набор параметров (preset) установите Пользовательский (Default) и установите настройки для каждого цвета, как показано на скриншоте ниже. Я не пытался применить контрастирующие настройки для корректирующего слоя. Нам нужен нейтральный диапазон.

Описание: 058

Перейдите на маску корректирующего слоя Чёрно-белый (Black & White) и с помощью кисти (настройки кисти те же самые, что и в Шаге 25), скройте коррекцию данного корректирующего слоя, чтобы показать оригинальный цвет. Постарайтесь создать переход между цветным изображением и чёрно-белым изображением. Чтобы не удалять чёрно-белую коррекцию с изображения, а только с изображения модели, удерживая клавишу «Alt»+щёлкните по слой-маске слоя с моделью. Таким образом, вы выделите изображение модели и не повредите задний фон. Постарайтесь сохранить коррекцию корректирующего слоя не только на участках, где мы применяли фильтр Зерно (Grain). Таким образом, ваша работа будет выглядеть намного интересней. Не забудьте удалить коррекцию корректирующего слоя с лица модели, т.к. полученный результат будет выглядеть не очень хорошо.

Описание: 059

27.  Не снимая активного выделения, создайте новый слой с заливкой нейтральным серым. Для этого перейдите Слой - Новый – Слой (Layer > New > Layer) или нажмите клавиши (Ctrl+ Shift+ N) и в появившемся окне установите следующие настройки: Режим наложения (Mode): Перекрытие (Overlay), поставьте галочку в окошке Выполнить заливку нейтральным цветом режима Перекрытия (50% серым) (Fill with Overlay-neutral color (50% gray). С помощью инструмента Затемнитель Описание: burn (Burn Tool (O)) создайте тени, а с помощью инструмента Осветлитель Описание: dodge (Dodge Tool (O)) создайте световые блики. На скриншоте ниже, тени обозначены, синим цветом, а световые блики обозначены красным цветом. Когда завершите работу над светотенями, отмените активное выделение (Ctrl+D) или перейдите Выделение – Отменить выделение (Select > Deselect).

Описание: 60

 

Описание: 061

Чтобы добавить контраст, а также сделать цвет платья и изображение модели немного ярче, добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast). Идём Слой – Новый корректирующий слой – Яркость / Контрастность (Layer > New Adjustment Layer > Brightness/Contrast). Установите значение Яркости (Brightness): +3, а значение Контрастности (Contrast): +23. Не забудьте преобразовать данный корректирующий слой в обтравочную маску.

Описание: 062

28.  Когда всё уже расположено, мы можем притупить к созданию, на мой взгляд, интересного эффекта – разорванные края на фотографии. Перед началом, мы создадим нужную кисть. За основу я выбрал стандартную кисть Разбросанные листья клёна (Scattered Maple Leaves) программы Photoshop, единственное, я изменил её. Вначале, выбираем кисть, далее, идём в закладку Кисть Описание: brush (Brush (F5)). Примените настройки для кисти, которые указаны на скриншоте ниже.

Описание: 63

Описание: 64

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

Описание: 065

Чтобы показать зазор и сделать сцену реалистичной, добавьте стиль слоя Тень (Drop Shadow). Идём Слой Стиль слоя - Тень(Layer > Layer Style > Drop Shadow). Тень не должна быть слишком насыщенной, в противном случае, она закроет нижнюю часть рамки.

Описание: 066

29.  Теперь осталось добавить тени на модель. Создайте новый слой (обычный слой (Ctrl+ Shift+ N)). Выберите кисть (размер кисти: 300 px, Непрозрачность (Opacity) кисти: 45%, Жёсткость (Hardness): 0%). Нарисуйте тени ниже модели, поверх головы, руки и вдоль контура платья. Данный слой с тенью должен быть ниже слоя с моделью.

Описание: 067

Мой результат на данном этапе урока. Я объединил все слои в одну группу. Назовите новую группу «Старое фото» (Ctrl+ G).

Описание: 068

30.  Теперь мы добавим другие объекты к нашей сцене. Работа с ними будет лёгкая. Я решил добавить немного романтики в виде розы и медальона. Вы можете добавить другие предметы, а также поменять их расположение на своё усмотрение. Я расскажу про основной рабочий принцип. Давайте начнём с часов. Откройте исходное изображение с украшениями в стиле Стимпанк (Ctrl + O). Здесь большое разнообразие украшений!

Описание: 69

С помощью инструмента Лассо Описание: Lasso (Lasso Tool (L)), выделите часы, которые вам понравились. На скриншоте ниже, вы можете увидеть, какие часы я выбрал. Выберите инструмент Перемещение Описание: move (Move Tool (V)) (удерживая клавишу «Ctrl», чтобы переключиться на данный инструмент), чтобы переместить выделенные часы на наш рабочий документ.

Описание: 070

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

Описание: 071

Да, да. Опять тот же самый стиль слоя. Без него никуда :) к слою с часами, добавьте стиль слоя Тень (Drop Shadow). Для этого идём Слой - Стиль слоя – Тень (Layer > Layer Style > Drop Shadow). Установите настройки, которые указаны на скриншоте ниже. Я не могу применить стиль слоя к группе объектов, т.к. тень будет отличаться для каждого объекта.

Описание: 072

31.  Откройте исходное изображение с моноклем (Ctrl + O). Выделите монокль с помощью инструмента Лассо Описание: Lasso(Lasso Tool (L)), выберите любой монокль на свой выбор. Я выбрал тёмный монокль с цепочкой. С помощью инструмента Перемещение Описание: move (Move tool (V)), переместите выделенный монокль на наш рабочий документ.

Описание: 073

Примените масштабирование к моноклю, чтобы он был побольше, для этого используйте инструмент Трансформация (Transform Tool (Ctrl + T)). А теперь мы изогнём цепочку монокля. Идём Редактирование – Марионеточная деформация(Edit > Puppet Warp). Не бойтесь, обозначьте 5 опорных точек вдоль всей длины цепочки. Поставьте последнюю точку на соединении цепочки с моноклем, чтобы избежать трансформации и сдвига этой части цепочки. Сместите каждую опорную точку так, чтобы изогнуть цепочку, единственное, убедитесь, чтобы звенья цепочки не стали шире и больше. Примените трансформацию, нажав клавишу «Enter».

Описание: 074

Теперь нам нужно расположить монокль так, чтобы создать оптическое ощущение увеличительного стекла (нет необходимости что-либо создавать, если мы можем воспользоваться уже готовой окружающей обстановкой). С помощью инструмента Перемещение Описание: move (Move tool (V)), расположите монокль таким образом, чтобы ободок монокля закрыл подбородок мужчины на почтовой марке.

Описание: 075

Но на этот раз тени для монокля мы должны создать вручную, т.к. стиль слоя придаст увеличительному стеклу затенение и будет выглядеть плохо. Создайте новый слой (Ctrl+ Shift+ N) поверх слоя с моноклем, далее, создайте выделение вокруг монокля (удерживая клавишу «Ctrl» + щёлкните по миниатюре слоя с моноклем). Проведите инверсию выделенной области (Ctrl + Shift + I), Выберите инструмент Кисть Описание: brush (Brush Tool (B)) (размер кисти: 35 px, Непрозрачность (Opacity) кисти: 50%, Жёсткость (Hardness) кисти: 0%, цвет кисти: # 4f3828). Нарисуйте тени вокруг монокля и немного усильте тень в нижней части монокля (потому что источник света расположен в верхнем левом углу).

Описание: 76

32.  Откройте исходное изображение кулона с розовой розой (Ctrl + O). С помощью инструмента Волшебная палочка Описание: magic (Magic Wand Tool), выделите все белые участки (удержание клавиши «Shift» поможет добавить другой цвет к выделенной области). Когда вы закончите, проведите инверсию выделенной области (Shift + Ctrl + I), а затем переместите выделенное изображение кулона на наш рабочий документ.

Описание: 077

Уменьшите размер кулона (Ctrl + T), чтобы размер кулона согласовывался с масштабом других предметов. Расположите, а также поверните кулон таким образом, чтобы размытая часть цепочки была расположена за пределами рабочей области.

Описание: 078

33.  Я решил сделать цепочку немного более реалистичной, для этих целей я использовал инструмент Марионеточная деформация (Puppet Warp). Идём Редактирование - Марионеточная деформация (Edit > Puppet Warp), но перед тем, как мы применим «Марионеточную деформацию», я преобразую данный слой в Смарт-объект.

Для этого идём Слой - Смарт-Объекты – Преобразовать в Смарт-объект (Layer > Smart Objects > Convert to Smart Object) Итак, мы можем применить «Марионеточную деформацию» сохраняя оригинальное состояние предмета.

Описание: 79

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

Описание: 080

К слою с кулоном, добавьте стиль слоя Тень (Drop Shadow). Идём Слой – Стиль-слоя – Тень (Layer > Layer Style > Drop Shadow) со следующими настройкам, которые указаны на скриншоте ниже. Мы почти завершили урок. Самое сложное уже позади. Осталось добавить ещё несколько элементов.

Описание: 081

34.  Далее, мы добавим розу. Добавив розу, картина станет выглядеть мягче и романтичнее и человек теряется в догадках, когда смотрит на фотографию. Добавьте изображение розы на наш рабочий документ. Для этого идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)). С помощью инструмента Быстрое выделение Описание: o_mask (Quick Selection Tool (W)), выделите розу. К слою с розой добавьте слой-маску, чтобы удалить задний фон. Примените трансформацию (Ctrl + T), расположив розу там, где вам понравится. К слою с розой, добавьте стиль слоя Тень (Drop Shadow) со следующими настройками, которые указаны на скриншоте ниже.

Описание: 082

 

Описание: 083

35.  Объедините слои с предметами в одну группу, назовите новую группу «Предметы» (Ctrl+ G). Проделайте то же самое (Шаг 34) с монетами Евро. Единственное, слой с монетами должен располагаться ниже всех групп, но выше слоя с задним фоном. Монет слишком мало, поэтому, продублируйте слой с монетами (Ctrl + J) или идём Слой - Создать Дубликат слоя (Layer > Duplicate Layer…), продублируйте слой дважды, расположив монеты, как показано на скриншоте ниже.

Описание: 084

Описание: 085

36.  Создайте новый слой с заливкой нейтральным серым цветом поверх всех остальных слоёв и групп, для этого перейдите Слой – Новый – Слой (Layer > New > Layer) или нажмите клавиши (Ctrl+ Shift+ N) со следующими настройками: Режим наложения (Mode): Перекрытие (Overlay), поставьте галочку в окошке Выполнить заливку нейтральным цветом режима Перекрытия (50% серым) (Fill with Overlay-neutral color (50% gray). Используйте инструменты Затемнитель Описание: burn(Burn Tool (O)) и Осветлитель Описание: dodge(Dodge Tool (O)) (Размер (Size) 1000 – 150 px, Экспозиция (Exposure): 15% -20%), чтобы создать светотени на рамках и окружающих предметах. Далее, для Затемнителя в настройках установите большую кисть, чтобы немного затемнить правый нижний угол картины, а для Осветлителя также установите большую кисть, чтобы осветлить левый верхний угол картины.

Описание: 086

Создание теней на окружающих предметах делает картину более реалистичной. Итак, создайте новый слой и с помощью инструмента Кисть Описание: brush (Brush Tool (B)) (размер кисти: 150 px, Непрозрачность (Opacity): 80%, Жёсткость (Hardness): 0%), нарисуйте тени под часами, монетами и кулоном. А также на обратной стороне листьев и бутона розы. Уменьшите значение непрозрачности для данного слоя с тенью до 50%.

Описание: 087

37.  Создайте ещё один новый слой и с помощью инструмента Кисть Описание: brush(Brush Tool (B)) (размер кисти: 1200 px, Непрозрачность (Opacity): 45%, Жёсткость (Hardness): 0%), затемните края изображения. Только не переусердствуйте! Вам нужно добавить только лёгкий оттенок, а не жёсткую тень. И всё! Картина полностью завершена! Надеюсь, вам понравился этот урок!

Описание: 088

 

Описание: 089

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

Итоговый результат

Описание: 090


Скачано с www.znanio.ru