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

Создаём Эффект Помех VHS в программе 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

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

Final product image
What You'll Be Creating

Вам нравится гранжевый вид помех на старых кассетах VHS? Существует множество способов воссоздания подобных эффектов на изображениях и даже можно воссоздать  анимацию из статического изображения с помощью инструмента Animated VHS Creation Kit.

В этом уроке я покажу вам, как воссоздать эффект помех VHS на ваших изображениях, используя только стандартные инструменты программы Photoshop.   Примечание переводчика: 1. VHS  - формат аналоговой записи видео, данный формат использовался при записи видеокассет 2. Animated VHS Creation Kit – инструмент, который воссоздаёт эффект VHS на исходном изображении, а также может воссоздать анимационный эффект VHS.

Исходные Материалы

  • Для данного урока вы можете использовать любое исходное изображение на свой выбор. Вы можете выбрать бесплатные фотографии на сайтах Unsplash и Pixabay или приобрести фотографии высокого качестве на сайте PhotoDune. Я выбрал следующую фотографию на сайте Pixabay.
  • Шрифт VCR-OSD-Mono

1.  Создаём Новый Документ

Шаг 1

Создайте новый рабочий документ (Ctrl+N) со следующими размерами: 1500 x 1000 px; разрешение 300 dpi.

Creation of document

Шаг 2

Далее, идём Файл- Поместить (File > Place) и в появившемся окне, выберите исходное изображение, чтобы добавить на рабочий документ.

Adding your image

Шаг 3

Примените масштабирование к изображению до размеров рабочего документа, а затем нажмите клавишу ‘Enter’.

Resizing of image

Шаг 4

Нажмите клавишу ‘T’, чтобы добавить текст в верхний правый угол изображения.

Creation of text layer

Шаг 5

Нажмите клавишу ‘U’, выберите инструмент Многоугольник (Polygon Tool), в панели управления данного инструмента установите количество сторон: 3, чтобы нарисовать фигуру треугольника. Расположите фигуру треугольника, как показано на скриншоте ниже:

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

Отключите видимость всех слоёв за исключением первых двух. Далее, дважды щёлкните по второму слою и в появившемся окне, уберите галочки в окошках Зелёный (Green) и Синий (Blue) каналы. Примечание переводчика: создав 4 дубликата слоя, далее, автор отключил видимость верхних трёх слоёв.

Шаг 2

Нажмите клавишу ‘V‘, удерживая клавишу ‘Shift’, сместите второй слой на 30 px вправо.

Creation of first color shift effect

Шаг 3

Включите видимость третьего слоя, таким же образом, как и в предыдущем шаге, отключите каналы Красный (Red) и Зелёный (Green). Далее, удерживая клавишу ‘Shift’, сместите данный слой на 20 px влево.

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) и в появившемся окне, выберите опцию Создать обтравочную маску (Create 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

Удерживая клавишу ‘Shift’, сместите данный слой на 600 px вниз. Примечание переводчика: вначале отмените активное выделение (Ctrl+D), а затем не забудьте перейти с маски на слой, для этого щёлкните по миниатюре слоя. Сместите полоску изображения до конца вниз, как показано на скриншоте ниже. 

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). Далее, переместите дубликат корректирующего слоя наверх, расположив поверх пятого слоя, а затем преобразуйте дубликат корректирующего слоя в обтравочную маску.

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%. Отключите каналы Красный (Red) и Синий (Blue). Примечание переводчика: автор создал текстуру из мелких тонких линий.

Creation of First TV texture

Шаг 4

Продублируйте текстуру. С помощью свободной трансформации (Ctrl+T), удерживая клавишу ‘Shift’, поверните дубликат слоя с текстурой на 90°, а также примените масштабирование до размеров рабочего документа. Примечание переводчика: таким образом, автор создал текстуру из мелких клеточек.

Creation of second TV texture

Шаг 5

Дважды щёлкните по слою, чтобы применить следующие настройки в окне Параметров наложения (Blending Mode): режим наложения Нормальный (Normal); Непрозрачность (Opacity): 15%. Отключите каналы Зелёный (Green) и Синий (Blue). Примечание переводчика: проведите действия с дубликатом слоя с текстурой.

Creation of second TV texture

Шаг 6

Нажмите клавишу ‘U’, выберите инструмент Прямоугольник (Rectangle Tool). Создайте фигуру со следующими размерами: Ширина (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

Находясь на слое с прямоугольником, нажмите клавиши (Ctrl+I) для инверсии цветовых оттенков текстуры с шумом, а затем поменяйте режим наложения на Осветление основы (Color Dodge).

Creation of noise stripe

Шаг 12

Продублируйте слой с полоской шума несколько раз. Удерживая клавишу ‘Shift’, сместите дубликаты слоёв, расположив их в разных местах изображения.

Adding more noise stripes

Шаг 13

Создайте новый слой (Shift+Ctrl+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. Примечание переводчика: чтобы применить фильтр, идём Фильтр – Галерея фильтров- Текстура - Цветная плитка (Filter > Filter Gallery > Texture >Patchwork).

Creation of confetti texture

Шаг 16

Идём Изображение – Коррекция – Порог (Image > Adjustments > Threshold). Установите Порог яркости (Threshold Level) 240.

Creation of confetti texture

Шаг 17

Дважды щёлкните по слою, чтобы применить следующие настройки в окне Параметров наложения (Blending Mode): режим наложения Осветление (Screen); Непрозрачность (Opacity): 100%. Отключите каналы Красный (Red) и Синий (Blue).

Creation of confetti texture

Шаг 18

Теперь нам нужно продублировать слой. Для дубликата слоя, включите каналы Красный (Red) и Синий (Blue), а также отключите канал Зелёный (Green).

Creation of confetti texture

Шаг 19

Удерживая клавишу ‘Shift’, сместите данный новый слой на 60 px вправо. Примечание переводчика: сместите дубликат слоя вправо.

Creation of confetti texture

Шаг 20

Создайте новый слой (Shift+Ctrl+N), залейте этот слой чёрным цветом. Уменьшите значение Заливки (Fill) для данного слоя до 0%.

Шаг 21

Дважды щёлкните по данному слою и в появившемся окне параметров наложения, выберите стиль слоя Обводка (Stroke). Установите следующие настройки: Размер (Size): 25 px; Положение (Position): Внутри (Inside); Цвет обводки (Color): чёрный.

Creation of tv frame

Шаг 22

Теперь нам необходимо растрировать стиль слоя, для этого, щёлкните правой кнопкой мыши по слою и в появившемся меню, выберите опцию Растрировать стиль слоя (Rasterize Layer Style).

Creation of tv frame

Шаг 23

Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия: 4px.

Creation of tv frame

Шаг 24

Удерживая клавишу ‘Shift’, примените масштабирование к созданной рамке (Ctrl+T) до границ рабочего документа.

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

Дважды щёлкните по значку первого корректирующего слоя Кривые (curves). Установите кривые, как показано на скриншоте ниже:

Creation of curves for VHS color correction

Шаг 4

Теперь дважды щёлкните по корректирующему слою Кривые (curves) в палитре слоёв, чтобы уменьшить Непрозрачность (Opacity) кривых до 35%.

Creation of curves for VHS color correction

Шаг 5

Дважды щёлкните по второму корректирующему слою Кривые (curves) и в окне настроек кривых, выберите стандартный пресет Photoshop Сильная контрастность (Strong Contrast).

Creation of curves for VHS color correction

Отличная работа! Мы завершили урок!

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

Final product image

Вы также можете увидеть анимацию, которая была создана с помощью инструмента Animated VHS Creation Kit, используя то же самое изображение.


Advertisement
Advertisement
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.