Filter — обработка фото в Figma [Плагин]

Figma из коробки не особо заточена на ретушь фотографий. То есть, разумеется, изображение можно обтравить, откропить и настроить его базовые параметры вроде насыщенности, но фильтров как таковых по умолчанию в Фигме нет. В результате Figma не вполне может закрыть все потребности дизайнера, который, возможно, хотел бы уже отказаться от Photoshop. 

Как и всегда, нас выручит плагин — Filter. 

Filter позволяет добавить один или несколько из 33 предустановленных настроек, каждую из которых также можно кастомизировать.

Рассмотрим подробнее возможности этого дополнения

 

 

Яркость и контрастность

Фильтр Brightness Contrast позволяет отрегулировать яркость и контрастность изображения. 

Оттенок и насыщенность

Настройка Hue Saturation позволяет настроить оттенок и насыщенность изображения. 

Экспозиция

Настройка Exposure позволит вам настроить экспозицию изображения. 

Сепия

Используйте фильтр Sepia, чтобы стилизовать изображение под старое фото в оттенках коричневого. 

Denoise

Замечательный фильтр, убирающий шумы. На примере видно, что фильтр действует достаточно деликатно. 

Сочность картинки

Параметр Vibrance позволит вам настроить сочность изображения. Схоже с Saturation, но действует несколько иначе. 

Оттенки серого

Чтобы перевести изображение в оттенки серого, используйте Grayscale

Mono

Данный фильтр изменяет палитру изображения

Чернила

Ink стилизует изображение под работу красками

Анимация

Cartoon пытается сделать фото как в мультфильме

Штриховка

Фильтр Crosshatch «заштриховывает» исходное изображение

Увеличение резкости

Unsharp mask позволяет увеличить резкость (четкость) фотографии. Для применения надо настроить радиус и силу эффекта

LSD

Делает картинку кислотной

Найти границы

Фильтр Edge Work выделяет все найденные границы в ЧБ. 

Ксерокопия

BlackWhite делает изображение схожим с ксерокопией. В итоге остаются только полностью черный и полностью белые цвета

По контуру

Outline обводит детали изображения по контуру

Размытие через линзу

Классический блюр

Частичное размытие

Фильтр tilt shift позволяет размыть все, кроме выбранной области. Для управления перемещайте две точки на превью. Для степени размытия измените значение Blur Radius, для более или менее плавного перехода в размытие измените Gradient Radius — чем выше значение, тем плавнее переход. 

Triangle blur

Еще один тип размытия

Размытие в движении

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

Ночное освещение

Фильтр Night создан для получения эффекта скудного освещения

Инверсия цвета

Фильтр Invert Color применяет инверсию к цветам изображения

Прозрачный фон

Фильтр Alpha находит фон и делает его прозрачным

Ломография

Фильтр Lomo стилизует изображение под снимок фотоаппарата Lomo

Ночное видение

Фильтр Night Vision стилизует изображение под вид из прибора ночного видения — в черно-зеленых тонах

Выпуклость

Фильтр Bulge / Pinch делает искажение в виде выпуклости. Для настройки укажите радиус, силу изгиба (по оси Z) и выберите центр с помощью точки на превью 

Водоворот

Фильтр Swirl создает загнутое искажение в виде водоворота

Туннель

Tunnel создает искажение на части изображение, имитирующее движение в туннеле

Соты

Фильтр Hexagonal Pixelate создает мозаику в виде сот 

Квадратная плитка

Фильтр Quadrangular Pixel создает мозаику в виде квадратов

Color halftone

Фильтр создает блики в виде разноцветных кругов

Dot screen

Фильтр создает частичную видимость с «освещением» через точки

Вы можете использовать несколько фильтров сразу

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

Вы можете создавать свои пресеты, содержащие сразу несколько фильтров

По умолчанию плагин создает слой заливки для исходного элемента, но вы можете получать и новое изображение, указав Save as new image во вкладке Settings

Как пользоваться 

1. Чтобы добавить фильтр, нажмите + на панели Filters
2. Из выпадающего списка выберите нужный вам фильтр
3. Чтобы отредактировать параметры уже добавленного фильтра, нажмите на иконку слева от названия фильтра

Как установить Filter

Ссылка на плагин:  https://www.figma.com/community/plugin/792025380269016893/Filter

Как устанавливать плагины Figma читайте здесь

Если вы можете более полно и грамотно описать действие фильтра, просим вас сделать это в комментариях. 

Помогла ли вам эта статья?