Як створити художній ефект VHS завад в Adobe Photoshop

Вам подобається вигляд гранжевих завад на VHS касетах? Існує багато способів як додати подібні ефекти до ваших зображень та навіть створити анімацію зі статичного фото, використовуючи Animated VHS Creation Kit.

В даному уроці розповідається, як можна за допомогою простих кроків перетворити ваше зображення в VHS кадр, використовуючи тільки стандартні інструменти Photoshop.

Ресурси для уроку

• Будь-яке фото, яке б ви хотіли використовувати для даної маніпуляції. Ви можете знайти безкоштовні фото на Unsplash та Pixabay, або придбати високоякісні знімки на PhotoDune. Я вибрав ось це фото з Pixabay.
• Безкоштовний шрифт: VCR-OSD-Mono font.

1. Підготовка документу

Крок 1

Натисніть Control-N, щоб створити новий документ наступних розмірів: 1500 x 1000 px; 300 dpi.

Крок 2

Перейдіть в File > Place та помістіть ваше зображення в документ.

Крок 3

Змініть розміри вашого зображення, щоб воно повністю перекрило поля по бокам, та натисніть Enter.

Крок 4

Натисніть клавішу Т та створіть новий текстовий шар в верхньому правому куті.

Крок 5

Натисніть клавішу U та оберіть Polygon Tool і створіть фігуру трикутник. Потім розмістіть його як показано на малюнку нижче:

Крок 6

Виділіть обидва шари, клікнувши по ним лівою кнопкою миші та утримуючи клавішу Shift, потім натисніть праву кнопку миші та виберіть Merge Layers.

Крок 7

Тепер натисніть правою кнопкою миші на шарі, та виберіть команду Convert to Smart Object.

Крок 8

Створіть дублікат вашого смарт-об'єкта, натиснувши правою кнопкою миші та обравши команду Duplicate.

2. Створюємо ефекти

Крок 1

Зробіть всі шари невидимими, окрім перших двох, далі двічі клікніть по другому шарі та вимкніть зелений та синій канали.

Крок 2

Натисніть V та перетягніть ваш другий шар на 30 px вправо, утримуючи Shift.

Крок 3

Зробіть третій шар видимим та вимкніть червоний та зелений канали точно так, як ви робили раніше. Потім, перемістіть шар на 20 px ліворуч, утримуючи Shift.

Крок 4

Зробіть четвертий шар видимим, далі йдемо Layer > New Adjustments Layer > Hue/Saturation.

Крок 5

Двічі клікніть по коригуючому шарі та встановіть параметр Saturation +100.

Як бачите, ефект насиченості застосований до всього зображення, а нам потрібно тільки для окремих областей.

Крок 6

Клікніть правою кнопкою миші на шарі “Hue/Saturation”, та оберіть Clipping Mask, щоб застосувати ефект тільки до потрібного шару.

Крок 7

Тепер додайте маску до четвертого шару.

Крок 8

Натисніть ліву кнопку миші, утримуючи Alt, щоб відкрити маску шару. Заповніть її чорним кольором за допомогою інструменту заливка.

Крок 9

Натисніть клавішу M, виберіть область на масці, на якій ви б хотіли застосувати ефект, заповніть його білим кольором.

Тепер ефект насиченості застосовано тільки до певних ділянок.

Крок 10

Додайте маску до п'ятого шару, заповніть її чорним кольором. Тепер створіть велику білу область, трохи вище центра. 

Крок 11

Перемістіть цей шар на 600 px вниз, утримуючи Shift.

Крок 12

Далі ідемо Filter > Blur > Motion Blur та використовуйте наступні значення параметрів: Angle: 15°; Distance: 15.

Крок 13

Додамо трохи деформації до зображення. Ідемо в Filter > Distortion > Twirl, встановіть значення: Angle: 50°.

Крок 14

Клікніть правою кнопкою мишки на шарі Hue/Saturation, виберіть Duplicate. Далі перемістіть його поверх 5-го шару та створіть відсічну маску.

Ось як виглядатиме ваше зображення після всіх маніпуляцій, описаних вище:

3. Створюємо текстуру VHS 

Крок 1

Створіть новий шар за допомогою Shift-Control-N, залийте його білим кольором.

Крок 2

Перейдіть в Filter > Filter Gallery > Sketch та оберіть Halftone Pattern. Використовуйте наступні значення параметрів: Size: 2; Contrast: 2.

Крок 3

Двічі клікніть по шарі та установіть такі значення параметру Blending Mode: Overlay; Opacity: 25%. Вимкніть червоний та синій канали.

Крок 4

Зробіть дублікат шару текстури, а потім за допомогою команди Control-T, утримуючи Shift, поверніть його на 90° та розтягніть, щоб закрити поля документу.

Крок 5

Двічі клікніть на шарі та установіть такі значення параметру Blending Mode: Normal; Opacity: 15%. Вимкніть зелений та синій канали.

Крок 6

Натисніть U та виберіть інструмент прямокутник. Далі створіть фігуру з такими даними: Width: 1800 px; Height: 120.

Крок 7

Клікніть правою кнопкою на шарі прямокутника, та виберіть Rasterize Layer.

Крок 8

Далі перейдіть в Filter > Noise > Add Noise, задайте наступні параметри: Amount: 400%; Distribution: Uniform; Monochromatic.

Крок 9

Перейдіть в Filter > Blur > Motion Blur, встановіть такі значення: Angle: 0°; Distance: 20 px.

Крок 10

Ідемо в Image > Adjustments > Brightness/Contrast, задайте значення: Brightness: 150; Contrast: 100.

Крок 11

На активному шарі з прямокутником натисніть Control-I, щоб застосувати інверсію до кольорів текстури, потім поміняйте режим Blending Mode на Color Dodge.

Крок 12

Продублюйте шар з полосками шуму декілька разів, та змістіть їх в різні позиції, утримуючи Shift.

Крок 13

Створіть новий шар за допомогою комбінації Shift-Control-N, та залийте його чорним кольором.

Крок 14

Перейдіть в Filter > Noise > Add Noise, використовуйте наступні значення параметрів: Amount: 400%; Distribution: Uniform; Monochromatic.

Крок 15

Тепер додайте ефект Кольорової латки, перейшовши в Filter > Filter Gallery > Patchwork, та задавши значення: Square Size: 0; Relief: 0.

Крок 16

Перейдіть в Image > Adjustments, оберіть Threshold, встановивши значення 240.

Крок 17

Двічі клікніть на шарі та встановіть значення параметра Blending Mode: Screen; Opacity: 100%.  Вимкніть червоний та синій канали.

Крок 18

Тепер вам потрібно буде продублювати шар, ввімкнути червоний та синій канали, а зелений - вимкнути.

Крок 19

Перемістіть цей шар на 60 px вправо, утримуючи Shift.

Крок 20

Створіть новий шар за допомогою комбінації клавіш Shift-Control-N та залийте його чорним кольором. Встановіть значення заливки на 0%.

Крок 21

Двічі клікніть на шарі та виберіть параметр Stroke. Задайте наступні значення цього параметра: Size: 25 px; Position: Inside; Color: Black.

Крок 22

Тепер вам потрібно растеризувати стиль шару Right Click > Rasterize Layer Style.

Крок 23

Перейдіть в Filter > Blur > Gaussian Blur та задайте Radius: 4px.

Крок 24

Растеризуйте вашу рамку та натисніть Control-T, утримуючи Shift, щоб розтягнути її по периметру полотна. 

4. Коригування кольору

Крок 1

Тепер вам потрібно створити коригуючі шари, щоб надати зображенню більше "VHS"-вигляду. Перейдіть в Layer > New Adjustment Layer > Curves.

Крок 2

Продублюйте коригуючий шар з кривими, та помістіть їх поверх першого шару. 

Крок 3

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

Крок 4

Тепер двічі клікніть на шарі з кривими та встановіть Прозорість кривих 35%.

Крок 5

Двічі клікніть на другому коригуючому шарі кривих та виберіть стандартний пресет Photoshop “Strong Contrast”.

Відмінна робота, ви це зробили!

Таким простим способом ми можемо створювати ілюстрацію завад в стилі VHS для будь-якої фотографії, використовуючи тільки стандартні інструменти Photoshop.

Ви також можете переглянути анімацію цієї ж фотографії, створену за допомогою Animated VHS Creation Kit. 

Animated VHS Creation Kit Example