AI制作svg格式logo
发布于 分类 Html5
88天前 有1个用户阅读过
前几天微软官方宣布不在技术支持老版浏览器 Internet Explorer 早期版本的支持将于2016年1月12日结束 ,大势所趋,我也不想为了那少部分人再过多考虑那些老掉牙的IE9-浏览器了,所以博客前端又重新使用bootstrap框架了,今天又完善了一下seonoco的LOGO图标并且制作了svg格式(此处你可以看一下我的LOGO),这样再也不用担心各种放大缩小时,LOGO会失真了。
网上是这样说的:
SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有互交功能,并可以随时插入到HTML中通过浏览器来观看。
我使用的矢量图工具是AI(Adobe Illustrator),几乎是没有使用过,所以过程中遇到问题是边上网搜索一边实践操作。
制作过程中主要几点记录如下,稍后有机会再完善为具体的图文教程:)
1.先创建镂空文字,然后创建轮廓。
2.分别对SEO 进行 对象--复合路径--释放,然后分别选中内部轮廓进行 对象--扩展 成新的便于镂空的复合路径
3.路径查找器 用形状模式 将SEO三个字母的形状相减,制作成镂空的。
4.存储为svg
然后通过文本编辑器查看svg文件,可以发现有的字符串可以在ai中编辑好,比如图层和组的名称...-- The End --