第11章 切片与网页输出-【千锋教育】IIIustrator CC平面设计实战

第11章切片与网页输出 ·Web安全色 ·Web图形输出 ·切片 江 目录 CATALOUGUE 01 Web安全色 02 切片 031 Web图形输出 初心至善匠心育人 学习目标 LEARNING OBJECTIVES 了解Web图形输出的 格式规范 了解Web安全色的概念 掌握切片工具的使用 方法 掌握切片选择工具的 使用方法 初心至善匠心育人 ·使用lllustrato可以制作网页设计图，图像制作完成后，需要对图像进行输出，以 便将其运用到网页开发中。本章将介绍与网页输出有关的工具，讲解Wb安全色 的概念以及Web图形输出的格式要求。 初心至善匠心育人 11.1Web安全色 ·不同的平台（Mac、PC等）有不同的调色板，不同的浏览器也有自己的调色板。 这就意味着一幅图显示在Mac上的Web浏览器中的效果与它在PC上相同浏览器中 显示的效果可能差别很大。 ·显示特定的颜色时，浏览器会尽量使用本身所用的调色板中与之最接近的颜色。 如果调色板中没有该颜色，浏览器就会通过抖动或者混合自身的颜色来尝试产生 该颜色。 初心至善匠心育人 11.1Web安全色 ·在lllustrator中，使用拾色器调整图形的填充色或描边色时，“"拾色器”对话框中 有时会显示警示图标，提示该颜色在不同浏览器中的显示效果会不同；单击该图 标，可以将该颜色替换为之与最接近的Wb安全色，如图所示。 领色努示 桥正阁色后 初心至善匠心育人 11.1Web安全色 ·在“拾色器”对话框中，可以通过勾选左下方的“仅限Wb颜色”选项，使拾色 器中显示的颜色都为Web安全色，即选择其中任何颜色都可以在Web中正常显示， 如图所示。 包am州m他 初心至善匠心育人 11.2切片 11.2.1 切片的概念 11.2.2 创建切片 11.2.3 编辑切片 初心至善匠心育人 11.2切片 ·在制作网页时，考虑到图片加载的速度问题，往往会将设计图裁切为多个图片， 然后将这些图片组合在一起显示在Wb浏览器中，以提升网页的加载速度，下面 详细讲解切片的相关知识。 初心至善匠心育人 11.2.1切片的概念 ·在lllustrator中，可以使用切片工具将制作的图像切割为几个部分。切片的种类有 用户切片和自动切片，用户切片是用户创建的用于分割图像的切片，自动切片是 软件根据用户切片的范围自动生成的切片，如图所示。使用切片选择工具可以选 中某一个用户切片。 初心至善匠心育人