To Path: текст и фигуры по кривым [Плагин]




Плагин To Path позволяет закрыть две важные задачи: расположить по кривой текст, а также расположить по кривой любые векторы. 

Результат работы
Результат работы

Что выгодно отличает To Path от аналогов:

  1. Кривую вы создаете пером
  2. Кривая может быть сколько угодно сложной
  3. Много настроек с удобным просмотром 

Текст по кривой

Чтобы расположить текст по кривой, выполните следующую последовательность:

  1. Создайте кривую с помощью пера
  2. Создайте тектовое поле
  3. Выделите оба созданных слоя и запустите плагин
  4. Нажмите Link 
Исходники для изогнутого текста
Исходники для изогнутого текста
Плагин To Path
Плагин To Path

После этого плагин создаст новую группу с отдельными слоями, в которых содержатся отдельные буквы. При этом исходный текст и кривая будут связаны. Благодаря этому:

  1. Если вы измените исходный текст, изменится и текст вдоль кривой
  2. Вы можете изменять размеры группы, и буквы все равно будут следовать за кривой
  3. Вы можете изменить кривую, и буквы снова будут следовать по ней

Как изменить кривую

Если вы выберите кривую из группы Linked Path Group, плагин покажет две одинаковых кривых — Linked и Copy. Вы можете отредактировать Linked, убрать фокус с этого слоя (выберите слой с исходным текстом), после чего дополнительная кривая исчезнет, а буквы снова появятся. 

Видео


Параметры

Vertical Align — расположение по вертикали относительно кривой (от 0 до 1)

Horizontal Align — расположение по горизонтали относительно кривой (от 0 до 1)

Offset — отступ от начала кривой. Укажите в пикселях, либо выберите один из вариантов — по левому, правому краю или по центру. 

Characters follow curve rotation — символы будут расположены по касательной к кривой

Revers direction of text — текст будет отражен 

Где скачать

Ссылка на плагин: https://www.figma.com/community/plugin/751576264585242935/To-Path

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

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

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

    Работает не корректно. Разные межбуквенные расстояния, выбивает некоторые буквы из текста.

  2. Ольга

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

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

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