1. Подготовьте шрифты

Скачайте Moirai One

Скачайте Prompt

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

Скачайте Moirai One

Скачайте Prompt

2. Создайте новый файл

Откройте Фигму. Нажмите New Design File:

3. Напишите строку текста

Нажмите 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 и установите горизонтальную направляющую. Выровняйте по ней текст:

4. Продублируйте строку

Зажмите левую кнопку мыши и обведите строку текста:

При помощи клавиши Option/Alt скопируйте текст:

Нажимая сочетание клавиш Ctrl/Command + D, продублируйте строку текста несколько раз:

5. Сгруппируйте строки

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

6. Настройте изгиб текста

Выделите группу текста. Нажмите Shift + I. В поле поиска введите «Filter/effects». Выберите из списка плагин с таким названием. Нажмите Run:

Нажмите плюс в окошке плагина в строке Effects. Выберите эффект Swirl. Перемещая слайдеры Radius и Angle, настройте форму волны текста:

7. Сохраните изображение

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

8. Создайте фрейм с фоном

Выделите изображение и нажмите клавиши Ctrl + Alt/Option + G. В правой панели в блоке Fill установите цвет фрейма «001790»:

Левой кнопкой мыши кликните на изображение во фрейме. Во вкладке Fill нажмите на строку с ним. В правом верхнем углу окошка разверните вкладку Image и выберите Crop. Перетаскивая границы фрейма и изображения, выровняйте их:

9. Экспериментируйте с параметрами изгиба текста

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

Удачи!

Подписывайтесь, чтобы не пропустить следующие рецепты:

Над рецептом работали

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

РецептТехнический дизайн и графикаФигма
Отправить
Поделиться
Запинить

Рекомендуем другие советы