Туториал: Как сделать эффект тающего текста в Figma

Туториал: Как сделать эффект тающего текста в Figma

1. Выбираем инструмент текст, пишем любое слово, задаём цвет (в нашем случае #F9548F). Выбираем нужный вам шрифт (предпочтительно шрифт с мягкими краями, например: "Buba")

2. Двигаем буквы ближе, чтобы слово выглядело плотно через инструмент справа в колонке "Text", "Letter spacing".

Туториал: Как сделать эффект тающего текста в Figma

3. Переводим текст в вектор (Клик правой кнопкой мыши и выбор "Outline stroke"). В панели слоёв значок изменится с текста на вектор.

4. Выбираем наше слово и нажимаем Enter, чтобы появились точки по краям нашего объекта.

Туториал: Как сделать эффект тающего текста в Figma

5. Выбираем инструмент Pen и обводим каждую букву, чтобы сделать заливку.

6. Делаем заливку сочетанием Shift+X, выделив при этом объект с точками. Делаем так с каждой буквой.

Туториал: Как сделать эффект тающего текста в Figma

7. Находим нa freepick.ru векторный элемент drop of milk или drop of chocolate, подобный элементу сверху, открываем eго в llustratorи перетягиваем в Figma.

8. Поверх нашего элемента со стекающими каплями мы ставим каждую букву по очереди, начнёмс«т» Капли можно вытягивать и деформировать как считаете лучше композиционно.

Туториал: Как сделать эффект тающего текста в Figma
11
5 комментариев

сейчас по фигма много информации, изучить что ли, все же интересная вещь

Ответить

Обязательно. Мы сами в процессе :)

Ответить