Примеры использования булевых операций в Figma:
1. Объединение фигур (Union Selection):
- Создайте несколько векторных фигур (например, круги).
- Выделите все фигуры, зажав Shift.
- В верхней панели выберите "Union Selection" из меню Boolean Groups.
2. Вычитание фигур (Subtract Selection):
- Нарисуйте две векторные фигуры, одну поверх другой.
- Выделите обе фигуры.
- В верхней панели выберите "Subtract Selection" из меню Boolean Groups.
3. Пересечение фигур (Intersect Selection):
- Нарисуйте две векторные фигуры, пересекающиеся между собой.
- Выделите обе фигуры.
- В верхней панели выберите "Intersect Selection" из меню Boolean Groups.
4. Исключение фигур (Exclude Selection):
- Нарисуйте две векторные фигуры, не пересекающиеся.
- Выделите обе фигуры.
- В верхней панели выберите "Exclude Selection" из меню Boolean Groups.
5. Преобразование в кривые (Flatten Selection):
- Создайте группу из нескольких векторных фигур.
- Выделите группу.
- В верхней панели выберите "Flatten Selection" из меню Boolean Groups.
Примечание:
- После применения булевых операций, группа векторных фигур создается автоматически.
- Редактируйте отдельные элементы, выходящие за пределы группы, перемещая их из группы для дальнейшего редактирования.
- Экспериментируйте с порядком расположения фигур и видом, чтобы достичь нужного результата.
Эти операции помогут вам создавать сложные формы и изображения, комбинируя простые элементы в Figma.
Самостоятельная работа
1-ое задание:
1. Откройте Figma и создайте новый файл.
2. Импортируйте изображение с иконками социальных сетей и сервисов в Figma.
3. Используйте булевы операции (объединение, вычитание, пересечение, исключение, преобразование в кривые) для создания каждой иконки.
4. Группируйте каждую иконку для удобства.
5. Экспортируйте иконки в отдельные файлы в формате PNG.
2-ое задание (задание повышенной сложности):
1. Импортируйте изображение с четырьмя иконками в Figma.
2. Используйте булевы операции для точного воссоздания каждой иконки, обращая внимание на цвета и детали.
3. Группируйте каждую иконку.
4. Экспортируйте их в отдельные файлы в формате PNG.