数字插画基础知识27课件.pptxVIP

上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMYILLUSTRATOR数字插画基础知识

SVG上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMY

上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMYILLUSTRATORWEB图形SVG关于SVGGIF、JPEG、WBMP和PNG等用于Web的位图图像格式，都使用像素网格来描述图像。生成的文件有可能很庞大，局限于单一（通常较低）的分辨率，且在Web上会占用大量带宽。SVG是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小，可在Web、打印甚至资源有限的手持设备上提供较高品质的图像。用户无须牺牲锐利程度、细节或清晰度，即可在屏幕上放大SVG图像的视图。此外，SVG提供对文本和颜色的高级支持，它可以确保用户看到的图像和Illustrator画板上所显示的一样。SVG格式完全基于XML，并提供给开发人员和用户许多类似的优点。通过SVG，您可以使用XML和JavaScript创建与用户动作对应的Web图形，其中可具有突出显示、工具提示、音频和动画等复杂效果。可以使用“存储”、“存储为”、“存储副本”或“存储为Web和设备所用格式”命令以SVG格式存储图稿。要访问SVG导出选项的完整组合，请使用“存储”、“存储为”或“存储副本”命令。“存储为Web和设备所用格式”命令提供了一部分SVG导出选项，这些选项可用于面向Web的作品。

上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMYILLUSTRATORWEB图形SVG关于SVG在Illustrator中建立图稿的方式将影响到生成的SVG文件。记住下列原则：请使用图层将结构添加到SVG文件。将图稿存储为SVG格式时，每个图层都被转换为组(g)元素。（例如，在SVG文件中，名为Button1的图层变为gid=Button1_ver3.0。）嵌套图层将成为SVG嵌套组，而隐藏的图层会被保留（其SVG样式属性为display=none）。如果希望不同图层上的对象显示为透明，请调整每个对象（而不是每个图层）的不透明度。如果改变了每个图层级别的不透明度，则生成的SVG文件在Illustrator中显示时不会显示透明。栅格数据不能在SVG查看器中缩放，并且不能像其他SVG元素那样被编辑。如果可能，请避免创建在SVG文件中会被栅格化的图稿。以SVG格式存储时，使用栅格化、艺术效果、模糊、画笔描边、扭曲、像素化、锐化、素描、风格化、纹理和视频等效果的渐变网格和对象会被栅格化。同样，包含这些效果的图形样式也会产生栅格化情形。请使用SVG效果，从而在不导致栅格化的情形下添加图形效果。在图稿中使用符号并简化路径以提高SVG性能。如果性能是优先考虑的因素，还要避免使用生成大量路径数据的画笔，如炭笔、炭灰笔以及卷轴笔。请使用切片、图像映射和脚本将Web链接添加到SVG文件。脚本语言（如JavaScript）为SVG文件带来了无限的功能。指针移动和键盘移动可以调用脚本功能（如翻转效果）。脚本也可以使用文档对象模型(DOM)来访问和修改SVG文件；例如，插入或删除SVG元素。

上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMYILLUSTRATORWEB图形SVG应用SVG效果可以使用SVG效果添加图形属性，如添加投影到图稿。因为SVG效果基于XML并且不依赖于分辨率，所以它与位图效果有所不同。事实上，SVG效果就是一系列描述各种数学运算的XML属性。生成的效果会应用于目标对象而不是源图形。Illustrator提供了一组默认的SVG效果。您可以用这些效果的默认属性，还可以编辑XML代码以生成自定效果，或者写入新的SVG效果。注意:要修改Illustrator的默认SVG滤镜，请使用文本编辑器来编辑“DocumentsandSettings/userdir/ApplicationData/Adobe/AdobeIllustratorCS5Settings/location”文件夹中的AdobeSVG滤镜.svg文件。可以修改现有的滤镜定义、删除滤镜定义以及添加新的滤镜定义。

上海市工艺美术职业学院SHANGHAIARTDESIGNACADEMYILLUSTRATORWEB图形SVG应用SVG效果 选择一个对象或组（或在“图层”