Два популярных эффекта в одном руководстве: размытие фона на портрете строится из контура «Пером» и «Размытия по Гауссу», а глитч в стиле Douyin получается из смещения каналов и цветного наложения. Горячие клавиши и примеры изображений прилагаются, так что новички справятся — и оба эффекта стоит освоить.
Урок 1: размытие фона на портрете
Так получается вид «размытый фон + резкий объект» для человека или предмета: рисуем контур «Пером» и применяем «Размытие по Гауссу».
- Продублируйте слой
Выберите исходный слой на панели «Слои» и нажмите Ctrl+J (⌘+J на Mac), чтобы создать «Слой 1». - Увеличьте масштаб и обведите объект «Пером»
Нажмите Ctrl++, чтобы приблизить — так точнее работать.
Выберите «Перо» (P) и щёлкайте точку за точкой по контуру человека и стула, чтобы построить замкнутый контур. - Превратите контур в выделение и инвертируйте его, чтобы взять фон
На панели «Контуры» справа щёлкните по контуру правой кнопкой и выберите «Образовать выделенную область»
(или нажмите Ctrl+Enter).
Нажмите Ctrl+Shift+I, чтобы инвертировать выделение — теперь выделен фон. - Примените «Размытие по Гауссу» к фону
Меню Фильтр > Размытие > Размытие по Гауссу (Ctrl+F)
Задайте радиус 20–35 px (подстройте под разрешение изображения) и подтвердите. - Уточните контур инструментом «Выделение контура»
Нажмите A, чтобы переключиться на «Выделение контура», затем перетаскивайте опорные точки, уточняя контур, чтобы края объекта совпадали точно. - Завершите и сохраните
Если результат устраивает, сохраните его через Файл > Экспортировать как > PNG/JPG/PSD. Ctrl+Shift+S открывает диалог «Сохранить как».
Совет: после шага 3 сначала растушуйте выделение через Ctrl+Alt+D (радиус 10–15 px), а потом запускайте «Размытие по Гауссу» — переход получится гораздо естественнее.
Урок 2: эффект глитч-арта в стиле Douyin (TikTok Glitch)
Обесцветьте изображение, сместите каналы RGB и нарисуйте шумовую градиентную маску, чтобы воспроизвести вид «глитч-арта», который вы видите в видео Douyin.
- Обесцветьте
Откройте изображение и нажмите Ctrl+Shift+U (⌘+Shift+U на Mac), чтобы перевести его в чёрно-белое. - Продублируйте слой (Слой 1)
Нажмите Ctrl+J, чтобы продублировать текущий слой как «Слой 1». - Уберите красный канал
Дважды щёлкните по «Слою 1», чтобы открыть панель «Стиль слоя».
В списке слева откройте «Микширование каналов» и снимите галочку «Красный» (уберите √), затем подтвердите и закройте панель. - Сместите слой
Выберите «Слой 1», включите инструмент «Перемещение» клавишей V и нажмите клавишу →, чтобы сдвинуть его на 3–5 px вправо — так появятся красно-синие каёмки по краям. - Сведите всё в объединённый слой (Слой 2)
Когда «Слой 1» и исходный слой видимы, нажмите Ctrl+Alt+Shift+E, чтобы создать «Слой 2» — снимок всех видимых слоёв. - Добавьте маску на Слой 2
Внизу панели «Слои» нажмите значок «Добавить векторную маску», чтобы получить белую маску. - Нарисуйте шумовой градиент на маске
С выделенной новой маской переключитесь на «Градиент» G (12-я кнопка на панели инструментов).
На панели параметров откройте редактор градиентов, создайте новый градиент и настройте его так:
- Тип: Шум
- Шероховатость: 100 %
- Цветовая модель: HSB
- Опустите «Насыщенность» до минимума (0), чтобы получить чисто чёрно-белые шумовые полосы
- Для случайного расположения нажмите кнопку «Случайно» внизу справа
- Сдвиньте маску, чтобы получить глитч-смещение
Пока маска (белый квадрат) выделена, вернитесь к «Перемещению» V, удерживайте Shift и нажмите →, чтобы сдвинуть её на 2–8 px вправо; неправильные цветные блоки съедут со своих мест — это и есть эффект глитча. - Доведите и экспортируйте
Для более сильного разделения цветов ещё раз сдвиньте «Слой 1» по горизонтали или добавьте над «Слоем 2» корректирующий слой «Цветовой тон/Насыщенность».
Когда всё готово, сохраните работу через Файл > Экспортировать как > PNG/JPG.
Совет: после шага 6 можно сначала применить к маске «Редактирование > Выполнить заливку > Шум», чтобы создать чистый шумовой слой, а затем сменить его режим наложения на «Разница» или «Перекрытие» — глитч-текстура станет заметно выразительнее.
Источники
- Online PS
- Официальная документация Adobe
- Сайты с уроками по PS