Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

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

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

Action final result

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

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

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

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

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

2. Создаём Кисть

Шаг 1

В этой части урока мы создадим кисть, которая нам понадобится для создания данного эффекта. Идём Файл – Новый (File > New), чтобы создать новый документ, назовите его ‘Shatter Brush’, а также примените следующие настройки, которые указаны на скриншоте ниже:

Creating new file

Теперь идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘SP_1’.

Выберите инструмент Перо (Pen Tool (P), установите режим инструмента на Контур (Path), а затем нарисуйте один фрагмент осколка. Далее, щёлкните правой кнопкой мыши в любом месте внутри холста и в появившемся окне, выберите опцию Образовать выделенную область (Make Selection).

Creating new layer

Шаг 3

Выберите инструмент Перо (Pen Tool (P), установите режим инструмента на Контур (Path), а затем нарисуйте один фрагмент осколка. Далее, щёлкните правой кнопкой мыши в любом месте внутри холста и в появившемся окне, выберите опцию Образовать выделенную область (Make Selection).

Making selection

Шаг 4

Теперь нажмите клавишу (D), чтобы установить цвета переднего и заднего плана по умолчанию, а затем идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне настроек, установите Содержимое (Contents) на Цвет переднего плана (Foreground Color), Режим наложение (Blending) Нормальный (Normal) и Непрозрачность (Opacity) 100%, как показано на скриншоте ниже:

Filling layer with foreground color

Шаг 5

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение. Далее, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), примените стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя, которые указаны ниже:

Adding layer style

Шаг 6

Далее, уменьшите значение Заливки (Fill) для данного слоя до 90%.

Changing fill

Шаг 7

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

  • Используйте различные фигуры и размеры при создании осколочных фрагментов.
  • Чтобы быстро создать очень много осколков, выберите любой слой с осколками, который у вас есть, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой.
  • Чтобы сместить какие-либо осколки, выберите этот слой с осколками и с помощью инструмента Перемещение (Move Tool (V), сдвиньте осколки в любую область холста, чтобы расположить их там, где вам нравится.
  • Чтобы трансформировать любые осколочные фрагменты, выберите слой с осколками, а затем нажмите клавиши (Ctrl+T), поменяйте настройки трансформации, чтобы трансформировать осколки на своё усмотрение.
  • Если вы хотите размыть какие-либо осколки, выберите слой с осколками, а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на своё усмотрение.
  • Варьируйте настройки для стиля слоя Внутренняя тень (Inner Shadow).
  • Используйте различную степень Заливки (Fill) для разных слоёв.

В конце, нажмите клавиши (Ctrl+Shift+E), чтобы объединить все видимые слои.

Creating more shatter parts

Шаг 8

Теперь идём Редактирование – Определить кисть (Edit > Define Brush Preset), чтобы определить созданные осколочные фрагменты в качестве новой кисти, назовите эту кисть Временная (Temp).

Defining brush

Шаг 9

Нажмите клавишу (B), а затем щёлкните правой кнопкой мыши в любом месте внутри холста и в появившемся окне, выберите созданную кисть Временная (Temp), нажмите клавишу ‘Enter’. Далее, идём Окно – Кисть (Window > Brush) и в появившемся окне настроек кисти, установите следующие настройки, которые указаны ниже:

Adjusting brush settings

Шаг 10

Теперь сохраните эту кисть с новыми настройками в качестве новой кисти, для этого, нажмите на значок Новая кисть (new brush), который расположен справа в нижнем правом углу панели Кисть (Brush), назовите эту кисть ‘Shatter’. После этого, вы можете закрыть окно документа ‘Shatter Brush’.

Defining brush

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

Шаг 1

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

Creating new layer

Шаг 2

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B), установите кисть ‘Shatter’, установите размер кисти, примерно на 250 px, а затем прокрасьте кистью, как показано на скриншоте ниже:

Brushing into layer

Шаг 3

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘SP_Medium’.

Creating new layer

Шаг 4

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B), установите кисть ‘Shatter’, установите размер кисти, примерно на 500 px, а затем прокрасьте кистью, как показано на скриншоте ниже:

Brushing into layer

Шаг 5

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘SP_Large’.

Creating new layer

Шаг 6

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B), установите кисть ‘Shatter’, установите размер кисти, примерно на 750 px, а затем прокрасьте кистью, как показано на скриншоте ниже:

Brushing into layer

Шаг 7

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘SP_Very_Large’.

Creating new layer

Шаг 8

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B), установите кисть ‘Shatter’, установите размер кисти, примерно на 1400 px, а затем прокрасьте кистью, как показано на скриншоте ниже:

Brushing into layer

Шаг 9

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

Creating new group from layers

Шаг 10

Теперь идём Слой- слой-маска- Показать всё (Layer > Layer Mask > Reveal All), чтобы добавить слой-маску, которая показывает всю группу. Далее, установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, а затем прокрасьте кистью те участки изображения, где вы хотите удалить эффект рассеивания.

Brushing into layer mask

4. Корректируем Цвет и Тон Эффектов Рассеивания

Шаг 1

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

Creating new layer

Шаг 2

Теперь отключите видимость слоя с группой ‘Shatter Parts’, а затем залейте свой объект любым цветовым оттенком.

Вы можете проделать это различными способами. Например, вы можете создать активное выделение вокруг изображения вашего объекта с помощью инструмента Перо (Pen Tool (P), Волшебная палочка (Magic Wand Tool (W), Лассо (Lasso Tool (L) или любым другим инструментом, а затем залить выделенную область цветовым оттенком. Или вы можете выбрать инструмент Кисть (Brush Tool (B), а затем прокрасить поверх объекта на фотографии с помощью мягкой или жёсткой кисти. Цвет кисти не играет большой роли.

Далее, включите видимость слоя с группой ‘Shatter Parts’.

Filling subject with color

Шаг 3

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с созданной заливкой, чтобы загрузить активное выделение. Далее, отключите видимость этого слоя, затем перейдите на фоновый слой (Background), a затем нажмите клавиши (Ctrl+J), чтобы продублировать выделение на новый слой. После этого, переместите новый слой наверх, расположив ниже слоя Временный (Temp) в палитре слоёв.

Creating new layer using selection

Шаг 4

Теперь идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 5

Нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 (Temp 2), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой.

Merging layers

Шаг 6

Теперь идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blu filter

Шаг 7

Нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 копия 9 (Temp 2 copy 9), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. После этого, Теперь идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 8

Теперь нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 копия 18 (Temp 2 copy 18), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. После этого, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 9

Нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 копия 27 (Temp 2 copy 27), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. После этого, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 10

Теперь нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 копия 36 (Temp 2 copy 36), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. После этого, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 50 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 11

Теперь нажмите клавиши (Ctrl+J) девять раз, чтобы продублировать данный слой девять раз. Далее, удерживая клавишу (Shift), щёлкните по слою Временный 2 копия 45 (Temp 2 copy 45), чтобы выделить все промежуточные слои, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. После этого, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 25 px, как показано на скриншоте ниже:

Adding gaussian blur filter

Шаг 12

Переместите данный слой, расположив его поверх слоя ‘SP_Small’ в палитре слоёв. Далее, нажмите клавиши (Ctrl+Alt+G), чтобы создать обтравочную масску, назовите этот слой ‘SP_Small_Color’.

Creating clipping mask

Шаг 13

Теперь нажмите клавиши (Ctrl+J), чтобы продублировать данный слой, переместите данный слой, расположив его поверх слоя ‘SP_Medium’ в палитре слоёв. Далее, нажмите клавиши (Ctrl+Alt+G), чтобы создать обтравочную масску, назовите этот слой ‘SP_Medium_Color’.

Creating clipping mask

Шаг 14

Нажмите клавиши (Ctrl+J), чтобы продублировать данный слой, переместите данный слой, расположив его поверх слоя ‘SP_Large’ в палитре слоёв. Далее, нажмите клавиши (Ctrl+Alt+G), чтобы создать обтравочную масску, назовите этот слой ‘SP_Large_Color’.

Creating clipping mask

Шаг 15

Теперь нажмите клавиши (Ctrl+J), чтобы продублировать данный слой, переместите данный слой, расположив его поверх слоя ‘SP_Very_Large’ в палитре слоёв. Далее, нажмите клавиши (Ctrl+Alt+G), чтобы создать обтравочную масску, назовите этот слой ‘SP_Very_Large_Color’.

Creating clipping mask

Шаг 16

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

Creating new gradient map adjustment layer

Шаг 17

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

Changing blending mode and opacity

Шаг 18

Перейдите на слой с группой ‘Shatter Parts’, а затем поменяйте режим наложения для данного слоя с группой на Нормальный (Normal).

Changing blending mode

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

Шаг 1

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

Creating new curves adjustment layer

Шаг 2

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

Adjusting curves

Шаг 3

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

Creating new gradient map adjustment layer

Шаг 4

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

Changing blending mode and opacity

Шаг 5

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

Creating new vibrance adjustment layer

Шаг 6

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне панели Свойства (Properties), установите значение Вибрации (Vibrance) на +27, а значение Насыщенности (Saturation) на +22, как показано на скриншоте ниже:

Adjusting vibrance and saturation

Шаг 7

Идём Слой- Новый корректирующий слой-Уровни (Layer > New Adjustment Layer > Levels), чтобы создать новый корректирующий слой с уровнями, назовите этот слой Общая Яркость (Overall Brightness).

Creating new levels adjustment layer

Шаг 8

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

Adjusting levels

Шаг 9

Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный объединённый слой. После этого идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 2 px, как показано на скриншоте ниже:

Adding high pass filter

Шаг 10

Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), назовите этот слой Общая Резкость (Overall Sharpening).

Changing blending mode

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

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

Final result

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

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

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

Action final result
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.