Figma 中将图片转换为圆形

教程 2024-11-29 14:01:22 28

Figma 是一款功能强大的设计软件,可让您创建各种图形和设计。其中一项常见的任务是将图片转换成圆形。本教程将逐步指导您完成在 Figma 中将图片转换为圆形的过程。

方法 1:使用裁剪工具

第 1 步:导入图片

将您要转换成圆形的图片拖放到 Figma 画布。

第 2 步:选择椭圆工具

从工具选项卡中选择“椭圆工具”。

第 3 步:绘制一个圆形

在图片上点击并拖动以绘制一个圆形选区。确保圆形完全包含图片。

第 4 步:裁剪图片

使用“Inspect”面板(按 I 键)调整椭圆的大小和位置,直到它完美匹配图片。然后点击“裁剪”按钮。

方法 2:使用蒙版

第 1 步:导入图片

如前所述,将图片拖放到 Figma 画布。

第 2 步:创建蒙版

选择图片图层,然后单击“图层”菜单 > “创建蒙版”。

第 3 步:创建圆形蒙版

使用椭圆工具在蒙版层上绘制一个圆形。这将创建图片的透明圆形蒙版。

第 4 步:调整蒙版

使用“Inspect”面板调整椭圆的大小和位置,直到它完美匹配图片。这将显示图片的圆形区域。

提示* 确保原始图片是正方形或圆形的,以获得最佳结果。
* 如果您要转换的图片不是正方形或圆形的,您可以使用 Figma 中的“约束比例”功能来强制它成正方形或圆形。
* 双击圆形蒙版或裁剪区域可以在 Figma 中编辑其属性。
* 尝试将圆形图片与文本、图标或其他元素结合起来,创建引人注目的设计。