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




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

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

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

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

 

 

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

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

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

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

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

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

Экспозиция

Экспозиция в Figma

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

Сепия

Серия в Figma

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

Denoise

Убрать шум в Figma

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

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

Cочность картинки в Figma

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

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

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

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

Mono

Mono

Mono

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

Чернила

Ink Figma

Чернила в Фигма

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

Анимация

Cartoon Figma

Cartoon Figma

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

Штриховка

Штриховка в Figma

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

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

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

Резкость в Figma

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

LSD

Кислотный фильтр Figma

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

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

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

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

Ксерокопия

Ксерокопия в Figma

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

По контуру

Outline в Figma

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

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

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

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

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

tilt shift Figma

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

Triangle blur

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

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

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

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

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

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

Эффект night Figma

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

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

Инверсия в Фигма

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

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

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

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

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

Ломография

Фильтр ломо в Figma

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

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

Night Vision Figma

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

Выпуклость

выпуклость в Фигма

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

Водоворот

Фотофильтры в Фигма, искажение

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

Туннель

Фильтры искажения в Фигме

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

Соты

Фильтр мозаики соты в Фигма

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

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

Пикселизация

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

Color halftone

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

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

Dot screen

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы уже голосовали
Комментариев: 1
  1. Аноним

    УЯ

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: