🎯 Учимся за три минуты: делаем крутой эффект «глитч-арт» в стиле Douyin в PS (даже новичок справится!)

Примерно 13 минут чтения

Главная/ Уроки PS/ 🎯 Учимся за три минуты: делаем крутой эффект «глитч-арт» в стиле Douyin в PS (даже новичок справится!)

Глитч-арт звучит загадочно, а сводится к намеренному «ломанию» изображения: смещения, штрихи, шум. Девять шагов проведут вас до конца — смещение каналов, штрихи размытия, виньетка для фокуса, линии помех, затемнение и кинетическая типографика. Всё, что нужно, — одна фотография.

Пример эффекта глитч-арт в стиле Douyin

Это тот самый знаменитый эффект «глитч-арт». Звучит навороченно, а делается на самом деле очень просто. Сегодня я по шагам соберу его в Photoshop (PS), и вы сможете повторять с нулевым опытом.


1

🧩 Сначала: что такое «глитч-арт»?

Проще говоря, это намеренное добавление изображению нескольких мелких «сбоев», например:

  • Смещение цветов (красный, синий и зелёный разъезжаются)
  • Штрихи и дрожание
  • Несколько горизонтальных линий и шум
  • Текст, который «дрожит» вместе с картинкой

Сложите эти «сбои» вместе — и результат ощущается футуристичным, высокотехнологичным и киберпанковым. Его часто используют в киноафишах и обложках альбомов.

2

🛠️ Переходим к практике! Девять шагов до финиша!

✅ Шаг 1: выберите хорошее фото как источник

Возьмите любое фото, которое нравится, — портрет, пейзаж, питомца, что угодно. Чем оно резче, тем заметнее эффект.

Пример исходного фото
3

✅ Шаг 2: создайте смещение цветов (главный приём!)

  1. Продублируйте слой (Ctrl+J или правая кнопка по слою → «Дублировать слой»)
  2. Дважды щёлкните по этой копии → откроется «Стиль слоя»
  3. Нажмите «Параметры наложения» → в разделе «Каналы» отключите один цветовой канал (например, «R Красный» или «G Зелёный»)
    - Отключение разных каналов даёт разные цвета, так что попробуйте несколько!
  4. Сдвиньте этот слой на несколько пикселей влево или вправо (3–5 пикселей вполне достаточно — не переусердствуйте, иначе картинка просто станет размытой)

✅ Эффект: по краям появляется красно-синее, красно-зелёное или сине-зелёное «двоение». Очень по-хайтековски.

Шаг со смещением цветов
Результат сдвига слоя
4

✅ Шаг 3: добавьте эффект «штрихов» (пусть изображение движется)

  1. Создайте новый слой
  2. Инструментом «Прямоугольная область» выделите любой участок фото (например, лицо или фон)
  3. Ctrl+C — копировать → Ctrl+V — вставить на новый слой
  4. Фильтр → Стилизация → Ветер → выберите «Порыв» и направление «Слева»
  5. Снова откройте «Стиль слоя» → «Параметры наложения» → отключите один канал (например, «R Красный»)
  6. Повторите шаги выше ещё с несколькими выделенными участками, превратив их в эффект «ветра», затем сгруппируйте их (Ctrl+G)

✅ Эффект: части изображения выглядят так, будто по ним прошёл ветер — много движения.

Шаг с эффектом штрихов
Результат после обработки нескольких участков
5

✅ Шаг 4: добавьте виньетку, чтобы притянуть взгляд

  1. Новый слой → залейте его чёрным
  2. Смените режим наложения слоя на «Перекрытие»
  3. Добавьте «маску» к этому чёрному слою
  4. Инструментом «Градиент» протяните радиальный градиент «чёрный в центре, белый по краям»
  5. Поставьте слою «непрозрачность около 50%»

✅ Эффект: края кадра темнеют, центр выделяется.

Эффект виньетки
6

✅ Шаг 5: добавьте линии «помех сигнала» (классический элемент!)

  1. Новый слой → залейте любым цветом (например, серым)
  2. Дважды щёлкните по слою → «Стиль слоя» → «Наложение узора»
  3. Выберите узор «Горизонтальная линия» и режим наложения «Умножение»
  4. Поставьте слою «Заливку 0%» и поднимите непрозрачность до «около 45%»

✅ Эффект: появляются слабые горизонтальные линии, как у старого телевизора без сигнала.

Эффект горизонтальных линий
7

✅ Шаг 6: затемните общий тон (добавляет атмосферу)

  1. Новый слой → залейте тёмным цветом (например, глубокий красный #270e0e)
  2. Смените режим наложения слоя на «Затемнение»
  3. Поставьте непрозрачность «около 20%»

✅ Эффект: всё изображение становится темнее, добавляется загадочности и техно-ощущения.

Эффект затемнения
8

✅ Шаг 7: добавьте «кинетическую типографику» (финальный штрих!)

  1. Новый слой → инструментом «Прямоугольная область» нарисуйте прямоугольник → задайте растушёвку 50 → залейте ярко-зелёным
  2. Смените режим наложения на «Линейный осветлитель (добавить)», непрозрачность — 45%
  3. Наберите текст (что-то вроде «GLITCH» или «FUTURE»)
  4. Продублируйте текстовый слой дважды
    • Первая копия: «Стиль слоя» → «Параметры наложения» → отключите каналы «GB» → сдвиньте на несколько пикселей влево вниз
    • Вторая копия: «Стиль слоя» → «Параметры наложения» → отключите каналы «RB» → сдвиньте на несколько пикселей вправо вниз
  5. Опустите обе копии ниже исходного текстового слоя!

✅ Эффект: текст получает такое же красно-сине-зелёное смещение. Очень броско.

Шаг с кинетической типографикой
9

✅ Шаг 8: добавьте «случайные линии» (дополнительные детали)

  1. Инструментом «Линия» или «Прямоугольник» нарисуйте тонкие линии или небольшие квадраты в пустых местах изображения
  2. Настройте «непрозрачность» каждой линии, чтобы часть была яркой, а часть — приглушённой
  3. Рисуйте свободно — аккуратность не нужна. Чем грязнее, тем «глитчевее» смотрится.

✅ Эффект: деталей больше, техно-настроение серьёзнее.

Эффект случайных линий
10

✅ Шаг 9: смотрим финальный результат!

Когда все шаги сделаны, работа в стиле глитч-арт готова.

Финальный результат

💡 Куда дальше: если вы знакомы с «Шкалой времени» в PS, можно превратить это в анимированный GIF, вот так 👇

Анимированная GIF-версия

🎉 Подведём итог:

Шаг Основное действие Эффект
1 Дублировать слой + отключить канал + сдвинуть Смещение цветов
2 Копировать участок + фильтр «Ветер» + отключить канал Движение штрихов
3 Чёрный слой + градиентная маска Фокус виньеткой
4 Наложение узора + горизонтальная линия Помехи сигнала
5 Тёмный слой + режим «Затемнение» Общее затемнение
6 Текст + копии слоёв + смещённые каналы Кинетическая типографика
7 Рисуем случайные линии Дополнительные детали

Когда приём освоен, любую фотографию можно загнать в этот глитч-вид. Попробуйте!