Читать

Figma: Рисуем наградную ленту

04.08.2021 / Уроки

Мы уже познакомились с инструментами редактора Figma и теперь можем создать несложную графику. Начнём с простой иллюстрации — нарисуем наградную ленту. Ничего сложного: всего несколько шагов — и лента готова.


Создаём фигуру «Прямоугольник», которая будет служит фоном. Затем переходим к созданию сложной многоугольной формы. Для этого выбираем инструмент «Звезда».


Урок Figma

Урок Figma


В настройках фигуры мы можем задать количество конечностей звезды (2), радиус скругления углов (1) и величину угла в процентах (3). Затем под слоем со «звёздочкой» рисуем прямоугольник и переходим в режим редактирования фигуры — жмём Enter. Наводим курсор на нижнюю линию и в ровно посередине появляется индикатор. Кликаем. Появляется новая опорная точка (если не сразу появилась, повторяем). Теперь можно стрелочкой или курсором сдвинуть точку, чтобы получился красивый язычок ленты.


Урок Figma

Урок Figma


У нас будет две ленточки, поэтому наклоняем первую на 5 градусов. Затем создаём дубликат ленты (Ctrl+C и Ctrl+V) и наклоняем его на 5 градусов в обратную сторону. И немного смещаем вверх.


Урок Figma


Можно уже настроить цвета:


Урок Figma


Дублируем многоугольную «звёздочку» и немного уменьшаем каждую новую. Радиус скругления можно изменить, если при уменьшении «звёздочка» сильно теряет даже намёк на остроконечность.


Урок Figma


Инструментом «Перо» рисуем галочку. Настраиваем обводку: белый цвет, скруглённые углы, скруглённые концы.


Урок Figma

Урок Figma


Сделаем небольшую тень от «звёздочки». Для этого дублируем её и ленточку под ней. Заключаем две эти фигуры в группу слоёв (Ctrl+G). Теперь кликаем правой кнопкой по слою с ленточкой и выбираем «Использовать как маску». Слой со «звёздочкой» смещаем вниз и выкрашиваем в тёмный оттенок ленточки.


Урок Figma


Наградная лента готова!


Урок Figma






Комментарии (0)

avatar


НЕКОТОРЫЕ АРХИВНЫЕ ПУБЛИКАЦИИ

В новом уроке нарисуем простую форму авторизации. На данном проекте эта форма имеет стандартный вид, но в уроке нарисуем другую - нестандартную - форму. Фоном нам послужит как раз скрин главной страницы


01.12.2014 / Уроки

Внимание! Возможны спойлеры!
В течение многих лет Мистер Мичем забавлял местных детишек сказочными историями о свирепом драконе, обитающим на севере, глубоко в лесах...


10.12.2016 / Отзывы

Очередная порция невероятного художественного стиля от Mike с проекта Behance. Не перестаю удивляться создаваемым иллюстрациям и наслаждаться просмотром их подачи. А подача здесь действительно впечатляющая.


03.12.2016 / Арт

Заголовок, конечно, спорный, так как всё зависит от личных впечатлений каждого зрителя. Постараюсь выбрать самых ярких, на мой взгляд, персонажей, всем своим видом создающих атмосферу сказки.


29.04.2016 / Кино



ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ