Создаём Потрясающий Эффект Рассеивания в программе Adobe Photoshop

В этом уроке я покажу вам, как создать потрясающий эффект рассеивания.

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

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

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать эффект, как на изображение ниже, при этом создать данный эффект  быстро и легко, то вы можете воспользоваться моим экшеном Dispersion Photoshop Action.

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

Для создания данного эффекта, вам понадобится следующая фотография:

• Девушка

1. Давайте Приступим!

Вначале откройте исходную фотографию, с которой вы будете работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open) и в появившемся окне, выберите нужную фотографию, а затем нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, просто уточните пару моментов:

1. Ваша исходная фотография должна быть в Цветовом режиме (Color mode) RGB, 8 бит / канал (Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
2. Для достижения наилучших результатов, ваша фотография должна иметь следующие размеры в пределах 1500-4000px по ширине / высоте (wide/high). Чтобы проверить размеры изображения, идём Изображение – Размер изображения (Image > Image Size).
3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.

2. Создаём Узоры

Шаг 1

В этом шаге мы создадим узоры, которые мы используем для создания эффектов рассеивания. Поэтому, идём Файл - Новый (File > New), чтобы создать новый документ. Назовите этот документ Узор 1 (Pattern 1), а затем установите следующие настройки, которые указаны на скриншоте ниже: 

Шаг 2

Теперь выберите инструмент Эллипс (Ellipse Tool), а затем щёлкните левой кнопкой мыши в любом месте холста, чтобы установить размеры эллипса, которые указаны на скриншоте ниже. Далее, расположите эллипс точно по центру документа.

Шаг 3

Щёлкните по глазку рядом с миниатюрой слоя с Задним фоном (Background), чтобы отключить видимость этого слоя, а затем идём Редактирование - Определить узор (Edit > Define Pattern), чтобы создать новый узор. Дайте название новому узору Узор_Круг 1 (Circle_Pattern_1).

Шаг 4

Теперь вы можете закрыть документ Узор 1 (Pattern 1). Далее, идём Файл - Новый (File > New), чтобы создать новый документ. Назовите этот документ Узор 2 (Pattern 2), а затем установите следующие настройки, которые указаны на скриншоте ниже:

Шаг 5

Теперь выберите инструмент Эллипс (Ellipse Tool), а затем щёлкните левой кнопкой мыши в любом месте холста, чтобы установить размеры эллипса, которые указаны на скриншоте ниже. Далее, расположите эллипс точно по центру документа.

Шаг 6

Щёлкните по глазку рядом с миниатюрой слоя с Задним фоном (Background), чтобы отключить видимость этого слоя, а затем идём Редактирование - Определить узор (Edit > Define Pattern), чтобы создать новый узор. Дайте название новому узору Узор_Круг 2 (Circle_Pattern_2).

Шаг 7

Теперь вы можете закрыть документ Узор 2 (Pattern 2). Далее, идём Файл - Новый (File > New), чтобы создать новый документ. Назовите этот документ Узор 3 (Pattern 3), а затем установите следующие настройки, которые указаны на скриншоте ниже:

Шаг 8

Теперь выберите инструмент Эллипс (Ellipse Tool), а затем щёлкните левой кнопкой мыши в любом месте холста, чтобы установить размеры эллипса, которые указаны на скриншоте ниже. Далее, расположите эллипс точно по центру документа.

Шаг 9

Щёлкните по глазку рядом с миниатюрой слоя с Задним фоном (Background), чтобы отключить видимость этого слоя, а затем идём Редактирование - Определить узор (Edit > Define Pattern), чтобы создать новый узор. Дайте название новому узору Узор_Круг 3 (Circle_Pattern_3).

3. Создаём Основу

Шаг 1

В этой части урока мы создадим основу, которая определит участки фотографии, где мы применим эффект рассеивания. Идём Слой- Новый - Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Основа (Base).

Шаг 2

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

4. Создаём Участки Рессеивания

Шаг 1

В этой главе мы создадим участки, которые мы рассеем позже. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Основа (Base), чтобы загрузить активное выделение.

Шаг 2

Теперь щёлкните по глазку рядом с миниатюрой слоя Основа (Base), чтобы отключить видимость данного слоя. Выберите инструмент Лассо (Lasso Tool (L), щёлкните правой кнопкой по холсту и в появившемся окне, выберите опцию Создать рабочий контур (Make Work Path), а затем установите значение, которое указано на скриншоте ниже.:

Шаг 3

Перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Слой (Layer > New > Layer), чтобы создать новый слой. Оставьте название слоя Слой 1 (Layer 1) по умолчанию, потому что мы удалим этот слой в одном из следующих нескольких шагов.

Шаг 4

Выберите инструмент Перо (Pen Tool (P), щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Выполнить заливку контура (Fill Path), а затем выберите Узор_Круг 1 (Circle_Pattern_1) в качестве Заказного узора (Custom Pattern). Установите остальные настройки, которые указаны на скриншоте ниже:

Шаг 5

Теперь удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 1 (Layer 1), чтобы загрузить активное выделение, перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Скопировать на новый слой (Layer > New > Layer Via Copy).

Шаг 6

Дважды щёлкните по названию слоя Слой 2 (Layer 2), чтобы переименовать его. Назовите этот слой MP_1, т.к. там присутствуют фрагменты рассеивания среднего размера. Далее, щёлкните правой кнопкой мыши по слою Слой 1 (Layer 1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer).

Шаг 7

Добавьте ещё фрагментов рассеивания среднего размера, для этого повторите все шаги с Шага 3 по Шаг 6 данной главы. Конечно же, в Шаге 6, поменяйте название слоёв согласно порядковому числу. Повторите эти шаги столько раз, сколько захотите, всё зависит от того, сколько частиц рассеивания вы хотите создать. Я повторил эти шаги 49 раз и создал 50 слоёв с частицами среднего размера.

Шаг 8

Далее, мы сгруппируем все эти слои, чтобы нам было легко работать с ними позже. Находясь на самом последнем слое, который вы создали, удерживая клавишу (Shift), щёлкните по самому первому слою, который расположен на самом верху, чтобы выделить все созданные слои, а затем идём Слой - Новый - Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв, назовите новую группу Средние частицы (Medium Parts).

Шаг 9

Теперь мы создадим мелкие частицы. Перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Слой (Layer > New > Layer), чтобы создать новый слой. Оставьте название слоя Слой 1 (Layer 1) по умолчанию, потому что мы удалим этот слой в одном из следующих нескольких шагов.

Шаг 10

Выберите инструмент Перо (Pen Tool (P), щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Выполнить заливку контура (Fill Path), а затем выберите Узор_Круг 2 (Circle_Pattern_2) в качестве Заказного узора (Custom Pattern). Установите остальные настройки, которые указаны на скриншоте ниже:

Шаг 11

Теперь удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 1 (Layer 1), чтобы загрузить активное выделение, перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Скопировать на новый слой (Layer > New > Layer Via Copy).

Шаг 12

Дважды щёлкните по названию слоя Слой 2 (Layer 2), чтобы переименовать его. Назовите этот слой SP_1, т.к. там присутствуют фрагменты рассеивания малого размера. Далее, щёлкните правой кнопкой мыши по слою Слой 1 (Layer 1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer).

Шаг 13

Добавьте ещё фрагментов рассеивания малого размера, для этого повторите все шаги с Шага 9 по Шаг 12 данной главы. Конечно же, в Шаге 12, поменяйте название слоёв согласно порядковому числу. Повторите эти шаги столько раз, сколько захотите, всё зависит от того, сколько частиц рассеивания вы хотите создать. Я повторил эти шаги 14 раз и создал 15 слоёв с частицами малого размера.

Шаг 14

Далее, мы также сгруппируем все эти слои. Находясь на самом последнем слое, который вы создали, удерживая клавишу (Shift), щёлкните по самому первому слою, который расположен на самом верху, чтобы выделить все созданные слои, а затем идём Слой - Новый - Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв, назовите новую группу Малые частицы (Small Parts).

Шаг 15

Теперь мы создадим крупные частицы. Перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Слой (Layer > New > Layer), чтобы создать новый слой. Оставьте название слоя Слой 1 (Layer 1) по умолчанию, потому что мы удалим этот слой в одном из следующих нескольких шагов.

Шаг 16

Выберите инструмент Перо (Pen Tool (P), щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Выполнить заливку контура (Fill Path), а затем выберите Узор_Круг 3 (Circle_Pattern_3) в качестве Заказного узора (Custom Pattern). Установите остальные настройки, которые указаны на скриншоте ниже:

Шаг 17

Теперь удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 1 (Layer 1), чтобы загрузить активное выделение, перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый - Скопировать на новый слой (Layer > New > Layer Via Copy).

Шаг 18

Дважды щёлкните по названию слоя Слой 2 (Layer 2), чтобы переименовать его. Назовите этот слой LP_1, т.к. там присутствуют фрагменты рассеивания большого размера. Далее, щёлкните правой кнопкой мыши по слою Слой 1 (Layer 1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer).

Шаг 19

Добавьте ещё фрагментов рассеивания среднего размера, для этого повторите все шаги с Шага 15 по Шаг 18 данной главы. Конечно же, в Шаге 18, поменяйте название слоёв согласно порядковому числу. Повторите эти шаги столько раз, сколько захотите, всё зависит от того, сколько частиц рассеивания вы хотите создать. Я повторил эти шаги 13 раз и создал 14 слоёв с частицами большого размера.

Шаг 20

Далее, мы также сгруппируем все эти слои.  Находясь на самом последнем слое, который вы создали, удерживая клавишу (Shift), щёлкните по самому первому слою, который расположен на самом верху, чтобы выделить все созданные слои, а затем идём Слой - Новый - Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв, назовите новую группу Большие частицы (Large Parts).

Шаг 21

Теперь переместите слой с группой Большие частицы (Large Parts) наверх, расположив поверх слоя с группой Средние частицы (Medium Parts). Далее, выберите инструмент Перо (Pen Tool (P), щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Удалить контур (Delete Path).

5. Создаём Эффект Рассеивания

Шаг 1

В этой части урока мы создадим эффект рассеивания из частиц. Выберите инструмент Перемещение (Move Tool (V), далее, выделяя каждую группу с рассеивающими частицами в палитре слоёв, создайте эффект рассеивания, смещая частицы. Вы можете рассеять их в любом направлении на своё усмотрение. Я создал вертикальное рассеивание вверх. Итак, результат, который у меня получился.

Шаг 2

Далее, мы размоем отдельные частицы, чтобы добавить глубины. Итак, выделите несколько слоёв с частицами, а затем идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 3рх.

Шаг 3

Вы можете повторить Шаг 2 и размыть столько частиц, сколько захотите. Также, не стесняйте использовать различные значения Радиуса (Radius) размытия для фильтра Размытие по Гауссу (Gaussian Blur). Всего, я размыл 14 слоёв с частицами. Мой результат вы можете увидеть на скриншоте ниже.

Шаг 4

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

Теперь выделите все слои с размытыми частицами, в моём случае, я выделил 14 слоёв, которые я размыл от BP_1 до BP_14, а затем идём Слой- Новый - Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв. Назовите эту группу Размытые частицы (Blurred Parts). Расположите данную группу поверх остальных слоёв с группами, как раз ниже слоя Основа (Base).

Шаг 5

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

Шаг 6

Вы можете повторить Шаг 5 и трансформировать столько слоёв, сколько захотите. Также, не стесняйте применять различные масштабы трансформирования. Всего, я трансформировал 9 слоёв. Мой результат вы можете увидеть на скриншоте ниже.

Шаг 7

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

6. Добавляем Динамику Движения

Шаг 1

В этой части урока мы добавим динамики к частицам. Теперь щёлкните по глазку рядом с миниатюрой слоя Задний фон (Background), чтобы отключить видимость данного слоя. Перейдите на слой с группой Размытые частицы (Blurred Parts), а затем нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой из всех видимых слоёв.

Шаг 2

Поменяйте режим наложения для объединённого слоя на Осветление (Screen), а затем идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите радиус размытия, который указан на скриншоте ниже.

Шаг 3

Теперь нажмите клавиши (Ctrl+Alt+Shift+E), чтобы ещё раз создать объединённый слой. Далее, идём Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur). Установите следующие настройки, которые указаны на скриншоте ниже.

Шаг 4

Идём Фильтр - Искажение - Волна (Filter > Distort > Wave). Установите следующие настройки, которые указаны на скриншоте ниже.

Шаг 5

Далее, щёлкните правой кнопкой мыши по слою Слой 1 (Layer 1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer), а затем щёлкните по глазку рядом с миниатюрой слоя Слой 2 (Layer 2), чтобы отключить видимость данного слоя. Перейдите на слой с группой Размытые частицы (Blurred Parts), а затем ещё раз нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой из всех видимых слоёв.

Шаг 6

Теперь перейдите на слой Слой 2 (Layer 2), щёлкните по глазку рядом с миниатюрой данного слоя, чтобы вновь включить видимость данного слоя. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Слой 3 (Layer 3), чтобы загрузить активное выделение, далее, выберите инструмент Перемещение (Move Tool (V), а затем в верхней панели управления данного инструмента, выберите режим Выравнивание по нижнему краю (Align bottom edges). Далее, идём Выделение - Отменить выделение (Select > Deselect), чтобы отменить активное выделение.

Шаг 7

Далее, щёлкните правой кнопкой мыши по слою Слой 3 (Layer 3) и в появившемся окне, выберите опцию Удалить слой (Delete Layer). Теперь щёлкните по глазку рядом с миниатюрой слоя Задний фон (Background ), чтобы вновь включить видимость данного слоя. Переместите Слой 2 (Layer 2) в палитре слоёв, расположив поверх слоя с Задним фоном (Background), дважды щёлкните по названию слоя, что переименовать его. Назовите этот слой Движение частиц (Parts Motion). Уменьшите Непрозрачность (Opacity) данного слоя до 20%.

7. Добавляем Контраст к Частицам

Шаг 1

В этой части урока мы добавим контраст к частицам. Нажмите клавишу 'D', чтобы выставить цвета по умолчанию, далее, перейдите на слой с группой Размытые Частицы (Blurred Parts), а затем идём Слой - Новый корректирующий слой - Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы добавить новый корректирующий слой. Назовите этот корректирующий слой Контраст частиц (Parts Contrast).

Шаг 2

Далее, поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) до 20%.

Шаг 3

Теперь, находясь на слое Контраст частиц (Parts Contrast), удерживая клавишу (Shift), щёлкните по слою Движение частиц (Parts Motion), чтобы выделить эти два слоя, а также все слои, расположенные между ними, а затем идём Слой - Новый - Группа из слоёв (Layer > New > Group from Layers), чтобы создать группу их выделенных слоёв. Назовите новую группу Частицы (Parts), а затем поменяйте режим наложения для слоя с группой на Нормальный (Normal).

8. Проводим Заключительную Коррекцию

Шаг 1

В этой части урока мы проведём заключительную коррекцию всей нашей картины. Идём Слой- Новый корректирующий слой - Кривые (Layer > New Adjustment Layer > Curves), чтобы добавить новый корректирующий слой Кривые (Curves). Назовите этот корректирующий слой Цветовой стиль (Color Look).

Шаг 2

Дважды щёлкните по миниатюре слоя Цветовой стиль (Color Look) и в появившемся окне настроек, установите следующие кривые, которые указаны на скриншоте ниже:

Шаг 3

Далее, идём Слой- Новый корректирующий слой- Вибрация (Layer > New Adjustment Layer > Vibrance), чтобы создать новый корректирующий слой Вибрация (vibrance). Назовите этот слой Вибрация Картины (Overall Vibrance).

Шаг 4

Дважды щёлкните по миниатюре слоя Вибрация Картины (Overall Vibrance) и в появившемся окне, установите следующие настройки, которые указаны на скриншоте ниже.

Шаг 5

Нажмите клавишу 'D', чтобы выставить цвета по умолчанию, далее, идём Слой - Новый корректирующий слой - Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы добавить новый корректирующий слой карта градиента. Назовите этот слой Общий контраст (Overall Contrast).

Шаг 6

Далее, поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) до 15%.

Шаг 7

И в заключение, мы добавим немного резкости к нашей сцене. Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем идём Фильтр - Другое - Цветовой контраст (Filter > Other > High Pass). Установите следующие настройки для данного фильтра, которые указаны на скриншоте ниже. 

Шаг 8

Теперь дважды щёлкните по названию слоя со цветовым контрастом Слой 1 ( Layer 1), чтобы переименовать его. Назовите этот слой Общая резкость (Overall Sharpening). Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), а также уменьшите Непрозрачность (Opacity) слоя до 80%.

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

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

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

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

• круг
• сердце
• ромб
• звёздочка
• тругольник
• шестиугольник
• музыкальная нота
• кольцо
• обводка сердечка
• обводка ромба
• обводка звёздочки
• обводка треугольника
• обводка шестиугольника

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

• вправо
• влево
• вверх
• вниз
• в середине