SVG——新一代Web设计及互动媒体的革新

蓝骑士的Illustrator SVG中文教程指南

蓝骑士的Illustrator SVG中文教程指南  本教程仅作为对SVG特征和函数功能的一般性看法和介绍,通过本教程将对你在SVG方面潜在发展提供帮助。本SVG教程所有图片基本上都是用Adobe Illustrator 9.0完成的。许多图例结合了一些简单的javascript程式,读者可以进一步研究和探索这些程式的应用。 来源:啄木鸟Pythonic开源社区

1 准备

  本系统教程结合了SVG实例演示文件,如果你需要正常预览到文章中的SVG实例必须安装SVG插件或者使用完全支持W3C标准的浏览器。关于SVG浏览支持可以看SVG浏览器(Adobe SVG Viewer)指南这篇文章,

2 简介

  这里发布的教程仅作为对SVG特征和函数功能的一般性看法和介绍。目的是提供足够的信息以使你作为一位SVG创作者,通过本教程你能够对SVG这种格式的潜在发展性有一个基本的了解。另外, 这些文章也可以使你激发创作灵感来完成自己的SVG作品。 本教程的所有图片基本上都是用Adobe Illustrator 9.0完成的。许多图例结合了一些简单的javascript程式,读者可以进一步研究和探索这些程式的应用。

  注意:苹果机使用的Internet Explorer并不支持javascript插件,这是IE浏览器的局限性,不是Adobe SVG浏览器的缘故。因而,苹果机IE5.0使用者不能完全浏览教程中使用javascript的图例。建议使用Netscape来阅读本教程。请察看问题和解答。

  本教程被分为了四部分
  第一部分:称为"从Ilustrator起步",简单的解释了Illustrator新的SVG输出功能;
  第二部分:"SVG基础",包含了基础的图解和SVG显示功能的展示;
  第三部分:"动态SVG",包含了各式动画和SVG的相互作用关系;
  第四部分:各类应用主题和后续工作。

3 SVG中文教程指南目录

蓝骑士的Illustrator SVG中文教程指南

第一部分:蓝骑士的Illustrator SVG中文教程指南

第二部分:蓝骑士SVG教程:SVG从Illustrator起步

第三部分:蓝骑士SVG教程:SVG基础

第四部分:蓝骑士SVG教程:SVG动态与动画

第五部分:蓝骑士SVG教程:SVG后续工作

4 如何正确浏览教程

  为了你浏览的方便后几部分的内容结构化划分了。你可以依次阅读教程,也可以在上边的导航区域快速跳转到你所需要的部分。

  开始教程"蓝骑士SVG教程:SVG从Illustrator起步",祝你愉快!

(THE END)

 

将要更新