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

Создание композиции в Figma за 7 шагов

Заходим в Figma и создаем новый Frame. ( Есть отдельная статья о первых уроках в Figma) Создаем круг, от которого будем отталкиваться, и обрезаем 1/4 круга. Окрашиваем его в любой цвет. Далее копируем наш круг 4 раза и поворачиваем в нужном направлении. Убираем внутренний цвет, оставляя только рамку с помощью клавиш Ctrl + X. Делаем толщину рамки 4 px. Меняем цвет рамки у центрального круга. Далее создаем 4 квадрата и у одного оставляем только рамку. Создаем еще 4 круга и у 3-ех оставляем только 1/4 круга, а один делим пополам. Красим в нужные цвета и расставляем. Далее создаем 3 квадрата. У двух скругляем два противоположных угла. У оставшегося скругляем верхний левый угол. В предпоследнем этапе создаем маленькие кружки и раскрашиваем в разные цвета. Располагаем в правильных местах. В последнем шаге создаем квадраты, у которых убираем один угол. Получается треугольник. На этом все. Наша простая композиция готова!) Спасибо что дочитали до конца. Если хотите поподробнее понять, как
композиция из простых фигур
композиция из простых фигур

Заходим в Figma и создаем новый Frame. ( Есть отдельная статья о первых уроках в Figma)

Создаем круг, от которого будем отталкиваться, и обрезаем 1/4 круга. Окрашиваем его в любой цвет.

первая деталь композиции
первая деталь композиции

Далее копируем наш круг 4 раза и поворачиваем в нужном направлении. Убираем внутренний цвет, оставляя только рамку с помощью клавиш Ctrl + X. Делаем толщину рамки 4 px. Меняем цвет рамки у центрального круга.

2 этап композиции.
2 этап композиции.

Далее создаем 4 квадрата и у одного оставляем только рамку.

3 этап композиции.
3 этап композиции.

Создаем еще 4 круга и у 3-ех оставляем только 1/4 круга, а один делим пополам. Красим в нужные цвета и расставляем.

4 этап композиции
4 этап композиции

Далее создаем 3 квадрата. У двух скругляем два противоположных угла. У оставшегося скругляем верхний левый угол.

5 этап композиции
5 этап композиции

В предпоследнем этапе создаем маленькие кружки и раскрашиваем в разные цвета. Располагаем в правильных местах.

6 этап композиции
6 этап композиции

В последнем шаге создаем квадраты, у которых убираем один угол. Получается треугольник.

7 этап композиции
7 этап композиции

На этом все. Наша простая композиция готова!) Спасибо что дочитали до конца. Если хотите поподробнее понять, как создать некоторые фигуры, то можно посмотреть еще одну мою статью.