清风--AI练习贴

别怀疑,没看错:)我也要开始学习AI了,哈哈哈,当然了,我是不大可能学会画画了,我连个圆都画不好。废话不多说了,为何要学习AI,因为AI除了可以制作矢量图以外,还可以将图像输出为SVG格式,大家可以尝试把自己的AI图转存为SVG图像,可以用记事本打开这个SVG图像,会发现就是一个标准的XML文档。

IE如果要浏览SVG图像,请安装SVGView,我现在上不了国际网无法给出确切下载地址,大家到Google一下吧。

SVG是什么?

在万维网历史的大部分时间里,浏览器显示的图形都是光栅格式的。在光栅图像(如 GIF 或 JPEG 图像)中,文件包含图像中每个像素的颜色值。浏览器读取这些值并做出相应行动。它仅认识到单独的部分,而没有整体概念。
总的说来,这一系统有其优势,例如忠实再现摄影图像的能力,但它在某些情形下显得不足。例如,尽管浏览器能以不同大小显示一个图像,通常会产生锯齿边缘, 在这些地方,浏览器不得不为那些在原始图像中不存在的像素插入或猜测数值。此外,光栅文件格式的二进制性质使得难以(尽管不是不可能)基于数据库信息动态 地创建图像,并且动画最多也仅限于“翻动书本”类型的动画,即快速连续地显示单独图像。
向量图形,通过指定为确定每个像素的值所需的指令而不是指定这些值本身,克服了这些困难中的一部分。例如,向量图形不再为一个直径一英寸的圆提供像素值,而是告诉浏览器创建一个直径一英寸的圆,然后让浏览器(或插件)做其余事情。
这消除了光栅图形的许多限制;使用向量图形,浏览器只要知道它必须画一个圆。如果图像需要以正常大小的三倍来显示,那么浏览器只要按正确的大小画圆而不必 执行光栅图像通常的插入法。类似地,浏览器接收的指令可以更容易地与外部信息源(如应用程序和数据库)绑定,要对图像制作动画,浏览器只要接收有关如何操 纵属性(如半径或颜色)的指令即可。



接下来,尝试着在写一个SVG代码


 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>

              fill="red" stroke="blue" stroke-width="3"/>



效果如下:
此主题相关图片


接下来我们用AI打开这个SVG文件
此主题相关图片



发现是可以编辑的,OK,这也就是为何我要学习AI的原因,因为特别复杂的图形如果用纯代码写,费时费力,最好的方法,就是先用AI作出一个大概的型,然后用代码精确控制其变形或做动画,时时曲线完全可以用SVG来实现了:)

你可能感兴趣的:(其他)