Рецепт: Закрученный текст в Фигме

Как сделать закрученный текст в Фигме за 4 минуты: рецепт Владимира Жигунова

Читайте рецепт: https://bureau.ru/soviet/20230621/
Предложите свой рецепт: https://bureau.ru/soviet/become-recipe-author/

Рецепты — это пошаговые инструкции, как сделать анимацию, трёхмерный объект, реалистичную текстуру и другие красивые штуки. Рецепты выходят раз в две недели по средам.

00:00 Подготовьте шрифты. Скачайте и установите Гугль‑шрифты Moirai One и Prompt Bold.

00:04 Создайте новый файл. Откройте Фигму. Нажмите New Design File.

00:12 Напишите строку текста. Нажмите T. Кликните левой кнопкой мыши по рабочему полю и наберите «Good». В правой панели в блоке Text наведите курсор на поле с названием шрифта. Кликните на появившуюся стрелочку в правом углу и раскройте список. Найдите шрифт Moirai One и выберите его. В правой панели в блоке Text установите размер шрифта «87». В правой панели в блоке Fill кликните по полю выбора цвета. Введите «FB96F8». В правой панели в блоке Stroke нажмите левой кнопкой мыши на плюс. В поле выбора цвета напишите «FB96F8». Толщину обводки установите «0,5». Левой кнопкой мыши выделите текст. Зажмите Option/Alt и, не отпуская левой кнопки мыши, потяните в сторону. Так вы скопируете объект. Кликните по нему левой кнопкой мыши и замените текст на «ONLY». Измените цвет текста и его обводки на «67D6F7». Скопируйте текст. Введите «VIBES». Измените шрифт текста на Prompt Bold. Установите его кегль «95». Удалите обводку, кликнув на минус в блоке Stroke правой панели. Если у вас отключены линейки по краям рабочего поля, включите их сочетанием Shift + R. Подведите курсор мыши к линейке на краю рабочего поля. Когда курсор превратится в стрелочку, зажмите левую кнопку мыши и потяните в сторону, появится направляющая. Зажмите клавишу Option/Alt и установите горизонтальную направляющую. Выровняйте по ней текст.

01:37 Продублируйте строку. Зажмите левую кнопку мыши и обведите строку текста. При помощи клавиши Option/Alt скопируйте текст. Нажимая сочетание клавиш Ctrl/Command + D, продублируйте строку текста несколько раз.

01:53 Сгруппируйте строки. Зажмите левую кнопку мыши и обведите строки текста. Клавишами Ctrl/Option + G сгруппируйте их.

02:04 Настройте изгиб текста. Выделите группу текста. Нажмите Shift + I. В поле поиска введите «Filter/effects». Выберите из списка плагин с таким названием. Нажмите Run. Нажмите плюс в окошке плагина в строке Effects. Выберите эффект Swirl. Перемещая слайдеры Radius и Angle, настройте форму волны текста.

02:44 Сохраните изображение. Нажмите на Back. Кнопкой Save as New Image сохраните изображение. На рабочем поле перетащите его в сторону.

02:51 Создайте фрейм с фоном. Выделите изображение и нажмите клавиши Ctrl + Alt/Option + G. В правой панели в блоке Fill установите цвет фрейма «001790». Левой кнопкой мыши кликните на изображение во фрейме. Во вкладке Fill нажмите на строку с ним. В правом верхнем углу окошка разверните вкладку Image и выберите Crop. Перетаскивая границы фрейма и изображения, выровняйте их.

03:48 Экспериментируйте с параметрами изгиба текста. Продублируйте текст. Примените к нему эффект Swirl и попробуйте выставить другие значение Radius и Angle. Подберите цвет текста и фона.

Удачи!

Видео Рецепт: Закрученный текст в Фигме канала Бюро Горбунова