Из растра в вектор в Figma [Плагин]


Плагин Image Tracer предназначен для конвертации растровых изображений (PNG, JPG) в вектор. 

Плагин конвертирует исходное изображение в черно-белое, находит точки по границам черного и белого и строит по ним кривые. В итоге вы получаете вектор с прозрачностью, который вы можете экспортировать как в растр, так и в .SVG (И в дальнейшем конвертировать его в .AI, .eps и другие векторы с помощью сторонних сервисов).  Очевидно, вектор вы сможете увеличивать в размерах без потери качества. 

Из растра в вектор - результат работы
Из растра в вектор — результат работы

Плагин отлично подходит для обработки рукописного текста, подписей (автографов), печатей, простых иконок. Результаты, содержащиеся на скриншоте, мы получили не с первой попытки (потребовалось попробовать разные настройки), и, вероятно, это не самые лучшие результаты, которых можно добиться. 

Возможна обработка и линейных иконок, но их вид может измениться довольно заметно. 

Чем больше разрешение исходного изображения, тем лучше будет результат. 

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

Интерфейс плагина
Интерфейс плагина
  1. Выберите слой (или несколько слоев) с изображением
  2. Запустите плагин
  3. (Опционально) Измените настройки
  4. Нажмите Place traced vector
Настройки Image Tracer
Настройки Image Tracer

Параметры настроек

Invert image
Invert image
  • Invert image — инвертировать обнаруженные части изображения. Пустые области будут залиты, залитые — станут прозрачными
  • Threshold  порог. Чем он выше, тем чувствительнее плагин к тонким линиям и шумам
  • Blur — сглаживает мелкие неровности
  • Ignore less then — значение, указывающее, ниже какого размера объекты будут игнорироваться. При очень высоких значениях плагин проигнорирует ваше изображение полностью
  • Smoothness — гладкость, мы сильного влияния этого параметра не обнаружили
  • Curve optimisation — параметр, указывающий на то, насколько сильно плагин попробует оптимизировать кривые
  • Show path — показывать контуры (нового вектора)
  • Show points — показывать ли обнаруженные точки
  • Fade image — сделать исходник полупрозрачным

Где скачать

Ссылка на плагин: https://www.figma.com/community/plugin/735707089415755407/Image-tracer

Как устанавливать плагины в Figma

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

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


👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<