Главнаяfigma.yourlevelup
Уроки
Урок 4 · 45 минут

СЛОЖНЫЕ ФОРМЫ
ИЗ ПРОСТЫХ

Булевы операции — Boolean Operations — помогают собрать новый силуэт из кругов, овалов и прямоугольников. Сегодня создадим логотип проекта.

Начать практику
Перед началом

ГДЕ НАЙТИ КОМАНДЫ

Выдели две фигуры. Открой меню булевых операций в верхней панели Figma и выбери нужную команду. Если не видишь кнопку, открой поиск действий и введи название операции.

После каждого объяснения сразу выполняй упражнение в Figma. Для следующей операции рисуй новую пару фигур, чтобы сохранить результаты.
Операция 1 · Сразу пробуем

Union — Объединение

Объединяет все выбранные фигуры в общую форму.

До
После Union
↗
Попробуй самНарисуй два пересекающихся круга. Выдели оба и примени Union selection. Попробуй также круг и прямоугольник.
Операция 2 · Сразу пробуем

Subtract — Вычитание

Верхняя фигура вырезает область из нижней.

До
После Subtract
↗
Попробуй самСоздай большой круг и круг немного меньше поверх него. Сдвинь маленький круг вправо, выдели оба и примени Subtract selection. Получится полумесяц. Раскрой группу в Layers и поменяй порядок кругов: результат изменится.
Операция 3 · Сразу пробуем

Intersect — Пересечение

Остаётся только общая область выбранных фигур.

До
После Intersect
↗
Попробуй самСоздай два одинаковых пересекающихся круга. Выдели оба и примени Intersect selection. Получится лепесток.
Операция 4 · Сразу пробуем

Exclude — Исключение пересечения

Общая часть двух фигур исчезает, остальные области остаются.

До
После Exclude
↗
Попробуй самСоздай новую пару таких же пересекающихся кругов. Выдели оба и примени Exclude selection. Сравни с Intersect.
Сохраняем возможность редактирования

ОДИН СИЛУЭТ —
ДВА СПОСОБА РЕДАКТИРОВАНИЯ

После Union фигуры выглядят объединёнными. Flatten меняет устройство объекта: вместо исходных фигур остаётся слой Vector.

До Flatten

Boolean Group

▾ Union　◯ Ellipse 1　◯ Ellipse 2

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

После Flatten

Vector

◇ VectorОдин векторный слойРедактируем точки и контуры

Исходных кругов внутри больше нет. Нажми Enter: теперь можно изменять точки полученного контура.

Схематичная иллюстрация: внешний силуэт одинаковый, но редактируется по-разному.

Сравни на практике

Сделай копию своего Union. На копии нажми правую кнопку мыши → Flatten. Сравни слои оригинала и копии, затем нажми Enter на Vector.

Windows: Alt + Shift + FMac: Option + Shift + F
Оставляй Boolean Group, пока меняешь исходные фигуры.

Перед Flatten сохрани копию. Один Vector может содержать несколько отдельных контуров: команда не соединяет раздельные части мостиком.

Короткая проверка

КАКАЯ ОПЕРАЦИЯ?

Слева — исходные фигуры, справа — результат. Определи, какая команда использована. В вычитании зелёная фигура лежит сверху.

ДоПосле

Вопрос 1

ДоПосле

Вопрос 2

ДоПосле

Вопрос 3

ДоПосле

Вопрос 4

Мини-практика

ПОВТОРИ ЦВЕТОК

Собери четыре овальных лепестка и вырежи круглое отверстие в центре. Лепестки должны перекрываться.

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

Самостоятельная работа · До конца урока

ЛОГОТИП ПРОЕКТА

Выбери один из трёх образцов или собственную идею. Собери знак из простых фигур в квадратном фрейме 800 × 800 px и добавь короткое название. Можно менять цвета и пропорции; лёгкие оттенки на образцах повторять не обязательно — достаточно однотонных заливок. Нажми на картинку, чтобы рассмотреть её крупнее.

Ракета с прозрачным иллюминатором, планета с кольцом и две звезды

ORBIT · Космос

Создай ракету с двумя крыльями, иллюминатором, пламенем, планетой и двумя звёздами.

Подсказка: какие операции пригодятся?

Intersect — корпус из двух овалов. Union — корпус и крылья, если они одного цвета. Subtract — отверстие иллюминатора и кольцо планеты. Части разных цветов оставляй отдельными.

Два облака, полумесяц, три звезды и прозрачное отверстие в большом облаке

NIGHT · Ночное небо

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

Подсказка: какие операции пригодятся?

Union — силуэт каждого облака из кругов и прямоугольника. Subtract — полумесяц из двух кругов и отверстие в облаке.

Росток с прозрачными прожилками в листьях и прорезью в горшке внутри кольца

GREEN · Экология

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

Подсказка: какие операции пригодятся?

Intersect — листья из пересечения двух овалов. Union — листья и стебель. Subtract — прожилки, прорезь в горшке и кольцо. Горшок можно получить, вырезав боковые части прямоугольника.

Клетки показывают прозрачность. Вырезы в образцах — настоящие отверстия. Создавай их через Subtract: если поменять фон фрейма, он должен быть виден сквозь отверстия. Белая фигура поверх рисунка не подходит.
Своя идеяПеред началом представь, из каких простых фигур можно собрать знак. Соблюдай те же требования.
Создать копию в Figma ↗

Кнопка создаёт копию шаблона. Для этого нужно войти в свой аккаунт Figma. Выполняй работу в своей копии. Прозрачные отверстия создавай через Subtract.

Требования к работе

Перед сдачей сравни работу с выбранным образцом. Сохрани редактируемую версию в Figma. Для экспорта выдели фрейм → Export → PNG; назови файл своим именем.

Бонус для тех, кто закончил раньше

Сделай второй вариант логотипа на тёмном фоне и сохрани читаемость знака и названия.