Как сделать дисперсию в фотошопе

Обновлено: 06.07.2024

Эффекты частиц, такие как рассеивание и брызги, всегда привлекательны. В частности, в случае рассеивания, возможно сложно точно знать, что сделал человек для достижения эффекта, делая его ещё более впечатляющим! В этом уроке вы увидите, как быстро использовать ресурсы Adobe Photoshop от Envato Elements, которые помогут вам обработать ваши фотографии на двух примерах.

Пример 1: Экшен Feathers Photoshop

Экшен Feathers Photoshop

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

Перед Тем Как Приступить

Ваше исходное изображение должно быть:

Вам необходимо также установить:

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

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

Откройте своё исходное изображение, а затем создайте новый слой (Ctrl+Shift+N), назовите этот слой ‘subject’. Название должно начинаться со строчной буквы или экшен не сработает. Находясь на данном слое, прокрасьте кистью поверх изображения объекта на вашей фотографии; поэтому, в данном случае, я прокрашу поверх всего человека.

Прокрасьте кистью поверх изображения своего объекта

Создайте новый слой поверх слоя ‘subject’, назовите этот слой ‘area’, опять же, не забывайте, что название слоя должно быть полностью из строчных букв. На этот раз, прокрасьте там, где бы вы хотели применить эффект рассеивания. Проявите аккуратность, вначале попробуйте прокрасить с одной стороны и посмотреть, как у вас получилось.

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

Запустите Экшен

Результат после обработки экшеном

Вы увидите разбивку экшена на множество слоёв, которые вы можете отредактировать, а также поменять цвета.

Разбивка экшена на множество вспомогательных слоёв

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

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

Пример 2: 20 Кистей Брызги

Кисти Брызги - это набор из 20 специализированных кистей, которые позволяют добавлять текстуру, узор или декор к любому понравившемуся вам изображению. Загрузка включает в себя кисти Photoshop и векторные файлы, поэтому вы также можете использовать их и в Adobe Illustrator.

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

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

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

Фото от автора David Hofmann доступно на Unsplash

Добавьте Брызги

Выделите свой исходный объект с помощью инструмента Быстрое выделение (Quick Selection Tool), а затем вклейте выделенное изображение на новый слой. Далее, залейте или закрасьте задний фон сплошным цветовым оттенком, чтобы он был ровным.

Создайте новый слой (или больше одного слоя) между двумя слоями, на котором мы будем прокрашивать. Назовите этот слой 'brush'. С помощью инструмента Пипетка (Eyedropper Tool), выберите цвета или цветовые тона с изображения.

Далее, с помощью кистей Брызги, прокрасьте на слое 'brush'.

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

Ещё Больше Уроков с Эффектами Рассеивания

Для более сложных пошаговых уроков как создать эффекты рассеивания и экшены Photoshop, посетите следующие потрясающие уроки:

Сегодня будем изучать как делать в программе Adobe Photoshop один из последних трендов в граф.дизайне – эффект псевдодисперсии. Дисперсию используют в последнее время при обработке фотографий, для создания фотоколлажей и мэйтов дизайнерами, просто картинки а также в видео постпродакшене и т.д. Короче везде где не лень:) Если учесть что это достаточно просто – изучим и мы как же получить сей модный эффект.

Но для начала обратимся к теории, Дисперсия (от лат. dispersio — рассеяние), в математической статистике и теории вероятностей, наиболее употребительная мера рассеивания, т. е. отклонения от среднего. Нас интересует световая дисперсия. Дисперсия света – это зависимость показателя преломления n вещества от частоты n (длины волны l) света или зависимость фазовой скорости световых волн от частоты. Следствие дисперсии света — разложение в спектр пучка белого света при прохождении сквозь призму. Изучение этого спектра привело И. Ньютона (1672) к открытию дисперсии света.

Вот такие оптические преобразования и используют дизайнеры в своих фото- и графических экспериментах. Сразу оговорюсь, что никаких дополнительных плагинов для фотошопа мы использовать в этом уроке не будем. Более того все фильтры и приемы данного урока подходят для всех версий фотошопа последних лет(PS 7, CS-CS4…). И так начнем. Для начала выберем материал для редактирования. Лучше брать картинки с приглушенной насыщенностью, чтобы цветные искажения были лучше видны. В крайнем случае можно изменить насыщенность перед началом редактирования инструментом Hue/Saturation – CTRL+U(стандартный шоткат) путем изменения параметра saturation. Я выбрал для этого урока вот эту картинку из набора Shutterstock.

Сделаем клон нашей картинки(именно, клон а не копию слоя!). Для этого на панели инструментов History(История) жмем на кнопку duplicate state.

Это действие создаст независимый клон нашей фотографии, он понадобится нам позже. А сейчас вернемся в оригинал и немного размоем края фотографии для усиления эффекта. Для этого входим в режим быстрой маски(клавиша Q на клавиатуре) и рисуем черным цветом(в режиме это красный) те места где картинка будет размыта, затем инвертируем маску, чтобы потом получить правильное выделение. Должно получиться что-то вроде этого:

Выходим из режима маски(опять клавиша Q), видим фигурное выделение, применяем эффект Gaussian Blur(возможны вариации). Добавляем размытия по вкусу. После применения фильтра для лучшего результата можно доработать детали инструментом размытие(R). В результате получилось нечто вроде:

Далее применяем собственно саму псевдо-дисперсию, для этого заходим в панель Channels(Каналы) и выбираем по очереди Красный(Red) канал и Голубой(Blue)

и сдвигаем их. Красный-влево вверх(однократное нажатие стрелками на клавиатуре), и Голубой вниз вправо. Зеленый не трогаем В результате у нас получился вполне себе оптический световой эффект:

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

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

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

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

1. Начало

Откройте фотографиютанцовщины в Фотошопе. Прежде, чем мы начнём работу, проверьте следующие пункты:

1. Фотография должна быть в режиме RGB, 8 бит/канал. Проверить это можно в меню Image ?Mode.

2. Размер фотографии должен быть 1500-4000 пикселей в ширину/высоту. Посмотреть эту информацию можно в меню Image ?ImageSize.

3. Фотография должна быть фоновым слоем. Если это не так, переделайте слой через меню Layer ? New ? Background from Layer.

2. Созданиеузора

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) под именем «Pattern 1»

Шаг 2

Возьмите инструмент EllipseTool (U) и кликните на холсте. Откроется окно размеров фигуры. Введите туда значения 33х33, чтобы получить круг диаметром 33 пикселя. Расположите круг прямо в центре холста.

Шаг 3

Выключите фоновый слой (кликните на иконку глаза у слоя). ПерейдитевменюEdit ?DefinePattern и сохраните узор под именем «Circle_Pattern_1».

Шаг 4

Закройте документ «Pattern 1» и создайте новый под именем «Pattern 2».

Шаг 5

Создайте ещё один круг диаметром 16,63 пикселя в центре холста.

Шаг 6

Выключите фоновый слой и сохраните узор под именем «Circle_Pattern_2».

Шаг 7

Закройте документ «Pattern 2» и создайте новый под именем «Pattern 3».

Шаг 8

Создайте круг диаметром 66 пикселей.

Шаг 9

Выключите фоновый слой и сохраните узор под именем «Circle_Pattern_3».

3. Создание основы

Шаг 1

На этом этапе мы создадим основу для нашего будущего эффекта. Нужно определить какие именно участки подвергнуться расщеплению. Создайте слой «Base» (Ctrl + Shift + N).

Шаг 2

Возьмите инструмент BrushTool (B) и закрасьте участки, на которых будет применен эффект.

4.Деление объекта

Шаг 1

Выделите слой «Base» (удерживаяCtrl, кликните на миниатюре слоя).

Шаг 2

Выключите слой «Base» (кликните на иконке глаза). Возьмите инструмент LassoTool (L), кликните правой кнопкой мыши на холсте и выберите пункт MakeWorkPath. Введите значение Tolerance — 1 пиксель.

Шаг 3

Создайте новый слой над фоновым.

Шаг 4

Возьмите инструмент PenTool (P), кликните правой кнопкой мыши на холсте и выберите пункт FillPath. Выберите узор «Circle_Pattner_1» для заливки.

Шаг 5

Выделите слой «Layer 1» и скопируйте его на отдельный слой (Ctr + J).

Шаг 6

Переименуйте слой «Layer 2» в «MP_1», а слой «Layer 1» удалите.

Шаг 7

Повторите шаги 3-5, чтобы создать больше участков среднего размера. Наименование слоёв нужно учитывать, чтобы не было дубликатов. Шаги 3-6 нужно повторить столько раз, сколько Вы хотите создать участков для эффекта.

Шаг 8

Объедините части силуэта в группу (Ctrl + G), чтобы было удобнее работать. Назовите группу «Medium Parts».

Шаг 9

Теперь создадим небольшие части. Создайте новый слой над фоновым и оставьте ему имя «Layer 1». Мы его удалим через несколько шагов, поэтому имя не важно.

Шаг 10

Возьмите инструмент Pen Tool (P), кликните правой кнопкой мыши на холсте и выберите пункт Fill Path (заливка узором). В качестве узора выберите «Circle_Pattern_2».

Шаг 11

Выделите слой «Layer 1», перейдите на слой «Background» и скопируйте выделение на отдельный слой (Ctrl + J).

Шаг 12

Назовите новый слой «SP_1» и удалите слой «Layer 1».

Шаг 13

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

Шаг 14

Все слои с небольшими кусочками объедините в одну группу «Small Parts».

Шаг 15

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

Шаг 16

С помощью инструмента Pen Tool (P) заполните холст узором «Circle_Pattern_3».

Шаг 17

Создайте выделение на основе слоя «Layer 1» и скопируйте выделенные участки со слоя «Background» на новый слой.

Шаг 18

Переименуйте слой «Layer 2» в «LP_1» и удалите слой «Layer 1».

Шаг 19

Повторите шаги 15-18, чтобы создать больше слоёв с крупными частями для эффекта.

Шаг 20

Объедините все слои «LP» в одну группу «Large Parts».

Шаг 21

Поднимите группу «Large Parts» над группой «Medium Parts». Активируйте инструмент Pen Tool (P), кликните правой кнопкой мыши на холсте и выберите пункт Delete Path.

5. Применение расщепления

Шаг 1

Сейчас Вам нужно переместить все слои в группах Parts так, чтобы получился эффект расщепления (разрушения).

Шаг 2

К некоторым слоям примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur):

Шаг 3

Добавьте больше размытия на разные участки эффекта. Используйте разное значение радиуса размытия.

Шаг 4

Все размытые слои переименуйте в «BP_1», «BP_2» и т.д. Именование слоёв позволит Вам лучше ориентироваться в объектах на холсте. Все размытые слои поместите в отдельную группу «Blurred Parts». Расположите её прямо над слоем «Base».

Шаг 5

Измените ширину и высоту отдельные элементов, чтобы разнообразить частицы.

Шаг 6

Повторите трансформацию формы для других участков эффекта.

Шаг 7

Повторите все действия, которые мы проделывали ранее, чтобы улучшить эффект. Если Вам не понравятся какие-то участки эффекта, воспользуйтесь инструментом Eraser Tool (E), чтобы стереть их.

6. Эффект движения

Шаг 1

Выключите фоновый слой с фотографией и перейдите на группу «Blurred Parts». Объедините её содержимое на отдельный слой (Ctrl + Shift + Alt + E).

Шаг 2

Установите режим наложения Screen и примените фильтр Gaussian Blur ещё раз:

Шаг 3

Сведите слои ещё раз (Ctrl + Shift + Alt + E) и примените фильтр Motion Blur (Filter ? Blur ? Motion Blur).

Шаг 4

Примените фильтр Wave (Filter ? Distort ? Wave).

Шаг 5

Удалите слой «Layer 1» и выключите слой «Layer 2». Сведите группу «Blurred Parts» на отдельный слой ещё раз.

Шаг 6

Включите слой «Layer 2», выделите слой «Layer 3» и , находясь на слое «Layer 2», активируйте инструмент Move Tool (V). На верхней панели нажмите на кнопку Align bottom edges. После этого уберите выделение (Ctrl + D).

Шаг 7

Удалите слой «Layer 3» и верните видимость слою фотографии. Расположите слой «Layer 2» прямо над фотографией и переименуйте его в «Parts Motion». Уменьшите непрозрачность слоя до 20%.

7. Усиление контрастности

Шаг 1

Установите цвета по умолчанию (D). Над группой «Blurred Parts» создайте корректирующий слой «Gradient Map». Назовите слой «Parts Contrast».

Шаг 2

Установите режим наложения Soft Light и уменьшите непрозрачность до 20%.

Шаг 3

Объедините все слои, за исключением фонового и «Base» в одну группу. Верните ей режим наложения Normal.

8. Финальные коррекции

Шаг 1

Создайте нкорректирующий слой Сurves и назовите его «Color Look».

Шаг 2

Настройте каждый канал отдельно:

Шаг 3

Создайте корректирующий слой Vibrance под именем «Overall Vibrance».

Шаг 4

Настройте слой так:

Шаг 5

Создайте корректирующий слой Gradient Map: используйте стандартный чёрно-белый градиент. Назовите его «Overall Contrast».

Шаг 6

Смените режим наложения на Soft Light и уменьшите непрозрачность до 15%.

Шаг 7

Сведите все слои (Ctrl + Shift + Alt + E) и примените фильтр High Pass (Filter ? Other ? High Pass)/

Шаг 8

Назовите слой с фильтром «Overall Sharpening». Установите режим наложения «Hard Light» и уменьшите непрозрачность до 80%.

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

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Читайте также: