Генератор глітч-ефекту

Як зробити глітч із зображення

1. Перетягніть зображення в зону завантаження або натисніть на неї, щоб вибрати файл. Картинка декодується у вашому браузері; нічого не завантажується на сервер.
2. Виберіть відправну точку в Пресети: Ледь помітний, VHS, Датамош, Сортування пікселів або Хаос. Пресет змінює налаштування ефектів, але зберігає ваше поточне Зерно.
3. Налаштуйте ефекти: Зсув каналів RGB (Відстань зсуву і Кут зсуву), Сортування пікселів (Сортувати за, Напрямок і два пороги яскравості), Пошкодження (Зсунуті смуги, Зсув смуг, Пошкодження байтів JPEG) і Текстура (Рядки розгортки, Інтервал рядків розгортки, Шум).
4. Натискайте Нове випадкове зерно, доки випадкові елементи (положення смуг, пошкоджені байти, зерно) не опиняться там, де вам подобається. Позначте Анімувати перегляд (змінює зерно), щоб побачити, як мерехтить багато варіантів.
5. Натисніть Завантажити PNG. Скинути налаштування повертає значення за замовчуванням.

Попередній перегляд обчислюється на копії із довшою стороною до 900 px. Відстані задано для зображення завширшки 1000 px і масштабовано до реальної ширини, тож експорт у повному розмірі виглядає як перегляд. Експорт зберігає початковий розмір, але не більше 4096 px по довшій стороні; більші зображення зменшуються до цієї межі.

Як побудовано ефекти

Ефекти завжди застосовуються в одному порядку:

1. Пошкодження байтів JPEG кодує зображення як JPEG із якістю 75, змінює випадкові байти всередині стиснених даних зображення (ніколи не створюючи маркерних байтів 0xFF, тож структура файлу зберігається), а потім декодує пошкоджений файл. Це дає розмазані блоки й зсуви кольорів, як у обірваного завантаження. Якщо браузер відмовляється відкрити пошкоджений файл, інструмент повторює спробу з меншою кількістю змінених байтів.
2. Зсунуті смуги зсувають горизонтальні смужки вбік із циклічним переносом, а в деяких міняють місцями два канали кольору. Це імітує вигляд датамошингу; це не справжній датамошинг відео, який видаляє ключові кадри зі стисненого відео.
3. Сортування пікселів працює вздовж кожного рядка чи стовпця. Послідовності сусідніх пікселів, яскравість яких лежить між Нижній поріг яскравості та Верхній поріг яскравості, сортуються за Яскравістю або Відтінком; пікселі поза діапазоном лишаються на місці. Широкий діапазон «розплавляє» всю картинку, вузький лише розтягує півтони.
4. Зсув каналів RGB зсуває червоний канал в один бік, а синій у протилежний уздовж вибраного кута, тоді як зелений лишається на місці: це вигляд хроматичної аберації дешевих об’єктивів і розсуміщених електронно-променевих моніторів.
5. Рядки розгортки затемнюють кожен N-й рядок, як на екрані старого телевізора, а Шум додає монохромне зерно.

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

Коротка історія глітч-арту

Глітч-арт перетворює цифрові помилки на естетику. У 2000-х художники практикували «databending»: відкривали файли зображень у текстових чи аудіоредакторах і змінювали необроблені байти, щоб побачити, що з них зробить декодер. Сортування пікселів популяризував близько 2010 року художник Кім Асендорф, чий скрипт сортував ділянки пікселів між межами яскравості – за тим самим принципом, що застосовано тут. Відтоді розщеплення RGB, рядки розгортки VHS і пошкоджені JPEG стали стандартним візуальним матеріалом для обкладинок альбомів, плакатів і соціальних мереж.

Поради

• Сортування пікселів вдається на небі, градієнтах і портретах: вертикальне сортування на заході сонця дає кольори, що «стікають», а горизонтальне на обличчі – смуги, розвіяні вітром.
• Звузьте пороги (наприклад, від 30 % до 70 %), щоб зберегти світла й тіні недоторканими.
• Поєднуйте сильний ефект із невеликим Шум (5–15), щоб приховати смуги, не каламутячи зображення.
• Експорт – PNG, який стискає без втрат і зберігає глітч чітким. Це нерухоме зображення: цей інструмент не створює GIF чи відео.