С подобной задачей мы можем столкнуться, например, создавая резюме или при размещении аватарки на лэндинге.
Сделать это используя Figma совсем не сложно.
К тому же это программным обеспечением официально бесплатно.
Способ 1
1. Создаем файл
File – New desing file
2. Помещаем в рабочую область файла нужную фотографию. (Можно методом перетаскивания или копированием через Буфер обмена)
3. Добавляем в рабочую область фигуру по форме которой нужно обрезать фотографию, например, круг: Shape Tools – Ellipse
4. Растягиваем фигуру эллипса до нужного размера. Для того чтобы получить окружность, нужно при растягивании фигуры держать нажатой клавишу Shift.
5. Помещаем фотографию в буфер обмена - клавиши Alt+Ctrl+C
6. Вставляем изображение в подготовленную фигуру - Alt+Ctrl+V
Осталось экспортировать полученное изображение.
Для этого:
- заходим в меню Export (в правой части рабочего окна)
- выбираем тип файла, например PNG
- и нажимаем кнопку Export Ellipse 1
- выбираем место сохранения.
Недостаток этого простого метода в том, что мы не можем выбрать какую часть фотографии поместить в круг или другую фигуру.
Если в этом есть потребность, то нужно воспользоваться другим методом
Способ 2
Первые шаги те же самые:
1. Помещаем в рабочую область фотографию
2. Готовим фигуру по форме которой хотим обрезать изображение.
3. Помещаем круг на нужную часть изображения
4. Нажимаем кнопку User as mask или сочетание клавиш Ctrl+Alt+M
5. В левом меню переместим объекты так, чтобы фото было выше эллипса
Дальше делаем все также как и в предыдущем способе
- заходим в меню Export (в правой части рабочего окна)
- выбираем тип файла, например PNG
- и нажимаем кнопку Export Mask group