Найти в Дзене
SokarWeb

Изучение фигур для будущей композиции. Часть 1

Создаем новый дизайн-файл в Figma. В верхней панели выбираем frame.

создание frame
создание frame

Красим наш Frame в любой цвет, делая это в правой колонке.

окрашивание фигур
окрашивание фигур

Научимся создавать круги и отрезать от них часть. Создаем круг либо из верхней панели или нажимаем клавишу O.

создание круга
создание круга

Зажмите клавишу Shift и круг получится ровным. Закрашиваем его в любой цвет. При наведении курсора мыши на середину правой стороны будет видна точка.

круг
круг

Кликаем на эту точку и двигаем курсор мыши с зажатой клавишей Shift так, как нам надо. Нам нужно 90 градусов.

обрезание круга
обрезание круга

Теперь мы удалим внутренний слой у круга. Сделаем дубликат нашего круга с помощью клавиши Alt. Нажмем на нашу фигуру, зажмем клавишу Alt и отведем курсор мыши в сторону. Потом отпустим курсор и затем уберем палец с клавиши. Дубликат готов. Выберем наш дубликат фигуры, и нажмем клавиши Shift + X. Должно получится так, как на рисунке ниже.

вырезание внутреннего цвета фигуры
вырезание внутреннего цвета фигуры

Теперь изменим цвет фигуры и увеличим толщину рамки с помощью окна с права. Сделаем толщину в 8px.

изменение толщины
изменение толщины

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

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