В современном дизайне, иногда встречаются необычные решения, такие как изогнутые тексты, которые придают композициям интересный и динамичный вид. Однако стандартные инструменты в Figma не предоставляют такой возможности. Но не отчаивайтесь! В мире дизайна всегда найдется решение.
Чтобы создать изогнутый текст в Figma, вам понадобятся плагины, которые помогут достичь желаемого результата. В этой статье мы подробно разберем, какие плагины стоит использовать и как с их помощью легко преобразовать обычный текст в изогнутый. Шаг за шагом мы рассмотрим, как настроить и применить плагины, чтобы создать ваши собственные стильные дизайны с изогнутыми текстами.
Скачиваем плагин “To Path”: по ссылке
Установка плагина
После перехода по ссылке из браузера перед вами откроется новое окно, в котором нужно нажать на кнопку "Try it out"
После чего вы будите перенаправлены на Figma. Нажимаем на "Run" для запуска плагина
После установки программы вы можете изучить туториал, в котором подробно показано как пользоваться плагином
Делаем текст по кругу
1. На первом этапе необходимо напечатать нужный текст и создать форму, в которую он будет помещен.
В нашем случае для примера возьмем фигуру круга + текст, который будет размещен по контуру
2. Выделяем слои двух элементов - текста и рисунка - и запустите плагин
В начале выделите 2 нужных элемента с помощью зажатия клавиши shift и нажатия на каждый элемент в отдельности. После запускаем установленный нажатием на Shift+I и выбираем плагин "To Path"
3. После запуска плагина нажимаем на Link
В результате получится примерно следующее:
4. Осталось только настроить отображение текста в плагине и отключить слой фигуры.
Подробнее про настройки плагина:
1. Vertical Align - перемещает текст над или под фигурой;
2. Offcet - двигает текст вдоль фигуры. Справа от него можно выровнять текст слева, по середине, или справа относительно фигуры;
3. Revers direction of text - отражает текст по горизонтали и меняет направление текста.
В начале настройте отображение текста именно так, как вам нужно, после удаляйте текст и отключайте саму фигуру. В результате у вас получится примерно следующая картинка
Создание текста любой формы не представляет особой сложности и может быть осуществлено несколькими щелчками мыши благодаря ряду плагинов.
✨ Хотите стать частью нашего креативного процесса? Оцените статью или оставьте свой след в комментариях. Ваш взгляд – наш вдохновляющий катализатор!
