Как создать 3D текст в Figma: 4 способа (Часть 1)
В этом мы рассмотрим 2 плагина, которые позволяют имитировать 3д пространство прямо в фигме, плагины распределены от наименее управляемым к наиболее гибким. Еще 2 плагина не поместились, но они ждут вас во втором посте)
Вперед!
1. Плагин Fast Isometric
Наименее гибкий плагин. Позволяет деформировать текст только в четырех плоскостях и настраивать толщину элементов. Все!
пример созданных в плагине цифр
Шаг 1. Создаем текст, задаем заливку нужного цвета
Шаг 2. Открываем плагин
Fast Isometric. Выбираем одну из 4 проекций. Задаем цвет для выпуклой части буквы и вводим HEX-код цвета, взять пипеткой цвет нельзя
Шаг 3. Меняем толщину объекта, если хотите, можете добавить обводку и выбрать ее цвет. Однако толщину обводки поменять нельзя
Шаг 4. Если создаете композицию из объектов, добавьте тени к ним для реалистичности.
2. Плагин Fig3D
В плане ракурса инструмент более гибкий, мы можем детально управлять углом обзора. Однако на цвет тени не повлиять, поэтому иногда результат может выглядеть грязновато.
Пример работы плагина
Шаг 1. Создаем текст нужного цвета и открываем плагин
Шаг 2. Настраиваем параметры. Рассмотрим некоторые из них:
Expose
определяет, насколько светлыми или темными выглядит изображение
Heigh отвечает за толщину буквы
Shadow Opacity - непрозрачность тени, Intensity - интенсивность освещения
Shadow Spread - расширение тени, Angle X и Y - смещение тени по осям X и Y
Шаг 3. Если создаете композицию из объектов, добавьте тени к ним для реалистичности.