Photoshop

Уроки и статьи о дизайне
27
Сентябрь 2016

Глитч (Glitch) эффект в Photoshop

robot-glitch-1

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

Этот урок научит вас, используя только стандартные инструменты Photoshop, применять Глитч (Glitch) эффект к любому изображению.

Подготовка изображения

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

Используя Ctrl+N создайте новый документ со следующими настройками: ширина 1500 пикселей; высота 1000 пикселей; разрешение 300 точек на дюйм.

120Final20s1-800x389 Глитч (Glitch) эффект в Photoshop

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

220Final20s1-800x492 Глитч (Glitch) эффект в Photoshop

Подгоните размера изображения к размеру документа и нажмите Enter.

0320final20S20S-min-min1-800x534 Глитч (Glitch) эффект в Photoshop

Нажмите «T» и создайте новый текстовый слой с надписью «PLAY» в правом верхнем углу.

042001-min1-800x534 Глитч (Glitch) эффект в Photoshop

Нажмите «U» и выберите инструмент Polygon Tool, затем создайте треугольник, поместив его перед надписью, как показано на рисунке ниже:

052001-min1-800x534 Глитч (Glitch) эффект в Photoshop

Выберите все слои, удерживая клавишу Shift щелкните правой кнопкой мыши и выберите «Merge Layers«.

620Final20s1-800x502 Глитч (Glitch) эффект в Photoshop

Теперь щелкните правой кнопкой мыши на получившемся слое и выберите «Convert to Smart Object«.

720Final20s1-800x503 Глитч (Glitch) эффект в Photoshop

Создайте четыре дубликата смарт-объекта с помощью Ctrl+J или через правый клик мыши.

820final20s1-800x503 Глитч (Glitch) эффект в Photoshop

Создание эффектов

Сделать все слои, кроме первых двух, невидимыми, а затем сделайте двойной щелчок на втором слое и снимите флажки с зеленого и синего каналов.

920final20s-min2012021-800x518 Глитч (Glitch) эффект в Photoshop

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

1020final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Сделайте третий слой видимым и снимите флажки с красного и зеленого каналов, как вы делали это выше. Затем переместите этот слой, удерживая клавишу Shift, на 20 пикселей влево.

1120final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Сделайте четвертый слой видимым, и перейдите к Layer> New Adjustments Layer> Hue/Saturation.

1320final20s-min1-800x479 Глитч (Glitch) эффект в Photoshop

Сделайте двойной щелчок на слое корректировки и измените настройку насыщенности на +100.

1420final20S20S2021-800x479 Глитч (Glitch) эффект в Photoshop

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

14-min1-800x534 Глитч (Glitch) эффект в Photoshop

Щелкните правой кнопкой мыши на корректирующем слое «Hue/Saturation» и выберите Clipping Mask, так этот эффект будет применяться только на нужный нам слой.

1520final20s1-800x479 Глитч (Glitch) эффект в Photoshop

Теперь добавьте маску (Add Mask) к четвертому слою.

1620final20S20S2031-800x437 Глитч (Glitch) эффект в Photoshop

Удерживая клавишу Alt и нажав левую кнопку мыши, открываем для редактирования маску слоя. Заполните ее черным цветом.

1720final20S20S2021-800x633 Глитч (Glitch) эффект в Photoshop

Нажмите «M» и выберите области на маске, к которым вы хотите применить эффект, и залейте их белым цветом.

1820final20s1-800x479 Глитч (Glitch) эффект в Photoshop

Теперь эффект насыщения применяется только в нескольких областях:

1920final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Добавьте маску к пятому слою и заполнить ее черным цветом. Затем, создайте большую белую область чуть выше центра маски.

2020final20s1-800x479 Глитч (Glitch) эффект в Photoshop

Переместите этот слой на 600 пикселей вниз, удерживая клавишу Shift.

2120final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Blur> Motion Blur и используйте следующие параметры: Angle 15°; Distance 15.

2220final20s-min2021-800x504 Глитч (Glitch) эффект в Photoshop

Давайте добавим еще немного искажений к изображению. Перейдите к Filter> Distortion> Twirl и используйте следующие настройки: Angle 50°.

2320final20s-min2021-800x504 Глитч (Glitch) эффект в Photoshop

Щелкните правой кнопкой мыши на корректирующем слое Hue/Saturation и выберите «Duplicate«. Затем, поставьте его над пятым слоем и создайте обтравочную маску (Create A Clipping Mask).

2420final2020s20ss1-800x455 Глитч (Glitch) эффект в Photoshop

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

2520final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Создание VHS текстуры

Создайте новый слой с помощью Shift+Ctrl+N и заполнить его белым цветом.

2620final20s1-800x495 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Filter Gallery> Sketch и выберите Halftone Pattern. Используйте следующие настройки: Size 2; Contrast 2.

2720final20s-min2021-800x479 Глитч (Glitch) эффект в Photoshop

Дважды щелкните мышью на слое и установите следующие параметры: Blending Mode – Overlay; Opacity 25%. Снимите флажок с красного и синего каналов и нажмите ОК.

2820final20s-min2021-800x469 Глитч (Glitch) эффект в Photoshop

Продублируйте слой с текстурой, а затем, нажав Ctrl+T и удерживая клавишу Shift, поверните его на 90° и подгоните его размеры под границы документа.

2920final20s-min2011-800x534 Глитч (Glitch) эффект в Photoshop

Сделайте двойной щелчок мыши на этом слое и установите следующие параметры: Blending Mode – Normal; Opacity 15%. Снимите флажок с зеленого и голубого каналов.

3020final20s-min2021-800x469 Глитч (Glitch) эффект в Photoshop

Нажмите кнопку «U» и выберите Rectangle Tool. Потом, создайте форму со следующими параметрами: ширина 1800 пикселей; высота: 120.

3120final20s-min1 Глитч (Glitch) эффект в Photoshop

Щелкните правой кнопкой мыши на слое  прямоугольника и выберите Rasterize Layer.

3220final20s202-min1-800x488 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Noise> Add Noise и используйте следующие настройки: Amount 400%; Distribution – Uniform; Monochromatic.

3320final20s-min2021 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Blur> Motion Blur и используйте следующие параметры: Angle 0°; Distance 20 px.

3420final20s-min2021-800x504 Глитч (Glitch) эффект в Photoshop

Перейдите к Image> Adjustments> Brightness/Contrast и используйте следующие настройки: Brightness 150; Contrast 100.

3520final20s-min20S20S1-800x505 Глитч (Glitch) эффект в Photoshop

Используя сочетание клавиш Ctrl+I на слое с прямоугольником, инвертируем цвета текстуры шума, а затем изменим режим смешивания на Color Dodge.

362020final20s202-min20FINAL-min1-800x477 Глитч (Glitch) эффект в Photoshop

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

3720final20s202-min1-800x534 Глитч (Glitch) эффект в Photoshop

Создайте новый слой с помощью Shift+Ctrl+N и заполнить его черным цветом.

3820final20s1-800x483 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Noise> Add Noise и используйте следующие настройки: Amount 400%; Distribution Uniform; Monochromatic.

3320final20s-min20220561 Глитч (Glitch) эффект в Photoshop

Теперь добавим лоскутного эффекта с помощью Filter> Filter Gallery> Patchwork с использованием следующих настроек: Square Size 0; Relief 0.

3920final20s-min20SS-min1-800x479 Глитч (Glitch) эффект в Photoshop

Перейдите к Image> Adjustments> Threshold и установите для его значение на 240.

4020final20s-min20Fin1-800x505 Глитч (Glitch) эффект в Photoshop

Двойной щелчок на этом слое и примените следующие настройки: Blending Mode – Screen; Opacity – 100%. Снимите флажок с красного и синего каналов.

4120final20s-min20fin1-800x469 Глитч (Glitch) эффект в Photoshop

Теперь, нужно продублировать слой и поставить флажки на красный и синий каналы, а у зеленого канала снять.

4220final20s-min20Fin1-800x469 Глитч (Glitch) эффект в Photoshop

Переместить этот новый слой на 60 точек вправо удерживая клавишу Shift.

4320final20s-min1-800x534 Глитч (Glitch) эффект в Photoshop

Создайте новый слой (все тем же способом – Shift+Ctrl+N) и заполнить его черным цветом. Изменение значение Fill на 0%.

4420final20s202220551-800x467 Глитч (Glitch) эффект в Photoshop

Двойным щелчком откройте параметры слоя и выберите параметр Stroke. Используйте следующие настройки: Size 25 px; Position – Inside; Color – Black.

4520final20s204520fin1-800x469 Глитч (Glitch) эффект в Photoshop

Теперь вам нужно растеризавать стиль слоя: Щелкните правой кнопкой мыши и выберите Rasterize Layer Style.

4620final20s1-800x363 Глитч (Glitch) эффект в Photoshop

Перейдите к Filter> Blur> Gaussian Blur и используйте следующие настройки: Radius 4px.

4720final20s-min20FINAL1-800x504 Глитч (Glitch) эффект в Photoshop

Измените размер, нажав Ctrl+T и удерживая клавишу Shift немного увеличьте слой с рамкой.

4820final20s20FINAL-min1-800x460 Глитч (Glitch) эффект в Photoshop

Цветовая коррекция

Теперь вам нужно будет создать корректирующие цвета слои, чтобы сделать наше изображение более похожим на «VHS». Перейдите к Layer> New Adjustment Layer> Curves.

4920final20s-min1-800x478 Глитч (Glitch) эффект в Photoshop

Продублируйте слой «Curves 1» и поместите их над самым первым слоем.

5020final20s20Final1-800x371 Глитч (Glitch) эффект в Photoshop

Сделайте двойной щелчок на иконке первого корректирующего слоя и используйте следующие настройки:

5120final20s20Funal1-800x359 Глитч (Glitch) эффект в Photoshop

Теперь сделайте двойной щелчок на слое и установите Opacity 35%.

5220final20s202121s-min20Funal1-800x468 Глитч (Glitch) эффект в Photoshop

Двойной щелчок на втором слое кривых и выберите стандартные предустановки Photoshop – Strong Contrast.

5320final20ss20Funal1-800x346 Глитч (Glitch) эффект в Photoshop

Вот и все! Таким простым способом мы можем создать VHS-стиль «Глитч» из любой фотографии, пользуясь только стандартными инструментами Photoshop.

FINAL20IMAGE-min1-800x534 Глитч (Glitch) эффект в Photoshop

Если при выполнении урока у вас возникли трудности, обращайтесь через комментарии к этому уроку. Удачи.

Автор здесь.

Оценка посетителей
[Всего: 8 Среднее: 3.8]
Tagged with: , ,
Shared

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

@Mail.ru   - PhotoDrum.com