清风－－AI练习贴

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

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

SVG是什么？

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

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

<?xml version="1.0" standalone="no" ?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";> <svg width="300" height="100" xmlns="http://www.w3.org/2000/svg";>     <rect x="25" y="10" width="280" height="50"           fill="red" stroke="blue" stroke-width="3"/> </svg>

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


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



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