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

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

Какая маска управляет нужным результатом?

У масок Photoshop разные задачи. Векторная маска задает видимость с помощью контура. Маска слоя управляет видимостью изображения с помощью оттенков серого. Маска смарт-фильтра определяет, где применяются эффекты фильтра. В руководствах Adobe они описаны отдельно: векторные маски, редактирование масок слоя и маски смарт-фильтров.

Желаемый вид Используемый элемент управления Что меняется
Четкая граница овала Векторная маска Видимый контур
Постепенное исчезновение изображения Градиент на маске слоя Видимость изображения
Постепенное размытие деталей Градиент на маске смарт-фильтра Видимость фильтра
Смягченная внешняя граница Растушевка векторной маски Мягкость края

В основном примере используйте вместе первый и третий элементы управления. Градиент на обычной маске слоя создает переход к фону; этот результат показан в руководстве Adobe по плавному смешиванию. Такое применение не размывает детали.

Создайте абстрактное изображение из редактируемых исходных фигур

Создайте новый документ с помощью команды File > New. Для практики задайте размер холста 1600 × 1000 пикселей, RGB Color, 8 бит на канал и белый фон. Откройте панели Window > Layers и Window > Properties, чтобы на протяжении всего упражнения видеть, что выбрано.

Нарисуйте большой синий прямоугольник, более узкий оранжевый прямоугольник, пересекающий его, и небольшой желтый эллипс, перекрывающий обе фигуры. Используйте инструменты Rectangle Tool и Ellipse Tool в режиме Shape. Выберите цвет Fill каждой фигуры на панели параметров и отключите обводку. Разместите каждую фигуру на отдельном слое; при необходимости перед рисованием следующей выберите фон, чтобы не продолжить редактирование существующей фигуры. Доступные режимы рисования и настройки заливки описаны в руководстве Adobe «Параметры режимов фигур, контуров и пикселей».

Сделайте композицию больше овала, который планируете показать. Цветовые границы должны быть по обе стороны от центра: по ним удобно оценивать размытие. На фоне сплошного цвета размытие внутри фигуры будет сложнее оценить.

На панели Layers выберите три слоя с изображением, не выбирая белый фон. Выполните команду Layer > Smart Objects > Convert to Smart Object и назовите полученный слой Abstract artwork. Adobe объясняет, что эта команда объединяет несколько выбранных слоев во встроенный смарт-объект.

Здесь проходит первая важная граница редактирования: исходные фигуры находятся внутри смарт-объекта, а следующий фильтр и маски относятся к его внешнему слою. Чтобы позже изменить фигуры, выберите Layer > Smart Objects > Edit Contents, отредактируйте открывшийся исходный документ и сохраните его — композиция обновится. См. инструкции Adobe по редактированию содержимого смарт-объекта.

Добавьте размытие и ограничьте его векторной границей

Выберите миниатюру изображения на слое смарт-объекта. Перед применением фильтра выполните команду Select > Deselect, чтобы ранее созданное выделение не ограничивало действие фильтра. Выберите Filter > Blur > Gaussian Blur, попробуйте радиус 18 пикселей и подтвердите действие. Это значение приведено для примера и не является обязательным. В справочнике Adobe по эффектам фильтров описано, как настраивать размытие по Гауссу.

Проверьте, что фильтр отображается под смарт-объектом на панели Layers. Смарт-фильтры сохраняют исходные пиксели, а эффекты можно редактировать отдельно. Эта структура описана в руководстве Adobe «Применение смарт-фильтров и управление ими».

Теперь добавьте внешнюю границу:

  1. Выберите слой Abstract artwork.
  2. Выберите Ellipse Tool и переключите режим рисования на Path.
  3. Нарисуйте широкий овал поверх перекрывающихся фигур, оставив за его границами часть изображения.
  4. Выберите Layer > Vector Mask > Current Path.
  5. Выберите миниатюру векторной маски и установите для параметра Density значение 100%, а для Feather — 0 пикселей, чтобы граница оставалась четкой.

Создание маски на основе контура и ее свойства описаны в руководстве Adobe «Маскирование слоев с помощью векторных масок».

Теперь смарт-объект должен отображаться в строке слоя с векторной маской, а ниже, рядом с Smart Filters, должна быть миниатюра маски фильтра. Фигуры выходят за пределы овала, поэтому фильтр может брать окружающее изображение для обработки, прежде чем видимость ограничит внешняя граница. Такая структура на практике объединяет описанные элементы управления фильтром и масками.

Нарисуйте градиент на маске размытия

Нажмите миниатюру маски рядом с Smart Filters под слоем изображения. Не выбирайте миниатюру векторной маски или обычной маски слоя. Adobe указывает, что маска фильтра создается автоматически при применении смарт-фильтра: белый цвет показывает эффект, черный скрывает его, а серый смешивает. См. «Маскирование эффектов смарт-фильтров».

Выберите инструмент Gradient Tool. Задайте черный цвет переднего плана и белый цвет фона, затем выберите градиент от цвета переднего плана к цвету фона в палитре пресетов. Этот способ с пресетами описан в руководстве Adobe по градиентам на масках слоя; его применение к выбранной маске фильтра соответствует инструкциям Adobe по работе с масками фильтров с помощью инструментов рисования и редактирования.

Выберите тип градиента Linear и отключите параметр Reverse. Проведите горизонтальную линию примерно от трети до двух третей ширины овала. Черная начальная сторона ослабляет размытие, а белая конечная — показывает его. В документации Adobe по градиентной заливке объясняется, какие бывают градиенты и как направление и длина линии влияют на переход.

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

Рассматривайте силу размытия и ширину перехода как два отдельных параметра. Если правая сторона слишком размыта, измените настройки размытия по Гауссу. Если переход слишком резкий, увеличьте его ширину. Например, переход шириной около 500 пикселей дает больше места для смешивания, чем переход шириной около 150 пикселей; универсально лучшего значения нет.

У этого метода есть важное ограничение: градиентная маска фильтра смешивает результат применения фильтра с исходным изображением без фильтра. Она не задает разный радиус размытия по Гауссу для каждой точки. Это следует из описания Adobe, согласно которому маски фильтров управляют видимостью эффекта.

Если нужно, чтобы сила размытия менялась по всему изображению

Для пространственно градуированного размытия используйте Field Blur вместо описанного способа с маской и размытием по Гауссу. Сначала удалите фильтр «Размытие по Гауссу», чтобы случайно не совмещать два эффекта. Выбрав смарт-объект, перейдите в Filter > Blur Gallery > Field Blur. Разместите слева маркер со значением размытия 0, а справа — второй маркер с более высоким значением, например 18 пикселей. Настройте положение маркеров, проверьте предварительный просмотр и подтвердите действие.

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

А если нужен постепенный переход к прозрачности?

Оставьте векторную границу, но примените градиент к обычной маске слоя. Выберите слой с изображением, отмените активное выделение и нажмите значок маски слоя на панели Layers. Если обычная маска слоя уже есть, выберите ее, а не добавляйте новую. Порядок действий описан в руководстве Adobe «Добавление масок слоя».

Нарисуйте на этой маске градиент от белого к черному: белый конец сохранит изображение, а черный скроет его. Векторная маска по-прежнему задает контур, а маска в градациях серого управляет переходом. В руководстве Adobe по редактированию масок подтверждается, что более темные значения маски увеличивают прозрачность, не изменяя исходное изображение.

Используйте этот способ, если в конечном результате сквозь изображение должен быть виден фон. Если изображение должно оставаться видимым, но размытым, используйте маску смарт-фильтра.

Проверьте результат перед сохранением

Сначала проверьте, какая маска выбрана. Рамка вокруг миниатюры показывает активный объект редактирования, как объясняется в руководстве Adobe «Редактирование и уточнение существующих масок слоя».

Проблема Что проверить Как исправить
Изображение исчезает с одной стороны Возможно, градиент попал на обычную маску слоя Отмените это изменение и выберите маску фильтра
Размытие направлено в обратную сторону Проверьте, с какой стороны маски фильтра находятся черный и белый цвета Выберите эту маску и примените Invert в панели Properties
Край овала выглядит размытым Проверьте настройку растушевки векторной маски Верните для параметра Feather значение 0 пикселей
Ослабевает действие и другого фильтра Проверьте стек смарт-фильтров Маска фильтра управляет всеми фильтрами этого смарт-объекта

В руководстве Adobe «Маскирование эффектов смарт-фильтров» описаны инвертирование маски фильтра и ограничение, связанное с ее совместным использованием фильтрами. Чтобы просмотреть маску напрямую на Mac, щелкните ее миниатюру, удерживая Option; повторите это действие, чтобы вернуться к изображению.

Сохраните остальные границы редактирования. Изменяйте овал с помощью инструмента Direct Selection Tool; не используйте команду Layer > Rasterize > Vector Mask, которая удалит возможность редактировать векторную маску. Adobe прямо описывает это ограничение преобразования в руководстве «Маскирование слоев с помощью векторных масок». Также не преобразуйте смарт-объект в обычный слой: согласно руководству «Применение смарт-фильтров и управление ими», это удалит связь с редактируемым фильтром.

Сохраните исходный файл как документ Photoshop, сохранив слои, с помощью команды File > Save As. В руководстве Adobe по сохранению объясняется, как использовать параметр Layers и команду Save a Copy для отдельного выходного файла.

Перед завершением убедитесь, что в сохраненном исходном документе можно изменить форму контура, настроить размытие и открыть исходные прямоугольники и эллипс внутри смарт-объекта. Так получится композиция для повторного использования, в которой границу, детали и переход можно редактировать независимо.

Источники