Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Дизайн

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

14 
 

В современном дизайне иногда встречаются необычные решения — например, изогнутый текст, который придает композиции интересный и динамичный вид. Стандартные инструменты Figma такой возможности не дают, но решение есть.

Чтобы создать изогнутый текст в Figma, понадобится плагин. Разберём по шагам, какой плагин использовать и как с его помощью превратить обычный текст в изогнутый. Такой прием часто пригождается при работе над логотипами, баннерами и дизайном лендингов, где нужен акцентный визуальный элемент.

Установка плагина

Найдите плагин «To Path» в Figma Community. На странице плагина нажмите кнопку «Try it out».

После этого вы будете перенаправлены в Figma. Нажмите «Run», чтобы запустить плагин.

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

Делаем текст по кругу

Шаг 1. Напечатайте нужный текст и создайте форму, по которой он будет расположен. Для примера возьмем круг и текст, который разместим по его контуру.

Шаг 2. Выделите слои двух элементов — текста и фигуры — и запустите плагин. Для этого выделите оба элемента, зажав Shift и кликнув по каждому, затем откройте меню быстрых действий сочетанием Shift+I и выберите плагин «To Path».


Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13772 тендера
проведено за восемь лет работы нашего сайта.


Шаг 3. В окне плагина нажмите «Link». В результате получится примерно следующее:

Шаг 4. Осталось настроить отображение текста в плагине и отключить слой фигуры.

Подробнее о настройках плагина

  1. Vertical Align — перемещает текст над или под фигурой;

  2. Offset — двигает текст вдоль фигуры; справа от поля можно выровнять текст по левому краю, центру или правому краю относительно фигуры;

  3. Reverse direction of text — отражает текст и меняет его направление.

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

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

Источник: блог агентства Alekzo, alekzo.by

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




14

Лучшие статьи

Поделиться: 0 0 0
SEO-специалист в  Alekzo , Минск
 55  1  1

Оцените статью
Спасибо за оценку