Как в фигме вырезать часть картинки
В Figma есть несколько способов "вырезать" часть изображения, в зависимости от того, что именно вам нужно. Вот основные методы, от самого простого к более сложным.
Быстрое кадрирование
Это самый частый и простой способ, чтобы убрать лишние края у картинки.
- Выберите изображение на канвасе.
- Нажмите Ctrl (или Cmd на Mac). Вы увидите, что курсор изменится на значок обрезки, а по углам и краям изображения появятся специальные маркеры.
- Потяните за эти маркеры, чтобы скрыть ненужные части изображения.
Что важно знать:
- Это не удаляет часть изображения навсегда. Вы всегда можете вернуть маркеры на место и показать скрытую область.
- Если вы хотите применить обрезку окончательно, можно создать маску. Этот способ рассмотрим в следующем разделе.
Создание маски
Этот метод позволяет "вырезать" изображение по форме любого объекта (прямоугольник, круг, произвольная фигура).
- Нарисуйте фигуру, которая будет формой вашего "выреза". Например, прямоугольник, эллипс или нарисуйте собственную фигуру пером (Pen Tool).
- Поместите эту фигуру поверх изображения, точно в том месте, которое хотите оставить.
- Выделите и фигуру, и изображение (зажмите Shift и кликните на них).
- Нажмите на значок маски в верхней панели (квадратик с кружочком внутри) или используйте горячие клавиши Ctrl+Alt+M (Cmd+Option+M на Mac).
Результат: Изображение будет видно только в пределах нарисованной вами фигуры. Всё, что за её пределами, станет невидимым.
Как редактировать:
- Чтобы переместить изображение внутри маски, кликните на него в списке слоев (внутри маски) и двигайте.
- Чтобы изменить саму форму выреза, кликните на слой-маску (фигуру) и трансформируйте её.
Рассмотрим, какие фигуры можно использовать для создания маски и для каких задач они лучше всего подходят. Типы фигур для вырезания изображений в Figma представлены ниже:
|
Тип фигуры |
Идеально для |
Как создать |
|---|---|---|
|
Прямоугольник (Rectangle) |
Классического кадрирования, создания миниатюр, фотографий в рамках. |
Инструмент R |
|
Эллипс (Ellipse) |
Круглых аватарок, выделения элементов в стиле "видоискатель". |
Инструмент O |
|
Произвольная форма (Pen Tool) |
Вырезания объекта по сложному контуру, создания уникальных форм. |
Инструмент P |
|
Готовые формы (Shape Tools) |
Добавления креативных элементов (звезды, стрелки, многоугольники). |
Инструмент Shift+U (Многоугольник) |
Пример использования: Выберите тип фигуры из таблицы в зависимости от вашей цели, поместите её поверх изображения и примените маску (Ctrl+Alt+M), чтобы получить нужный результат.
Обтравочная маска с помощью Fill
Это аналог маски, но более простой в использовании, если вы работаете с заливкой (Fill).
- Нарисуйте фигуру (например, круг).
- В панели Design на вкладке Fill выберите тип заливки Image.
- Загрузите ваше изображение. Оно автоматически "вставится" внутрь вашей фигуры.
- Чтобы отредактировать кадрирование, нажмите на ... рядом с изображением в панели Fill. Откроется окно, где вы можете перемещать и масштабировать изображение внутри фигуры.
Использование плагинов для сложных вырезаний
Если вам нужно вырезать объект с сложным контуром (например, убрать фон у фотографии человека), встроенных средств Figma может быть недостаточно. Здесь на помощь приходят плагины.
1. Откройте меню плагинов ( Plugins - Run plugin или нажмите / и начните вводить "plugin").
2. Найдите и установите один из популярных плагинов для удаления фона:
- Remove BG - автоматически удаляет фон с помощью ИИ.
- Image Tracer - может помочь конвертировать сложные формы.
3. Запустите плагин, и он автоматически создаст маску, убрав ненужный фон.
Вывод
Выбирайте тот способ, который лучше всего подходит для вашей задачи. Если нужно просто обрезать края, используйте Crop (Ctrl + drag). Если необходимо вырезать по форме (круг, звезда, своя форма), то используйте Маску. Чтобы быстро вставить картинку внутрь фигуры, применяйте Fill - Image. Для удаления сложного фона (как в Photoshop), используйте Плагин (например, Remove BG).