Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Effects
Design

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

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Selective Animated Glitch Photo Effect in Adobe Photoshop
How to Create a Quick Retro Video Glitch Text Effect in Adobe InDesign

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Final product image
What You'll Be Creating

Вам подобається вигляд гранжевих завад на 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.

Creation of document

Крок 2

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

Adding your image

Крок 3

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

Resizing of image

Крок 4

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

Creation of text layer

Крок 5

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

Creation of play icon

Крок 6

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

Merging all layer to one

Крок 7

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

Creation of Smart Object

Крок 8

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

Creation of duplicates of layers

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

Крок 1

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

Крок 2

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

Creation of first color shift effect

Крок 3

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

Creation of second color shift effect

Крок 4

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

Creation of color distortion effect

Крок 5

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

Creation of color distortion effect

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


Крок 6

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

Applying color distortion to only one layer

Крок 7

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

Applying color distortion to only one layer

Крок 8

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

Applying color distortion to only one layer

Крок 9

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

Creation of mask for color distortion effect

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

Крок 10

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

Creation of mask for mirror effect

Крок 11

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

Creation of mirror effect

Крок 12

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

Creation of mirror effect

Крок 13

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

Creation of mirror effect

Крок 14

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

Creation of mirror effect

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

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

Крок 1

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

Creation of First TV texture

Крок 2

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

Creation of First TV texture

Крок 3

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

Creation of First TV texture

Крок 4

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

Creation of second TV texture

Крок 5

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

Creation of second TV texture

Крок 6

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

Creation of noise stripe

Крок 7

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

Creation of noise stripe

Крок 8

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

Creation of noise stripe

Крок 9

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

Creation of noise stripe

Крок 10

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

Creation of noise stripe

Крок 11

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

Creation of noise stripe

Крок 12

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

Adding more noise stripes

Крок 13

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

Creation of confetti texture

Крок 14

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

Creation of confetti texture

Крок 15

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

Creation of confetti texture

Крок 16

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

Creation of confetti texture

Крок 17

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

Creation of confetti texture

Крок 18

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

Creation of confetti texture

Крок 19

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

Creation of confetti texture

Крок 20

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

Крок 21

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

Creation of tv frame

Крок 22

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

Creation of tv frame

Крок 23

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

Creation of tv frame

Крок 24

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

Creation of tv frame

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

Крок 1

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

Creation of curves for VHS color correction

Крок 2

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

Creation of curves for VHS color correction

Крок 3

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

Creation of curves for VHS color correction

Крок 4

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

Creation of curves for VHS color correction

Крок 5

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

Creation of curves for VHS color correction

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

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

Final product image

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


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.