Как обрезать изображение по кругу?

Как обрезать изображение по кругу?

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

Сделать это используя Figma совсем не сложно.

К тому же это программным обеспечением официально бесплатно.

Способ 1

1. Создаем файл

File – New desing file

Шаг 1. Создаем рабочий файл

2. Помещаем в рабочую область файла нужную фотографию. (Можно методом перетаскивания или копированием через Буфер обмена)

Шаг 2. Размещаем в рабочей области фотографию с которой будем работать

3. Добавляем в рабочую область фигуру по форме которой нужно обрезать фотографию, например, круг: Shape Tools – Ellipse

4. Растягиваем фигуру эллипса до нужного размера. Для того чтобы получить окружность, нужно при растягивании фигуры держать нажатой клавишу Shift.

Шаг 3. Готовим фигуру по форме которой будем обрезать изображение

5. Помещаем фотографию в буфер обмена - клавиши Alt+Ctrl+C

6. Вставляем изображение в подготовленную фигуру - Alt+Ctrl+V

Шаг 4. Помещаем изображение в круг (или любую другую фигуру)

Осталось экспортировать полученное изображение.

Для этого:

• заходим в меню Export (в правой части рабочего окна)
• выбираем тип файла, например PNG
• и нажимаем кнопку Export Ellipse 1
• выбираем место сохранения.

Недостаток этого простого метода в том, что мы не можем выбрать какую часть фотографии поместить в круг или другую фигуру.

Если в этом есть потребность, то нужно воспользоваться другим методом

Способ 2

Первые шаги те же самые:

1. Помещаем в рабочую область фотографию

2. Готовим фигуру по форме которой хотим обрезать изображение.

3. Помещаем круг на нужную часть изображения

Шаг 1. размещаем геометрическую фигуру на нужную часть изображения

4. Нажимаем кнопку User as mask или сочетание клавиш Ctrl+Alt+M

5. В левом меню переместим объекты так, чтобы фото было выше эллипса

Шаг 2. Переместим объекты в группе так, чтобы изображение было над эллипсом

Дальше делаем все также как и в предыдущем способе

• заходим в меню Export (в правой части рабочего окна)
• выбираем тип файла, например PNG
• и нажимаем кнопку Export Mask group