1. Design & Illustration
  2. Add-Ons
  3. Photoshop Actions

Створюємо ефект розсіювання в Adobe Photoshop

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В цьому уроці я покажу вам, як створити приголомшливий ефект розсіювання. Я постараюся коротко описати всі дії, щоб будь-хто, хто перший раз відкрив програму Photoshop, міг виконатиданий урок.

Eфект, який створений на зображенні вище - я покажу вам, як створити його в цьому уроці. Якщо ви захочете створити більш складні ефекти розсіювання, як назображенні нижче, при цьому створити даний ефект швидко і легко, то ви можете скористатися моїм екшеном Photoshop ShatterPoly.

Action final resultAction final resultAction 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 modeChecking image size and modeChecking image size and mode

Як створити кiсть

Крок 1

В цій частини уроку ми створимо кисть, яка нам знадобиться для створення даного ефекту. Йдемо Файл - Новий (File> New), щоб створити новий документ, назвіть його 'Shatter Brush', а також застосуєте наступні настройки, які вказані на скріншоті нижче:

Creating new fileCreating new fileCreating new file

Крок 2

Тепер йдемо Шар- Новий - Шар (Layer> New> Layer), щоб створити новий шар, назвіть цей шар 'SP_1'.

Creating new layerCreating new layerCreating new layer

Крок 3

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

Making selectionMaking selectionMaking selection

Крок 4

Тепер натисніть клавішу (D), щоб встановити кольори переднього і заднього плану позамовчуванням, а потім йдемо Редагування - Виконати заливку (Edit> Fill) і в який з'явивсявікні налаштувань, встановіть Вміст (Contents) на Колір переднього плану (Foreground Color), Режим накладення (Blending)Нормальний (Normal) і Непрозорість (Opacity) 100%,як показано на скріншоті нижче:

Filling layer with foreground colorFilling layer with foreground colorFilling layer with foreground color

Крок 5

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

Adding layer styleAdding layer styleAdding layer style

Крок 6

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

Changing fillChanging fillChanging fill

Крок 7

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

  • Використовуйте різні фігури і розміри при створенні осколкових фрагментів.
  • Щоб швидко створити дуже багато осколків, виберіть будь-який шар з осколками, який у васє, а потім натисніть клавіші (Ctrl + J), щоб продублювати даний шар.щоб змістити
  • Щоб змістити будь-які осколки, виберіть цей шар з осколками і за допомогою інструменту Переміщення(Move Tool (V), підніміть оскільки в будь-яку область полотна, щоброзташувати їх там, де вам подобається.
  • Щоб трансформуватибудь-які осколкові фрагменти, виберіть шар з осколками, а потім натисніть клавіші (Ctrl + T),поміняйте налаштування трансформації, щоб трансформувати осколки на своєрозсуд.
  • Якщо вихочете розмити будь-які осколки, виберіть шар з осколками, а потім йдемо Фільтр- Размитіе- Розумієте по Гауса (Filter> Blur> Gaussian Blur), встановіть Радіус (Radius)розмиття на свій розсуд.
  • Варіюйте настройки для стилю шару Внутрішня тінь (Inner Shadow).
  • Варіюйте настройки для стилю шару Внутрішня тінь (Inner Shadow).

В кінці,натисніть клавіші (Ctrl + Shift + E), щоб об'єднати всі видимі шари.

Creating more shatter partsCreating more shatter partsCreating more shatter parts

Крок 8

Тепер йдемо Редагування - Визначити кисть (Edit> Define Brush Preset), щоб визначити створені осколкові фрагменти якнової кисті, назвіть цю кисть Тимчасова (Temp).

Defining brushDefining brushDefining brush

Крок 9

Натисніть клавішу (B), а потім клацніть правою кнопкою миші в будь-якому місці всерединіполотна і у вікні, виберіть створену кисть Тимчасова (Temp), натиснітьклавішу 'Enter'. Далі, йдемо Вікно - Кисть (Window> Brush) і ввікні налаштувань кисті, встановіть наступні налаштування, які вказані нижче:

Adjusting brush settingsAdjusting brush settingsAdjusting brush settings

Крок 10

Тепер збережіть цю кисть з новими настройками в якості нової кисті, для цього, натиснітьна значок Нова кисть (new brush), який розташований праворуч у нижньому правому куті панелі Кисть (Brush), назвіть цю кисть 'Shatter'. післяцього, ви можете закрити вікно документа 'Shatter Brush'.

Defining brushDefining brushDefining brush

3. Створюємо ефект розсіювання

Крок 1

В цій частини уроку ми створимо ефекти розсіювання. Йдемо Шар- Новий - Шар (Layer> New> Layer), щобстворити новий шар, назвіть цей шар 'SP_Small'.

Creating new layerCreating new layerCreating new layer

Крок 2

Тепер встановіть колір переднього плану на # 000000, виберіть інструмент Кисть (Brush Tool (B), встановіть кисть 'Shatter', встановіть розмір кисті, приблизно на 250 px, а потім фарбуйте пензлем, як показано на скріншотінижче:

Brushing into layerBrushing into layerBrushing into layer

Крок 3

Йдемо Шар-Новий - Шар (Layer> New> Layer), щоб створити новий шар, назвіть цей шар 'SP_Medium'.

Creating new layerCreating new layerCreating new layer

Крок 4

Тепер встановіть колір переднього плану на # 000000, виберіть інструмент Кисть (Brush Tool (B), встановіть кисть 'Shatter', встановіть розмір кисті, приблизно на 500 px, а потім фарбуйте пензлем, як показано на скріншотінижче:

Brushing into layerBrushing into layerBrushing into layer

Крок 5

Йдемо Шар-Новий - Шар (Layer> New> Layer), щоб створити новий шар, назвіть цей шар 'SP_Large'.

Creating new layerCreating new layerCreating new layer

Крок 6

Тепер встановіть колір переднього плану на # 000000, виберіть інструмент Кисть (Brush Tool (B), встановіть кисть 'Shatter', встановітьрозмір кисті, приблизно на 750 px, а потім фарбуйте пензлем, як показано на скріншоті нижче:

Brushing into layerBrushing into layerBrushing into layer

Крок 7

Йдемо Шар-Новий - Шар (Layer> New> Layer), щоб створити новий шар, назвіть цей шар 'SP_Very_Large'.

Creating new layerCreating new layerCreating new layer

Крок 8

Тепер встановіть колір переднього плану на # 000000, виберіть інструмент Кисть (Brush Tool (B), встановіть кисть 'Shatter', встановітьрозмір кисті, приблизно на 1400 px, а потім фарбуйте пензлем, як показано на скріншотінижче:

Brushing into layerBrushing into layerBrushing into layer

Крок 9

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

Creating new group from layersCreating new group from layersCreating new group from layers

Крок 10

Йдемо Шар- шар-маска- Показати все (Layer> Layer Mask> Reveal All), щоб додати шар-маску, яка показує всю групу.Далі, встановіть колір переднього плану на # 000000, виберіть інструмент Кисть (Brush Tool (B), встановіть м'яку кисть, а потім фарбуйте пензлемті ділянки зображення, де ви хочете видалити ефект розсіювання.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

4. Коректуємо Колір і Тон ефект розсіювання

Крок 1

В цій частини уроку ми проведемо корекцію кольору і тону осколкових фрагментів. Йдемо Шар-Новий- Шар (Layer> New> Layer), щоб створити новий шар, назвіть цей шар Тимчасовий(Temp). Далі, перемістіть даний шар наверх, розташувавши поверх всіх інших шарів.

Creating new layerCreating new layerCreating new layer

Крок 2

Тепер відключіть видимість шару з групою 'Shatter Parts', а потім залийте свій об'єкт будь-яким колірним відтінком.

Ви можете зробити це різними способами. Наприклад, ви можете створити активне виділення навколо зображення вашого об'єкта за допомогою інструмента Перо (Pen Tool (P), Чарівна паличка (Magic Wand Tool (W), Лассо (Lasso Tool (L) або будь-яким іншим інструментом, а потім залити виділену область кольорового відтінку.  Або ви можете вибрати інструмент Кисть (Brush Tool (B), а потім фарбувати поверх об'єкта на фотографії з допомогою м'якої або жорсткої кисті. Колір кисті не грає великої ролі.

Далі ,включите видимість шару з групою 'Shatter Parts'.

Filling subject with colorFilling subject with colorFilling subject with color

Крок 3

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

Creating new layer using selectionCreating new layer using selectionCreating new layer using selection

Крок 4

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

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Крок 5

Натисніть клавіші (Ctrl + J) дев'ять разів, щоб продублювати даний шар дев'ять разів.Далі, утримуючи клавішу (Shift), клацніть по шару Тимчасовий 2 (Temp 2),щоб виділити всі проміжні шари, а потім натисніть клавіші (Ctrl + E),щоб об'єднати їх в один шар.

Merging layersMerging layersMerging layers

Крок 6

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

Adding gaussian blu filterAdding gaussian blu filterAdding 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 filterAdding gaussian blur filterAdding 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 filterAdding gaussian blur filterAdding 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 filterAdding gaussian blur filterAdding 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 filterAdding gaussian blur filterAdding 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 filterAdding gaussian blur filterAdding gaussian blur filter

Крок 12

Перемістіть даний шар, розташувавши його поверх шару 'SP_Small' впалітрі шарів. Далі, натисніть клавіші (Ctrl + Alt + G), щобстворити обтравочную Масском, назвіть цей шар 'SP_Small_Color'.

Creating clipping maskCreating clipping maskCreating clipping mask

Крок 13

Тепер натисніть клавіші (Ctrl + J), щоб продублювати даний шар, перемістітьданий шар, розташувавши його поверх шару 'SP_Medium' в палітрі шарів. Далі, натисніть клавіші (Ctrl + Alt + G), щобстворити обтравочную Масском, назвіть цей шар 'SP_Medium_Color'.

Creating clipping maskCreating clipping maskCreating clipping mask

Крок 14

Натисніть клавіші (Ctrl + J), щоб продублювати даний шар, перемістітьданий шар, розташувавши його поверх шару 'SP_Large' впалітрі шарів. Далі, натисніть клавіші (Ctrl + Alt + G), щоб створити обтравочную Масском, назвіть цей шар 'SP_Large_Color'

Creating clipping maskCreating clipping maskCreating clipping mask

Крок 15

Тепер натисніть клавіші (Ctrl + J), щоб продублювати даний шар, перемістітьданий шар, розташувавши його поверх шару 'SP_Very_Large' в палітрі шарів. Далі, натисніть клавіші (Ctrl + Alt + G), щобстворити обтравочную Масском, назвіть цей шар 'SP_Very_Large_Color'.

Creating clipping maskCreating clipping maskCreating clipping mask

крок 16

Натисніть клавішу (D), щоб встановити кольори переднього і заднього плану позамовчуванням. Далі, йдемо Шар- Створити коригуючий шар - Карта градієнта (Layer> New Adjustment Layer> Gradient Map), щоб створити новий шар, що коректує з картоюградієнта, назвіть цей шар 'SP_Contrast'.

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Крок 17

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Крок 18

Перейдіть на шар з групою 'Shatter Parts', а потім поміняйте режим накладення для даного шару згрупою на Нормальний (Normal).

Changing blending modeChanging blending modeChanging blending mode

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

Крок 1

В цій частини уроку ми проведемо заключну колірну корекцію, щоб завершити наш ефект.  Йдемо Шар-Створити коригуючий шар Криві (Layer> New Adjustment Layer> Curves), щоб створити новий шар, що коректує з кривими. Назвітьцей шар, що коректує 'Color Look'. Далі, перемістіть даний коригувальний шар вниз,розташувавши нижче шару Тимчасовий (Temp) в палітрі шарів.

Creating new curves adjustment layerCreating new curves adjustment layerCreating new curves adjustment layer

Крок 2

Двічi клацніть по мініатюрі даного коригувального шару і у вікні панелі Властивості(Properties), встановіть настройки, які вказані на скріншоті нижче:

Adjusting curvesAdjusting curvesAdjusting curves

Крок 3

Натисніть клавішу (D), щоб встановити кольори переднього і заднього плану позамовчуванням. Далі, йдемо Шар- Створити коригуючий шар - Карта градієнта (Layer> New Adjustment Layer> Gradient Map), щоб створити новий шар, що коректує з картоюградієнта, назвіть цей шар Загальний Контраст (Overall Contrast).

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Крок 4

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Крок 5

Йдемо Шар- Створити коригуючий шар-Вібрація (Layer> New Adjustment Layer> Vibrance),щоб створити новий шар, що коректує з вібрацією, назвіть цей шар Загальна Вібрація / Насиченість (Overall Vibrance / Saturation).

Creating new vibrance adjustment layerCreating new vibrance adjustment layerCreating new vibrance adjustment layer

Крок 6

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

Adjusting vibrance and saturationAdjusting vibrance and saturationAdjusting vibrance and saturation

Крок 7

Йдемо Шар-Створити коригуючий шар-Рівні (Layer> New Adjustment Layer> Levels), щоб створити новий шар, що коректує з рівнями,назвіть цей шар Загальна Яскравість (Overall Brightness).

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Крок 8

Двічі клацніть по мініатюрі даного коригувального шару і у вікні панелі Властивості(Properties), встановіть настройки, які вказані на скріншоті нижче:

Adjusting levelsAdjusting levelsAdjusting levels

Крок 9

Натисніть клавіші (Ctrl + Alt + Shift + E), щоб створити об'єднаний шар, а потім натисніть клавіші(Ctrl + Shift + U), щоб знебарвити даний об'єднаний шар. Після цьогойдемо Фільтр - Інше - Кольоровий контраст (Filter> Other> High Pass). Встановіть Радіус (Radius)н Фільтр - Інше - Кольоровий контраст (Filter> Other> High Pass). Встановіть Радіус (Radius) а 2 px,як показано на скріншоті нижче:

Adding high pass filterAdding high pass filterAdding high pass filter

Крок 10

Поміняйте режим накладення для даного шару на Жорсткий світло (Hard Light), назвіть цей шар Загальна Різкість (Overall Sharpening).

Changing blending modeChanging blending modeChanging blending mode

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

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

Final resultFinal resultFinal result

Якщо ви захочете створити більш складні ефекти розсіювання, як на зображенні нижче,використовуючи один клік миші і при цьому створити даний ефект швидко і легко, то ви можете скористатися моїм екшеном ShatterPoly Photoshop Action.

Екшен працює таким чином, що ви просто фарбує пензлем свій об'єкт, до якого ви хочете застосувати ефект розсіювання і запускаєте екшен, а екшен виконує роботу за вас, створюючи ефект з усіма верствами, які легко налаштовуються. Екшен також створює 20 колірних рішень на вибір

Екшен супроводжується детальним відео уроком, в якому демонструється, як використовувати і коригувати настройки, щоб максимально використовувати ефект.

Action final resultAction final resultAction final result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads