Туториал на помятый текст в Figma

Шаг 1

Пишем текст и переводим его в Outline Stroke (Ctrl+Shift+O).

Туториал на помятый текст в Figma

Шаг 2

С помощью Pen (P) рисуем плашки там, где мы хотим сделать изгиб.

Туториал на помятый текст в Figma

Шаг 3

Делаем ещё три копии нашего текста, далее, выделив плашки и текст, нажимаем:

Туториал на помятый текст в Figma

Шаг 4

А для третей копии, выделяем плашки, текст и нажимаем:

Туториал на помятый текст в Figma

Шаг 5

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

Туториал на помятый текст в Figma

Шаг 6

Сразу делаем тень внутри, чтобы было удобнее работать с разрезанными частями.

Туториал на помятый текст в Figma

Шаг 7

Теперь нам нужно поработать с кривыми и сделать наш текст не разрезанным, а помятым.

Туториал на помятый текст в Figma

Шаг 8

Для этого дважды кликаем по кусочку и объединяем нижние точки с основой. Добавляем немного объёма за счёт сдвига точек влево.

Туториал на помятый текст в Figma

Шаг 9

Самое главное теперь сформировать градиент, который даст эффект изгиба.

Туториал на помятый текст в Figma

Шаг 10

Тоже самое проделываем и с нижней частью. Не забываем про градиент. Благодаря ему мы можем получить такой крутой эффект.

Туториал на помятый текст в Figma

Все готово :)

Туториал на помятый текст в Figma

На этом все. Подписывайтесь на канал, оставляйте свои комментарии, а также не забывайте про наш Телеграм канал —> (https://t.me/Figmashporgalka) и до новых встреч.

11
Начать дискуссию