阿里巴巴矢量项目图标制作流程
2015-04-24 18:06
477 查看
阿里巴巴图标库:http://www.iconfont.cn/
上传自己的icon:
点击图标管理->上传图标->查看帮助->点击图标制作模板链接下载模板->打开AI制作->ps图层复制到ai,(Ctrl+c Ctrl+v shift等比缩放)->制作完成->文件存储为svg格式->选项:字体文字选择svg 图像位置为嵌入->上传
应用到项目:点击上传的图片->点击购物车->存储为项目->选择项目 存储->点击项目图标管理Tab->下载至本地->本地解压->将.css .svg .eot .woff .ttf覆盖项目css下文件夹下相应文件就可以在文件中使用了~~
如果项目不存在,可以在点击购物车之后存储新项目名称,即可自动生成新项目。邀请成员:编辑项目->协作成员 输入成员名字即可。
上传自己的icon:
点击图标管理->上传图标->查看帮助->点击图标制作模板链接下载模板->打开AI制作->ps图层复制到ai,(Ctrl+c Ctrl+v shift等比缩放)->制作完成->文件存储为svg格式->选项:字体文字选择svg 图像位置为嵌入->上传
应用到项目:点击上传的图片->点击购物车->存储为项目->选择项目 存储->点击项目图标管理Tab->下载至本地->本地解压->将.css .svg .eot .woff .ttf覆盖项目css下文件夹下相应文件就可以在文件中使用了~~
如果项目不存在,可以在点击购物车之后存储新项目名称,即可自动生成新项目。邀请成员:编辑项目->协作成员 输入成员名字即可。
相关文章推荐
- 矢量图标制作流程
- 利用阿里巴巴的矢量图片库工具网站制作自己的图标字体
- 项目开发必备:Iconfont-阿里巴巴矢量图标库
- 项目制作流程
- 阿里UX矢量图标库–最强大的矢量图标库(Icon font制作力荐工具)
- 阿里巴巴矢量图标库
- 超棒的阿里巴巴矢量图标库——支持IE6
- 三步解决,阿里巴巴iconfont矢量图标在页面布局
- 国内某牛逼公司移动项目的制作流程
- [webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解
- 字体图标 制作流程
- 阿里巴巴矢量图标的使用Demo
- 制作 矢量图标
- 2017 阿里巴巴矢量图标库 导入所选图标到jsp页面步骤
- 【软件工程基础】个人数独项目介绍及制作流程
- WPF使用矢量字体图标(阿里巴巴iconfont)
- Android中使用Iconfont图标制作自己的矢量图库
- 阿里巴巴矢量图标的应用
- Iconfont-阿里巴巴矢量图标库
- Iconfont(阿里巴巴矢量图标库)上传图标显示空白的解决方法