单色位图图标转矢量

用户头像
郑州/UI设计师/8年前/285浏览
单色位图图标转矢量
用户头像
李阳光

介绍使用Fireworks将简单的单色位图转换成

对于新手设计师来说,在工作中用的图标不可能全部由自己绘制出来,而且在设计APP的时候常常需要使用矢量的图标,通常情况下,一大部分需要从网络上寻找矢量素材或者根据把位图临摹画成矢量的,如果我们看到网络上别人设计比较好的图标,又想得到矢量的图标应用到设计图,临摹起来又太麻烦,那怎么办呢?我给大家分享1种将单色位图或者简单的多彩图标转换成矢量图的方法:


1、用firewokrs将需要转换的位图打开,需要转换的位图最好选择分辨率稍微高一点的图片。

2、根据图片的实际情况,选择对应的选区工具,选区完成以后,选择:“修改选取框”-“转换为路径”命令,即可创建一个矢量路径。





2、用同样的方法将原位图中其他色块转成矢量路径。



3、自动生成的矢量路径会有一些多余的节点,或者和原来的位图不是很一致,需要手动使用“钢笔”工具和“部分选定”工具对路径节点进行调整优化。


钢笔工具:    部分选定工具:   





4、最终效果:


4
举报
|
收藏
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
四个人物分别在上网贴纸合集
户外旅行飞机情侣假日出行
一个男生和两个女生站在网页前面打招呼矢量
卡通女孩与网页表格3D渲染
男生坐在网页面前办公矢量插画
卡通风格网页页面3D渲染
网页设计——纸杯蛋糕
女生坐在网页面前办公矢量插画
 网页背景
网页页面矢量插画
男生坐在网页面前办公矢量插画
卡通女孩与网页表格3D渲染
商务网页
一个男生和两个女生站在网页前面打招呼矢量
卡通风格网页页面3D渲染
女生坐在网页面前办公矢量插画
 网页背景
一个人拿着优惠券准备支付购物电商矢量插画
网页页面矢量插画
卡通风格网页页面3D渲染
三个青年站在网页周边矢量插画
商务网页
三个青年站在网页周边矢量插画
四个人物分别在上网贴纸合集
三位美女围着网页看信息矢量插画
你可能喜欢
大家都在看
登录注册