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

Як створити неймовірний фотоефект збою в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

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

Final product image
What You'll Be Creating

Фотоефекти - це чудовий спосіб попрактикувати і відпрацювати свої навички роботи в Photoshop. В цьому уроці, ми зможете навчитися створювати цікавий ефект збою, використовуючи інструменти Marquee, Wave Filter та інші!

Матеріали для уроку

При створенні даного уроки використовувались наступні ресурси:

Основи ефекту збою: що ви повинні знати

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

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

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

  • рвані края і хвилі
  • Застигле або статичне візуальне сприйняття
  • Інвертовані кольори

Для натхнення ви можете знайти декілька зображень з таким ефектом в Google, і нехай результати будуть у вас під рукою. Звертайтесь до них часто, щоб експериментувати з даним стилем або скористайтесь підтримкою професійних дизайнерів Envato Studio.

Glitch Photo Effect Alternative Version by Melody Nieves
Альтернативні версії. Підберіть оригінальні зображення, щоб відтворити даний ефект! Це зображення доступне на Freepik.

Якщо у вас не виходить відтворити даний ефект, не забувайте, що ви завжди можете обійти даний процес, завантаживши один з наших неймовірних Glitch Photo Effects від GraphicRiver і Envato Elements.

1. Налаштування для ефекту збою.

Крок 1

Давайте почнемо! Для даного уроку я буду використовувати стокове зображення Hipster Stock від PhotoDune. Для цього конкретного ефекту, необхідно підібрати оригінальне зображення, на якому модель матиме чіткі краї, оскільки нам потрібно буде відділити її від фону. Якщо задній фон на оригінальному зображенні буде однотонним, або не надто відволікаючим, як дерев'яні дошки в нашому випадку - це додатковий бонус.

Hipster Man Stock from PhotoDune
Зверніть увагу, наскільки чітко ви можете бачити всі краї цієї моделі. Переконайтеся, що ви обираєте стокове зображення з моделлю, яку ви можете легко відділити від фону.

Двічі клікніть на фоновому шарі (Background layer) і назвіть його New Layer. Створіть новий шар New Layer (Control-Shift-N) під вашим оригінальним шаром. Встановіть колір переднього плану - білий і заповніть шар білим кольором, використовуючи інструмент Paint Bucket Tool (G).

Setup the Layers for a Glitch Photo Effect

Крок 2

Виберіть інструмент "Магнітне ласо", Magnetic Lasso Tool (L). Це допоможе нам легко відділити модель від фону, всього лиш водячи мишкою по краям моделі. Використовуйте інструмент Magnetic Lasso Tool (L), щоб повністю виділити модель. Коли ви закінчите, клікніть правою кнопкою миші і виберіть Layer via Copy, щоб швидко створити дублікат шару.

Use the Magnetic Lasso Tool to Extract the Subject
Переконайтеся, що у вас зберігся шар з оригінальним фото. Кінцевий результат буде містити оригінальний шар з фотографією.

Крок 3

Виберіть оригінальне фото. Використовуючи інструмент Free Transform Tool (Control-T), зменшіть зображення заднього фону так, щоб було видно білі полоски по краям.

Squeeze the Sides with the Free Transform Tool

В якості альтернативи, якщо на вашому зображенні немає кольорового фону, то ви можете додати його за допомогою інструмента Rectangle Tool (U), як показано на прикладі нижче.

Alternative Glitch Version with Rectangle Background
В якості альтернативи, якщо на вашому зображенні немає фону, просто додайте прямокутник. Стокове зображення від Freepik.

2. Як зменшити насиченість фото

Крок 1

Рухаючись далі, давайте зменшимо насиченість фото до монохромних відтінків кольору. Виділіть шар з вирізаною моделлю і перейдіть в Image > Adjustments > Hue & Saturation. Зменшіть насиченість до -95, щоб видалити практично весь колір зображення.

Desaturate with Hue and Saturation

Крок 2

Ви можете налаштувати основне зображення навіть ще більше, використавши інструмент Levels. Знову виділіть шар з виділеною моделлю і перейдіть в Image > Adjustments > Levels. Налаштуйте рівні, Levels, для каналу RGB з наступними значеннями:

  • Shadow Input Level: 0
  • Midtone Input Level: 0.92
  • Highlight Input Level: 255
  • Output Levels: 17, 255

Ми отримаємо ніжний результат, злегка освітливши фото моделі.

Use Levels to Adjust the Desaturated Photo

3. Як створити лінійну деформацію

Крок 1

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

Merge the layers together

Крок 2

Тепер виберіть інструмент Rectangular Marquee Tool (M). Створіть два тонких виділення на шарі зображення. Спочатку створіть виділення в нижній області зображення, а потім, утримуючи клавішу Shift, додайте ще одне виділення в верхній частині зображення.

Use the Rectangular Marquee Tool to create selection

Натисніть на клавіатурі клавішу V, щоб переключитися на інструмент Move Tool. Використовуйте клавішу зі стрілкою вліво, щоб змістити виділення вліво. Можливо, вам доведеться натиснути її декілька разів, або натисніть і трохи утримуйте її, щоб отримати бажаний результат.

Move the selection to the left for the glitch

Крок 3

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

Ще раз за допомогою інструмента Rectangular Marquee Tool (M) створіть інші виділення, зміщуюючи їх в різні напрямки, натискаючи на клавіші стрілок вліво і вправо. В даному випадку я створив ще два виділення, а потім змістив їх трохи вправо.

Create more selections for more glitches

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

Крок 4

Давайте трохи прискоримо процес! Створіть нові прямокутні виділення, а потім за допомогою інструмента Move Tool (V), перемістіть різні виділені області за межі зображення. Варіюйте висоту виділених прямокутників, щоб ефект виглядав більш природно.

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

Continue creating the glitch effect with selections

По мірі наближення до обличчя, спробуйте не деформувати його надто сильно. Створюйте кожен збій окремо, щоб спостерігати, як саме він працюватиме. В даній частині ми постійно експериментуємо, тому, якщо вам потрібно повернутися на крок або два назад, просто натисніть Control-Z для відміни дії.

Creating Photo Glitches Around the Face

Коли ви закінчите роботу з усіма лінійними збоями, ефект повинен виглядати приблизно ось так:

Final Linear Glitch Effect

4. Як створити ефект хвилястого збою

Крок 1

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

Для цього нам знадобиться фільтр Wave Filter. Спочатку об'єднайте шар з оригінальним зображенням з шаром з усіма збоями. Потім клікніть Control-J, щоб створити дублікат, на якому ми зробимо хвилеподібну деформацію.

Merging Layers and Creating Duplicates for the Wavy Distortion

Крок 2

Знаходячись на дублікаті шару, зробіть декілька виділень великого розміру за допомогою інструмента Rectangular Marquee Tool (M), як ми робили це раніше. Зверніть увагу, що я намагаюся створити обрамлення навколо зображення моделі, тому не виділяйте області безпосередньо в центрі зображення.

Create Selections for the Wavy Glitch

Тепер перейдіть в Filter > Distort > Wave, встановлюючи значення параметрів, як показано нижче, щоб створити хвилеподібний ефект тільки на виділених областях.

Creating a Wavy Glitch with Filter Distort Wave

Крок 3

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

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

Continue the Wavy Glitch Process

Ось вигляд фотографії після наших подальших змін і експериментів.

Wavy Glitch Photo Effect Progress

Крок 4

Завершуючи роботу над даним ефектом, посильте його в верхній і нижній частині фотографії. Спочатку виділіть нижню частину зображення за допомогою інструменту Rectangular Marquee Tool (M) і потім застосуйте фільтр Wave Filter з наступними налаштуваннями.

Add the Glitch to the Bottom with the Wave Filter

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

Top Portion Wavy Glitch Effect

Ось результат з усіма лінійними і хвилеподібними збоями. Давайте перейдемо до останніх штрихів!

Final Wavy Glitch Effect

5. Як створити простий 3D ефект

Крок 1

Тепер приступимо до кольорових 3D ефектів! Як і раніше, почніть з об'єднання шарів з ефектом збою, при цьому зберігаючи задній фон білим; таким чином у вас залишиться тільки два шари на панелі шарів ліворуч. Потім клікніть Control-J, щоб створити ще два дубліката об'єднаного шару.

Duplicate Layers for the Final Effect

Крок 2

Вимкніть видимість двох верхніх шарів. Далі клікніть правою кнопкою на першому шарі (об'єднаному) і в вікні, що з'явиться, виберіть опцію Режими накладання (Blending Options). Зніміть галочку в віконці G, або Green Channel, під Advanced Blending.

Uncheck the Green Channel for 3D Effect

Тепер ввімкніть видимість двох верхніх шарів, а потім повторіть весь процес. На цей раз зніміть галочку в віконці Red Channel для першого дублікату об'єднаного шару, а потім зніміть галочку в віконцях Red і Green Channels для другого дублікату шару.

Uncheck the Red and Blue Channels for 3D Effect

Крок 3

Тепер ми можемо переміщувати кожен шар, щоб створити неймовірний 3D ефект. Виберіть Move Tool (V), потім виберіть перший дублікат шару. За допомогою клавіші зі стрілкою вліво змістіть даний шар вліво. Далі, перейдіть на другий дублікат шару і за допомогою клавіші стрілки вліво змістіть даний шар також вліво.

Ось як це повинно виглядати в процесі.

Creating the 3D effect on a glitched photo

Крок 4

Ми майже завершили! Щоб додати до даного ефекту вигляд ліній екрану, перейдіть на самий верхній шар (другий дублікат шару), далі клікніть правою кнопкою миші по даному шарі і в вікні, що з'явиться, виберіть Blending Options. Додайте стиль шару Pattern Overlay, використовуючи візерунок по замовчуванню Horizontal Line Pattern, і встановіть наступні значення параметрів, як показано нижче.

Creating the Horizontal Pattern with an Overlay

Оскільки наш фон голубого кольору, а режим накладання встановлено на Soft Light, все це разом додасть нашому зображенню красивий синій тон.

Result of the Pattern Overlay

Крок 5

Щоб завершити цей неймовірний ефект збою, нам потрібно виконати всього один завершальний крок. Створіть новий шар, встановіть режим накладання Layer Blend Mode на Dissolve. На даному етапі ми використаємо інструмент Пензель, Brush Tool (B), щоб замалювати червоним кольором #5e220a нижню частину зображення, щоб створити маленькі часточки в якості завершальних штрихів ефекту. Налаштуйте параметр шару Opacity, якщо потрібно; в даному випадку я встановив його на 8%

Creating Glitch Particles with Dissolve

Ось і все! Подивіться на кінцевий результат!

Закінчення

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

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

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
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.