将设计稿图标制作成iconfont(ps cs6 + ai cs6)
来源:互联网 发布:一元抽奖的软件是什么 编辑:程序博客网 时间:2024/06/05 16:55
项目开发中需要用到icon,iconfont网站上找的icon风格各式各样,就想着把设计稿的图标直接转成icon就好了。
1、先在ps装一个脚本( save-ps-to-svg1.0.jsx)。放在ps安装目录下的/Presets/Scripts中
参考此篇
脚本放进去后,ps就可以将文件保存为svg格式文件。
2、将设计稿的图标切出,单独保存xxx.psd。
3、把icon图层改名为xxx.svg
4、将图层save as svg。和psd同个目录下会保存有一个svg文件。(后来再试了一次发现合并的图层不能保存为svg)
5、用ai打开iconfont模板和svg文件。将svg拉到模板上,调整大小使其占满模板(模板大小为16px*16px)
6、此时的svg文件只有图标的路径,要填充颜色后转出的svg才会显示。
7、颜色和大小调整好后,再次存储为svg格式,替换之前的svg即可。
8、到iconfont网站上将svg文件上传,根据需求做微调就好了。
阅读全文
0 0
- 将设计稿图标制作成iconfont(ps cs6 + ai cs6)
- 初识 PS CS6
- PS CS6中如何制作简易GIF动画图片
- PS cs6快速制作一个简易gif图
- ps cs6提示不能安装
- PS CS6 打不开RAW格式文件
- Mac 版ps cs6 破解
- PS基础及选框工具笔记(CS6)
- 初识 PS CS6(十二)___用磁性套索工具制作选区
- PS(CS6)制作gif动画 "生日蛋糕上燃烧的蜡烛效果"
- 交你如何安装破解PS cs6
- 初识 PS CS6(十五)___分布图层
- 最新ps cs6序列号 永久免费可用
- ps cs6 画笔描边
- 如何安装破解版的ps cs6?
- 最新ps cs6序列号 永久免费可用
- ps cs6调油画效果教程
- PS CS6移动工具中图层与组设置快捷键切换(ps动作录制的妙用)
- C++ 一次创建多级目录
- 如何把httpclient请求头变成OKhttp请求
- 编写一个学生类Students,该类成员变量包括学号no、姓名name、性别sex和年龄age,该类的成员方法有genNo()getName ). * getSex().getAge().和setA
- 看书 ecma-262
- 关于button自动提交表单事件
- 将设计稿图标制作成iconfont(ps cs6 + ai cs6)
- Dubbo/Dubbox的服务暴露(一)
- 结构体
- c#之通过自定义集合彻底搞懂foreach这个语法糖
- 绑定service报错: java.lang.ClassCastException: android.os.BinderProxy cannot be cast to com.lubo.fmdigit
- 【bzoj3011】[Usaco2012 Dec]Running Away From the Barn
- 解决夜神连接不上
- 图像存储格式
- android事件总线EventBus3.0简单使用