1. Design & Illustration
  2. Photo Effects

Создаём Экшен с Анимацией Эффекта Призрака в Photoshop

by
Read Time:6 minsLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop
How to Create a Sketch Text Effect Action in Adobe Photoshop
This post is part of a series called Photoshop Portraits.
How to Create a Cool, Animated Photo GIF for Instagram in Adobe Photoshop
25+ Vintage Photo Effect Photoshop Actions & Old Retro Styles

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

Данный фото эффект с призраком является частью экшена Halloween Ghost Animated Photoshop Action, который доступен в моём профиле на Envato Market.

Animated Ghost Photoshop ActionAnimated Ghost Photoshop ActionAnimated Ghost Photoshop Action
Halloween Animated Ghost Photoshop Action

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Добавляем Стоковое Изображение

Шаг 1

Создайте новый документ в Photoshop. Добавьте своё исходное изображение, которое вы хотите использовать для создания эффекта призрака.

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

Girl Nature Stock ImageGirl Nature Stock ImageGirl Nature Stock Image

Назовите слой с исходным изображением ‘Nature Background’.

Шаг 2

Нажмите клавиши (Ctrl+J), чтобы продублировать фоновый (Background) слой, назовите дубликат слоя ‘Girl’.

Duplicate Layer in PhotoshopDuplicate Layer in PhotoshopDuplicate Layer in Photoshop

2. Удаляем Изображение Девушки на Фоновом Слое

Шаг 1

Вначале, отключите видимость слоя ‘Girl’. Щёлкните по глазку рядом с миниатюрой слоя, чтобы отключить видимость слоя.

Возвращаемся на фоновый ‘Background’ слой. Что нам нужно сделать с этим слоем- это удалить изображение девушки, чтобы получить одну растительность на заднем фоне.

Hide a Layer in PhotoshopHide a Layer in PhotoshopHide a Layer in Photoshop

Шаг 2

Выберите инструмент Штамп (Clone Stamp Tool (S). С помощью данного инструмента, мы скопируем определённую область заднего фона на область, где расположена девушка.

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

Photoshop Clone Stamp ToolPhotoshop Clone Stamp ToolPhotoshop Clone Stamp Tool

Используйте мягкую круглую кисть, размер кисти примерно 94 px. Прокрасьте изображение девушки, начиная с середины, как показано на скриншоте ниже.

How to Use the Clone Stamp ToolHow to Use the Clone Stamp ToolHow to Use the Clone Stamp Tool

Продолжайте прокрашивать кистью поверх изображения девушки, пока вы не закрасите полностью всё изображение.

How to Use the Clone Stamp ToolHow to Use the Clone Stamp ToolHow to Use the Clone Stamp Tool

Если хотите, то, удерживая клавишу (Alt), вы можете выбрать другую область клонирования для создания бесшовного перехода.

Remove Elements from Photos with the Clone Stamp ToolRemove Elements from Photos with the Clone Stamp ToolRemove Elements from Photos with the Clone Stamp Tool

3. Удаляем Задний Фон на Слое с Изображением Девушки

Шаг 1

Добавьте слой-маску к слою ‘Girl’.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop
Layer Mask in PhotoshopLayer Mask in PhotoshopLayer Mask in Photoshop

Шаг 2

Для этого шага, временно отключите видимость фонового (Background) слоя.

Установите цвет переднего плана на #000000. Выберите инструмент Кисть (Brush Tool (B) и с помощью мягкой круглой кисти, прокрасьте на слой-маске, чтобы удалить задний фон, за исключением изображения девушки.

Щёлкните по миниатюре слой-маски, чтобы маска стала активной, а не слой, чтобы мы могли прокрашивать кистью.

Remove the Background in PhotoshopRemove the Background in PhotoshopRemove the Background in Photoshop

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

Remove the Background in PhotoshopRemove the Background in PhotoshopRemove the Background in Photoshop

Шаг 3

Щёлкните правой кнопкой мыши по миниатюре слой-маски и в появившемся окне, выберите опцию Применить слой-маску (Apply Layer Mask).

Apply Layer Mask in PhotoshopApply Layer Mask in PhotoshopApply Layer Mask in Photoshop

Создание эффект призрака на фотографии в Photoshop - довольно лёгкое. В следующем шаге мы превратим нашу девушку в призрака.

4. Создаём Призрачные Глаза в Photoshop

Шаг 1

Установите цвет переднего плана на #ffffff.

Создайте новый слой, назовите этот слой ‘Ghost Eyes’. Чтобы создать данный эффект, используйте мягкую круглую кисть.

Установите размер кисти, чтобы диаметр кисти совпал с диаметром глаза девушки. Добавьте белую точку поверх каждого глаза, как показано на скриншоте ниже.

Create Ghost Eyes in PhotoshopCreate Ghost Eyes in PhotoshopCreate Ghost Eyes in Photoshop

Шаг 2

Уменьшите Непрозрачность (opacity) слоя ‘Ghost Eyes’, примерно до 67%.

Create Ghost Eyes in PhotoshopCreate Ghost Eyes in PhotoshopCreate Ghost Eyes in Photoshop

Шаг 3

Выделите слои ‘Girl’ и ‘Ghost Eyes’, а затем нажмите клавиши (Ctrl+E), чтобы объединить их вместе. Назовите этот объединённый слой ‘Ghost 1’.

Create a Ghost in PhotoshopCreate a Ghost in PhotoshopCreate a Ghost in Photoshop

5. Создаём Эффект Призрака в Photoshop

Шаг 1

Нажмите клавиши (Ctrl+J), чтобы продублировать слой ‘Ghost 1’, назовите данный дубликат слоя ‘Ghost 2’.

Duplicate Layer in PhotoshopDuplicate Layer in PhotoshopDuplicate Layer in Photoshop

Шаг 2

Отключите видимость слоя ‘Ghost 2’.

Уменьшите Непрозрачность (opacity) слоя ‘Ghost 1’, примерно до 50%.

Layer Opacity in PhotoshopLayer Opacity in PhotoshopLayer Opacity in Photoshop

Шаг 3

Добавьте слой-маску к данном слою и с помощью мягкой кисти, прокрасьте нижнюю часть изображения девушки. Используйте чёрный цвет кисти #000000, а также различную степень непрозрачности кисти, чтобы создать прозрачный призрачный эффект.

Hide Image with Layer MaskHide Image with Layer MaskHide Image with Layer Mask

Шаг 4

Вновь включите видимость слоя ‘Ghost 2’. С помощью инструмента Перемещение (Move Tool (V), сдвиньте слой на 10 px влево.

Move Layer Using the Move ToolMove Layer Using the Move ToolMove Layer Using the Move Tool

Шаг 5

Поменяйте режим наложения на Замена светлым (Lighten), а также уменьшите Непрозрачность (opacity) слоя до 25%. Вы можете поменять эти настройки на своё усмотрение.

Blend Mode LightenBlend Mode LightenBlend Mode Lighten

Шаг 6

Добавьте слой-маску к слою ‘Ghost 2’ и с помощью мягкой кисти, прокрасьте нижнюю часть изображения девушки. Используйте чёрный цвет кисти #000000, а также различную степень непрозрачности кисти, чтобы создать прозрачный призрачный эффект.

Hide Image with Layer MaskHide Image with Layer MaskHide Image with Layer Mask

6. Используем Карту Градиента для Цветовой Коррекции Изображения

Для цветовой коррекции изображения, мы используем градиент, для этого идём Изображение- Коррекция- Карта градиента (Image > Adjustments > Gradient Map).

Add a Gradient Map Adjustment Layer in PhotoshopAdd a Gradient Map Adjustment Layer in PhotoshopAdd a Gradient Map Adjustment Layer in Photoshop

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

Для данного урока, я использую следующие цвета градиента: #000000, позиция (location) 0%, #6c9298 позиция (location) 32%, и #ffffff позиция (location) 100%.

Change the Gradient Map Color TonesChange the Gradient Map Color TonesChange the Gradient Map Color Tones

7. Создаём Анимацию Эффекта Призрака

Шаг 1

Чтобы создать анимацию эффекта призрака, идём Окно –Анимация (Window > Animation). В Photoshop, вы можете использовать панель Шакалу времени (Timeline) для создания кадров анимации.

Убедитесь, чтобы панель Шакала времени (Timeline) была выставлена на режим покадровой анимации (frame animation). Щёлкните по одной из кнопок, указанных на скриншоте, и в появившемся меню, выберите опцию Преобразовать в покадровую анимацию (Convert to Frame Animation).

Convert to Frame Animation in PhotoshopConvert to Frame Animation in PhotoshopConvert to Frame Animation in Photoshop

Шаг 2

Щёлкните по стрелке рядом с секундами первого кадра и в появившемся меню, выберите опцию Без задержки (No delay). Данная настройка определяет скорость анимации.

Animation No Delay SettingAnimation No Delay SettingAnimation No Delay Setting

Шаг 3

Щёлкните по стрелке рядом с опцией Однократно (Once) в появившемся меню, выберите опцию Постоянно (Forever). Данная настройка определяет продолжительность петли анимации.

Animation Loop ForeverAnimation Loop ForeverAnimation Loop Forever

Шаг 4

Щёлкните по значку Создать копию выделенных кадров (Duplicate Selected Frames), чтобы создать новый кадр.

Duplicate Selected FramesDuplicate Selected FramesDuplicate Selected Frames

Шаг 5

Убедитесь, что вы находитесь на втором кадре ‘Frame 2’, а затем сдвиньте слой ‘Ghost 2’ на 10 px влево с помощью инструмента Перемещение (Move Tool (V).

Move Layer in PhotoshopMove Layer in PhotoshopMove Layer in Photoshop

Шаг 6

Убедитесь, что вы находитесь на втором кадре ‘Frame 2’, уменьшите Непрозрачность (Opacity) слоя ‘Ghost 1’ до 16%. Также, сдвиньте слой на 5 px вниз с помощью инструмента Перемещение (Move Tool (V).

Lower the Layer OpacityLower the Layer OpacityLower the Layer Opacity

Шаг 7

Щёлкните по первому кадру ‘Frame 1’, удерживая клавишу (Shift), щёлкните по второму кадру ‘Frame 2’, чтобы выделить оба кадра.

Select Frames in PhotoshopSelect Frames in PhotoshopSelect Frames in Photoshop

Шаг 8

Щёлкните по значку Создать промежуточные слои (Tweens Animation Frames), чтобы добавить 5 кадров.

Add Tween FramesAdd Tween FramesAdd Tween Frames

Шаг 9

Идём на первый кадр ‘Frame 1’, а затем щёлкните по значку Создать копию выделенных кадров (Duplicate Selected Frames).

Шаг 10

Теперь у вас есть 8 кадров вместо 7 кадров. Идём на второй кадр ‘Frame 2’, чтобы перетащить его на последнюю позицию. Таким образом, второй кадр ‘Frame 2’ станет восьмым ‘Frame 8’. Если вы щёлкните по первому кадру ‘Frame 1’ и восьмому кадру ‘Frame 8’, то они должны быть одинаковыми.

Move Frames in PhotoshopMove Frames in PhotoshopMove Frames in Photoshop

Шаг 11

Щёлкните по седьмому кадру ‘Frame 7’, удерживая клавишу (Shift), щёлкните по восьмому кадру ‘Frame 8’, чтобы выделить оба кадра. Щёлкните по значку Создать промежуточные слои (Tweens Animation Frames), чтобы добавить 5 кадров.

Add Tween FramesAdd Tween FramesAdd Tween Frames

Шаг 12

Щёлкните по кадру ‘Frame 13’, а затем нажмите кнопку Удаление выделенных кадров (Delete Selected Frames). После удаления кадра, у вас получится всего 12 кадров.

Delete Selected Frames in PhotoshopDelete Selected Frames in PhotoshopDelete Selected Frames in Photoshop

8. Сохраняем GIF Анимацию

Щёлкните по первому кадру ‘Frame 1’. Чтобы сохранить GIF анимацию, идём Редактирование- Сохранить для Web (Edit > Save for Web & Devices), в настройках установите GIF формат. Убедитесь, чтобы параметры анимации и повторов были выставлены верно, а затем нажмите кнопку Сохранить (Save).

Save GIF Animation in PhotoshopSave GIF Animation in PhotoshopSave GIF Animation in Photoshop

Поздравляю! Мы Завершили Урок!

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


Данный фото эффект с призраком является частью экшена Halloween Ghost Animated Photoshop Action, который доступен в моём профиле на Envato Market.

Animated Ghost Photoshop ActionAnimated Ghost Photoshop ActionAnimated Ghost Photoshop Action
Halloween Animated Ghost Photoshop Action

Хотите узнать ещё больше? Я рекомендую вам следующие уроки:

One subscription.
Unlimited Downloads.
Get unlimited downloads