Як створити неймовірний фотоефект збою в Adobe Photoshop
source link: https://design.tutsplus.com/uk/tutorials/how-to-create-a-glitch-effect--cms-27681
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Ukrainian (українська мова) translation by Nick Nathan (you can also view the original English article)
Фотоефекти - це чудовий спосіб попрактикувати і відпрацювати свої навички роботи в Photoshop. В цьому уроці, ми зможете навчитися створювати цікавий ефект збою, використовуючи інструменти Marquee, Wave Filter та інші!
Матеріали для уроку
При створенні даного уроки використовувались наступні ресурси:
Основи ефекту збою: що ви повинні знати
Для того, щоб отримати найкращий можливий результат та найбільш реалістичний, вам слід провести власне дослідження. Отже, давайте ближче познайомимось, що таке збій.
Вид збою, який ми маємо на увазі, часто можна спостерігати на телебаченні і в відеоіграх. Дані збої - це помилки програмного забезпечення або помилки, які часто бувають причиною сигналу з перешкодами. Як результат ми отримуємо неймовірно деформовану картинку, яку важко зрозуміти.
Для цього уроку ми повинні пам'ятати деякі ключові візуальні характеристики, щоб досягти подібний ефект. Це:
- рвані края і хвилі
- Застигле або статичне візуальне сприйняття
- Інвертовані кольори
Для натхнення ви можете знайти декілька зображень з таким ефектом в Google, і нехай результати будуть у вас під рукою. Звертайтесь до них часто, щоб експериментувати з даним стилем або скористайтесь підтримкою професійних дизайнерів Envato Studio.
Альтернативні версії. Підберіть оригінальні зображення, щоб відтворити даний ефект! Це зображення доступне на Freepik.Якщо у вас не виходить відтворити даний ефект, не забувайте, що ви завжди можете обійти даний процес, завантаживши один з наших неймовірних Glitch Photo Effects від GraphicRiver і Envato Elements.
1. Налаштування для ефекту збою.
Крок 1
Давайте почнемо! Для даного уроку я буду використовувати стокове зображення Hipster Stock від PhotoDune. Для цього конкретного ефекту, необхідно підібрати оригінальне зображення, на якому модель матиме чіткі краї, оскільки нам потрібно буде відділити її від фону. Якщо задній фон на оригінальному зображенні буде однотонним, або не надто відволікаючим, як дерев'яні дошки в нашому випадку - це додатковий бонус.
Зверніть увагу, наскільки чітко ви можете бачити всі краї цієї моделі. Переконайтеся, що ви обираєте стокове зображення з моделлю, яку ви можете легко відділити від фону.Двічі клікніть на фоновому шарі (Background layer) і назвіть його New Layer. Створіть новий шар New Layer (Control-Shift-N) під вашим оригінальним шаром. Встановіть колір переднього плану - білий і заповніть шар білим кольором, використовуючи інструмент Paint Bucket Tool (G).
Крок 2
Виберіть інструмент "Магнітне ласо", Magnetic Lasso Tool (L). Це допоможе нам легко відділити модель від фону, всього лиш водячи мишкою по краям моделі. Використовуйте інструмент Magnetic Lasso Tool (L), щоб повністю виділити модель. Коли ви закінчите, клікніть правою кнопкою миші і виберіть Layer via Copy, щоб швидко створити дублікат шару.
Переконайтеся, що у вас зберігся шар з оригінальним фото. Кінцевий результат буде містити оригінальний шар з фотографією.Крок 3
Виберіть оригінальне фото. Використовуючи інструмент Free Transform Tool (Control-T), зменшіть зображення заднього фону так, щоб було видно білі полоски по краям.
В якості альтернативи, якщо на вашому зображенні немає кольорового фону, то ви можете додати його за допомогою інструмента Rectangle Tool (U), як показано на прикладі нижче.
В якості альтернативи, якщо на вашому зображенні немає фону, просто додайте прямокутник. Стокове зображення від Freepik.2. Як зменшити насиченість фото
Крок 1
Рухаючись далі, давайте зменшимо насиченість фото до монохромних відтінків кольору. Виділіть шар з вирізаною моделлю і перейдіть в Image > Adjustments > Hue & Saturation. Зменшіть насиченість до -95, щоб видалити практично весь колір зображення.
Крок 2
Ви можете налаштувати основне зображення навіть ще більше, використавши інструмент Levels. Знову виділіть шар з виділеною моделлю і перейдіть в Image > Adjustments > Levels. Налаштуйте рівні, Levels, для каналу RGB з наступними значеннями:
- Shadow Input Level: 0
- Midtone Input Level: 0.92
- Highlight Input Level: 255
- Output Levels: 17, 255
Ми отримаємо ніжний результат, злегка освітливши фото моделі.
3. Як створити лінійну деформацію
Крок 1
Наступна частина даного ефекту - це відтворення зубчатої деформації на фото, яка створює відчуття зміщення зображення. Для цього виділіть оригінальний шар з фотографією і шар з виділеною моделлю і виконайте злиття шарів.
Крок 2
Тепер виберіть інструмент Rectangular Marquee Tool (M). Створіть два тонких виділення на шарі зображення. Спочатку створіть виділення в нижній області зображення, а потім, утримуючи клавішу Shift, додайте ще одне виділення в верхній частині зображення.
Натисніть на клавіатурі клавішу V, щоб переключитися на інструмент Move Tool. Використовуйте клавішу зі стрілкою вліво, щоб змістити виділення вліво. Можливо, вам доведеться натиснути її декілька разів, або натисніть і трохи утримуйте її, щоб отримати бажаний результат.
Крок 3
Ви можете продовжити цей процес на одному шарі, але в результаті з'явиться надто багато білих пустот і це буде виглядати не дуже гарно. Тому, щоб уникнути цього, продублюйте шари, а потім використовуйте дублікат шару, щоб створити деформацію.
Ще раз за допомогою інструмента Rectangular Marquee Tool (M) створіть інші виділення, зміщуюючи їх в різні напрямки, натискаючи на клавіші стрілок вліво і вправо. В даному випадку я створив ще два виділення, а потім змістив їх трохи вправо.
Зверніть увагу, що завдяки дублікату шару, замість білого заднього фону, ми бачимо шар, який розміщений нижче дубліката.
Крок 4
Давайте трохи прискоримо процес! Створіть нові прямокутні виділення, а потім за допомогою інструмента Move Tool (V), перемістіть різні виділені області за межі зображення. Варіюйте висоту виділених прямокутників, щоб ефект виглядав більш природно.
Буде дуже добре, якщо у вас буде план дій перш ніж приступити до виконання цієї частини. Мені подобаються серйозні вирази обличчя людей, тому я стараюся, щоб фокус ефекту збою рухався ближче до центру зображення.
По мірі наближення до обличчя, спробуйте не деформувати його надто сильно. Створюйте кожен збій окремо, щоб спостерігати, як саме він працюватиме. В даній частині ми постійно експериментуємо, тому, якщо вам потрібно повернутися на крок або два назад, просто натисніть Control-Z для відміни дії.
Коли ви закінчите роботу з усіма лінійними збоями, ефект повинен виглядати приблизно ось так:
4. Як створити ефект хвилястого збою
Крок 1
Наступна частина ефекту деформації - створення хвилеподібного викривлення. Можливо, раніше ви бачили подібні збої, коли були ще дитиною, коли перемикали канали, тоді картинка на екрані виглядала так, наче вона рухається в рідині.
Для цього нам знадобиться фільтр Wave Filter. Спочатку об'єднайте шар з оригінальним зображенням з шаром з усіма збоями. Потім клікніть Control-J, щоб створити дублікат, на якому ми зробимо хвилеподібну деформацію.
Крок 2
Знаходячись на дублікаті шару, зробіть декілька виділень великого розміру за допомогою інструмента Rectangular Marquee Tool (M), як ми робили це раніше. Зверніть увагу, що я намагаюся створити обрамлення навколо зображення моделі, тому не виділяйте області безпосередньо в центрі зображення.
Тепер перейдіть в Filter > Distort > Wave, встановлюючи значення параметрів, як показано нижче, щоб створити хвилеподібний ефект тільки на виділених областях.
Крок 3
З вказаними вище налаштуваннями, даний ефект може спрацювати, а може і не спрацювати на вашій фотографії. Тому важливо експериментувати і змінювати налаштування індивідуально, так, щоб досягти такого ефекту, який вам сподобається.
Продовжуйте робити спочатку нові виділення, а потім застосовуйте фільтр Wave Filter. Вам необхідно буде змінювати налаштування щоразу, щоб урізноманітнити ефект на фотографії.
Ось вигляд фотографії після наших подальших змін і експериментів.
Крок 4
Завершуючи роботу над даним ефектом, посильте його в верхній і нижній частині фотографії. Спочатку виділіть нижню частину зображення за допомогою інструменту Rectangular Marquee Tool (M) і потім застосуйте фільтр Wave Filter з наступними налаштуваннями.
Тепер для верхньої частини. Повторіть процес, але на цей раз поміняйте налаштування на ті, що вказані нижче:
Ось результат з усіма лінійними і хвилеподібними збоями. Давайте перейдемо до останніх штрихів!
5. Як створити простий 3D ефект
Крок 1
Тепер приступимо до кольорових 3D ефектів! Як і раніше, почніть з об'єднання шарів з ефектом збою, при цьому зберігаючи задній фон білим; таким чином у вас залишиться тільки два шари на панелі шарів ліворуч. Потім клікніть Control-J, щоб створити ще два дубліката об'єднаного шару.
Крок 2
Вимкніть видимість двох верхніх шарів. Далі клікніть правою кнопкою на першому шарі (об'єднаному) і в вікні, що з'явиться, виберіть опцію Режими накладання (Blending Options). Зніміть галочку в віконці G, або Green Channel, під Advanced Blending.
Тепер ввімкніть видимість двох верхніх шарів, а потім повторіть весь процес. На цей раз зніміть галочку в віконці Red Channel для першого дублікату об'єднаного шару, а потім зніміть галочку в віконцях Red і Green Channels для другого дублікату шару.
Крок 3
Тепер ми можемо переміщувати кожен шар, щоб створити неймовірний 3D ефект. Виберіть Move Tool (V), потім виберіть перший дублікат шару. За допомогою клавіші зі стрілкою вліво змістіть даний шар вліво. Далі, перейдіть на другий дублікат шару і за допомогою клавіші стрілки вліво змістіть даний шар також вліво.
Ось як це повинно виглядати в процесі.
Крок 4
Ми майже завершили! Щоб додати до даного ефекту вигляд ліній екрану, перейдіть на самий верхній шар (другий дублікат шару), далі клікніть правою кнопкою миші по даному шарі і в вікні, що з'явиться, виберіть Blending Options. Додайте стиль шару Pattern Overlay, використовуючи візерунок по замовчуванню Horizontal Line Pattern, і встановіть наступні значення параметрів, як показано нижче.
Оскільки наш фон голубого кольору, а режим накладання встановлено на Soft Light, все це разом додасть нашому зображенню красивий синій тон.
Крок 5
Щоб завершити цей неймовірний ефект збою, нам потрібно виконати всього один завершальний крок. Створіть новий шар, встановіть режим накладання Layer Blend Mode на Dissolve. На даному етапі ми використаємо інструмент Пензель, Brush Tool (B), щоб замалювати червоним кольором #5e220a
нижню частину зображення, щоб створити маленькі часточки в якості завершальних штрихів ефекту. Налаштуйте параметр шару Opacity, якщо потрібно; в даному випадку я встановив його на 8%.
Ось і все! Подивіться на кінцевий результат!
Закінчення
Фотоефекти - це чудовий спосіб практикувати унікальні і захоплюючі техніки в Adobe Photoshop. Ви можете отримати массу задоволення, відтворюючи реалістичні ситуації, такі як ефект збою та інші.
Я сподіваюсь, вам сподобався даний урок. Якщо у вас є питання, не вагайтесь, сміливо запитуйте мене в коментарях нижче. Також обов'язково перегляньте цілий ряд екшенів ефекту збоїв на GraphicRiver і Envato Elements.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK