Figma中文网 > 使用教程 > Figma如何把图片嵌入框内 Figma如何把图片转换成矢量图
Figma如何把图片嵌入框内 Figma如何把图片转换成矢量图
发布时间:2025/01/22 13:29:16

品牌型号:神州Gxt8

系统:Windows 10

软件版本:Figma入门版

Figma除了可以与CDR一样绘制设计图稿,还拥有图片编辑功能,可以像PS一样编辑图片。那么如何使用Figma简单编辑图片,例如修改图片形状和格式呢?这篇文章就告诉大家Figma如何把图片嵌入框内,Figma如何把图片转换成矢量图。

一、Figma如何把图片嵌入框内

除了给图片调色和增加字体,修改图片整体形状也是图片编辑的一种独特方式,在Figma中修改图片的方式为将图片嵌入指定的框形图案内,下面就向大家演示一下具体的操作方法吧。

1、把图片嵌入框内需要新建Figma设计文件来操作。打开网页Figma后,如图1所示,点击页面左上方的菜单图标,点击菜单栏中的“新建设计文件”。

新建设计文件
图1:新建设计文件

2、跳转进入设计文件页面后,如图2所示,找到页面下方的图形工具,在图形工具中有矩形、椭圆、多边形等多种图形框可选。选择其中一个图形制作图片外的图框,例如选择圆形,然后在纸张空白处画一个适当大小的圆。

绘制图框
图2:绘制图框

3、接下来将图片导入Figma,如图3所示,点击页面下方第三个图形功能中的照片小图标,然后在弹出页面选中图片点击“打开”,图片就导入设计文件页面了。

导入图片
图3:导入图片

4、打开图片后拖动鼠标在圆形图框中点击一下,图片就成功嵌入图框中了,这时,图片整体形状也就由方形变为圆形了。

将图片嵌入图框
图4:将图片嵌入图框

二、Figma如何把图片转换成矢量图

设计原稿多为矢量图,即使无限放大矢量图也不会模糊失真,这样图纸即使在传输的过程中压缩也不会影响细节呈现。与其对应的是位图,位图是由多个像素点组成的图象,也就是我们常见的照片。

位图格式多为PNG格式和JPG格式,矢量图格式多为SVG、PDF和EPS。为了使设计原稿不失真,需要将位图格式的图片转换为矢量图,例如将JPG格式图片转换为SVG格式,下面就向大家演示一下怎么通过转换图片格式将图片转换为矢量图。

1、首先将图片导入Figma设计文件中,如图5所示,点击页面下方的图片小图标。

点击图标
图5:点击图标

2、然后如图6所示,在弹出框中查看需要转换的图片格式,已知图片格式为JPG,点击“打开”,然后在Figma空白处点击一下,将位图图片导入纸张区域。

查看图片格式
图6:查看图片格式

3、导入的图片需要修改为SVG格式,这时如图7所示,找到页面右侧的导出功能,选择其中的格式“SVG”。

设置图片导出格式
图7:设置图片导出格式

4、随后如图8所示,点击导出功能中的“Export Unititled”,在弹出框中点击“导出”,导出图片后,SVG格式的矢量图图片就保存在电脑中了,这时图片就成功转换为位图了。

导出图片
图8:导出图片

三、小结

以上就是Figma如何把图片嵌入框内,Figma如何把图片转换成矢量图的相关教程。在Figma中,先绘制一个图框,再将图片导入图框即可将图片嵌入框内。另外,将图片导入Figma后,转换为矢量图的格式再导出即可将图片转换为矢量图,感兴趣就按上文步骤试试吧!

读者也访问过这里:
135 2431 0251