Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects

Создаём Экшен Эффект Стекла в Adobe Photoshop

Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке вы узнаете, как создать удивительный эффект стекла.

К концу урока у вас будет экшен, который будет автоматически воссоздавать весь процесс за счёт одного щелчка мыши.

Я постараюсь кратко описать все действия, чтобы любой, кто первый раз открыл программу Photoshop, мог выполнить данный урок.

Если вы хотите создать эффект стекла за счёт одного щелчка мыши и у вас нет свободного времени или не хотите создавать свои собственные экшены, то вы можете воспользоваться моим экшеном fake window, который доступен в моём профиле на GraphicRiver. С помощью данного экшена вы сможете добавить потрясающий эффект стекла на свои фотографии всего лишь за несколько секунд.

Banner

Что вам понадобится

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

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

Main Image

Для создания отражения на стекле, мы можем использовать любое изображение, предпочтительно городские пейзажи или очертания горизонта. В нашем случае мы используем следующую фотографию городского пейзажа от Free-Photos, которую вы можете найти на Pixabay.

Cityscape

1. Добавляем Кисть в Photoshop

Шаг 1

Идём Редактирование – Наборы – Управление наборами (Edit > Presets > Preset Manager). В окне Управление наборами (Preset Manager), в выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes), а затем нажмите кнопку Загрузить (Load).

В появившемся окне навигации, выберите исходный файл FakeWindow.atn, который включён в скачиваемое приложение. Далее, нажмите кнопку Выполнить (Done).

Preset Manager

Шаг 2

Выберите инструмент Кисть (Brush Tool (B). В панели управления данного инструмента. Убедитесь, чтобы Непрозрачность (Opacity) и Нажим (Flow) кисти были установлены на 100%.

Brush Bar

2. Подготавливаем Рабочий Документ

Шаг 1

Вначале откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографии, идём Файл – Открыть (File > Open), в появившемся окне навигации, выберите исходное изображение, а затем нажмите кнопку Открыть (Open). Ваша фотографией должна быть Фоновым слоем (Background). Если это не так, тогда идём Слой- Новый – Слой из заднего плана (Layer > New > Background from Layer).

From BG

Шаг 2

Далее, поместите исходное изображение с городским пейзажем поверх основного слоя; для целей нашего экшена, назовите слой с пейзажем Отражение (reflection). Чтобы совместить данное изображение со всей сценой, поменяйте режим наложения на Перекрытие (Overlay).

Place Reflection

Шаг 3

Создайте новый слой поверх слоя Отражение (reflection). Назовите этот новый слой Область (area).

Теперь выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, а также откорректируйте размер кисти, а затем прокрасьте поверх вашего основного объекта. Вы можете использовать любой цвет для кисти, это не играет огромной роли.

Area Layer

3. Создаём Экшен

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

Шаг 1

Идём Окно – Операции (Window > Actions) или нажмите клавишу F9, чтобы открыть панель Операции (Actions). Далее, нажмите значок Создать новый набор (Create new set), назовите этот набор Экшен Эффект Стекла, а затем нажмите кнопку ‘OK’. Мы поместим экшен внутри этого набора.

New set

Шаг 2

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

С этого момента и далее, всё, что мы будем делать- будет записано, поэтому, будьте внимательны, а также следите за панелью Операции (Actions). Если вы допустите ошибку, то нажмите значок Остановить воспроизведение /запись (Stop playing/recording), а затем удалите лишний шаг из Экшена Стекло. Далее, ещё раз нажмите значок Начать запись (Begin recording), чтобы продолжить.

New action

4. Приступаем к Записи Экшена

Шаг 1

Отключите видимость слоя Область (area), щёлкнув по глазку рядом с миниатюрой слоя. Далее, нажмите клавишу ‘D’, чтобы установить цвета переднего и заднего плана по умолчанию.

Hide area

Шаг 2

Находясь на слое Область (area), щёлкните правой кнопкой мыши по миниатюре слоя и в появившемся окне, выберите опцию Выделить пиксели (Select Pixels). Далее, перейдите на фоновый слой (Background), а затем нажмите клавиши (Ctrl+J), чтобы продублировать выделение на новый слой.

Select Pixels

Идём Слой- Переименовать слой… (Layer > Rename Layer...), назовите новый слой BGblur, а также уменьшите Непрозрачность (opacity) слоя примерно до 30%.

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5 px, нажмите кнопку ‘OK’.

Gaussian Blur

Шаг 3

Перейдите на слой Отражение (reflection), продублируйте текущий слой, для этого идём Слой- Создать дубликат слоя (Layer > Duplicate Layer (Ctrl+J). Далее, идём Слой- Переименовать слой… (Layer > Rename Layer...), назовите созданный дубликат слоя Отражение 1 (reflection1).

Поменяйте режим наложения для слоя Отражение 1 (reflection1) на Замена светлым (Lighten), а также уменьшите Непрозрачность (opacity) слоя до 40%. Отключите видимость оригинального слоя Отражение (reflection).

Reflection1 Layer

Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 10 px, а затем нажмите кнопку ‘OK’.

Gaussian 2

Шаг 4

Далее, идём Слой- Создать дубликат слоя (Layer > Duplicate Layer (Ctrl+J), чтобы продублировать слой Отражение 1 (reflection1). Поменяйте режим наложения для созданного дубликата слоя на Умножение (Multiply), а также уменьшите Непрозрачность (opacity) слоя примерно до 30%. Далее, идём Слой- Переименовать слой… (Layer > Rename Layer...), назовите созданный дубликат слоя Отражение 2 (reflection2).

reflection2 layer

Шаг 5

Теперь давайте добавим лёгкую текстуру на эффект стекла. Идём Слой- Новый – Слой (Layer > New > Layer), чтобы добавить новый слой, назовите этот слой Пыль (Dirt). Далее, идём Выделение – Все (Select > All (Ctrl+A).

Выделите инструмент Прямоугольная область (Rectangular Marquee Tool (M). Далее, щёлкните правой кнопкой мыши по изображению и в появившемся окне, выберите опцию Образовать рабочий контур (Make Work Path). Установите значение Допуска (Tolerance) на 0.5 px, а затем нажмите кнопку ‘OK’. Теперь выберите инструмент Кисть (Brush Tool (B) и в настройках данного инструмента, выберите кисть dirtglass1.

Dirtglass1 brush

Нажмите клавишу ‘D’, чтобы выставить цвета по умолчанию. Далее, нажмите клавишу ‘X’, чтобы переключить цвета и установить цвет переднего плана на белый цвет. Нажмите клавишу ‘P’, чтобы выбрать инструмент Перо (Pen Tool). Щёлкните правой кнопкой мыши по изображению и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path), а затем нажмите кнопку ‘OK’.

Stroke Path

Ещё раз щёлкните правой кнопкой мыши по изображению и в появившемся окне, выберите опцию Удалить контур (Delete Path).

Dirt Stroke

Поменяйте режим наложения для созданного слоя вначале этого шага на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (opacity) слоя примерно до 50%.

Dirt layer opacity

Шаг 6

Перейдите на слой Отражение 2 (reflection 2), удерживая клавишу (Shift), выделите слой Отражение 1 (reflection1).

Нажмите клавиши (Ctrl+G), чтобы сгруппировать выделенные слои. Идём Слой – Переименовать группу (Layer > Rename Group), назовите новую группу Отражения (Reflections).

Reflections group

Шаг 7

Отключите видимость слоя с группой Отражения (Reflections), включая слой Пыль (dirt).

Идём в закладку Каналы (Channels), далее, щёлкните правой кнопкой по Синему (blue) каналу и в появившемся окне, выберите опцию Создать дубликат канала (Duplicate Channel).

Duplicate blue channel

Идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels) (Ctrl+L), чтобы открыть окно настроек коррекции Уровни (Levels). Установите Уровень Света (Highlight level) на 217, а Уровень Тени (Shadow level) на 61, а затем нажмите кнопку ‘OK’.

Levels

Перейдите на дубликат синего канала (blue copy), удерживая клавишу (Ctrl), щёлкните по миниатюре слоя.

Blue copy selection

Шаг 8

Включите видимость канала RGB, а затем отключите видимость дубликата синего канала (blue copy channel).

Возвращаемся в закладку Слои (Layers); мы собираемся использовать созданное выделение для создания слой-маски для слоя с группой Отражения (Reflections).

Далее, идём Слой- Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection). Нажмите клавиши (Ctrl+I) для инверсии цвета слой-маски. Включите видимость слоя с группой Отражения (Reflections), включая слой Пыль (dirt).

Reflections Mask

5. Завершаем Запись Экшена

Наконец, мы завершили работу над экшеном. В панели Операции (Actions), нажмите значок Стоп (Stop), чтобы остановить запись.

Stop Action

Мы завершили урок!

Теперь когда вы создали свой собственный экшен Fake Window, вы можете легко воссоздать потрясающие эффект за считаные секунды.

Надеюсь, что вы узнали сегодня что-то полезное и используете полученные знания в своих будущих проектах.

Final Result

Если вы хотите создать эффект, как на скриншоте ниже с помощью одного щелчка мыши за несколько секунд, тогда воспользуйтесь моим экшеном Photoshop Fake Window.

Action Link
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.