附录2——14平面软件也能玩——网页和视频动画.pdfVIP

第14章 平面软件也能玩——网页动画和 3D图像 平面软件也能玩 14 ——网页动画和 3D 图像 随着网络的普及和网络技术的飞速发展，网页图像制作已经成为图形图像 软件的一个重要应用领域。Photoshop CS6 网页图像制作功能强大，可以直接对 网页图像进行优化、切片，并制作图像动画。 附录 2 第 14 章 平面软件也能玩——网页动画和3D 图像 14.1 网页——切片的应用 使用 Photoshop 的Web 工具，可以轻松构建网页的组件，或者按照预设或自定格式输出完整网页。我们下 面来了解Photoshop 中与网页有关的功能。 14.1.1 切片的类型 在制作网页时，通常要对页面进行分割，即制作切片。 通过优化切片可以对分割的图像进行不同程度的压缩，以便 减少图像的下载时间。另外，还可以为切片制作动画，链接 到URL 地址，或者使用它们制作翻转按钮。 使用切片工具 创建的切片称作用户切片，通过图层 创建的切片称作基于图层的切片。创建新的用户切片或基于 图层的切片时，将会生成附加的自动切片来占据图像的其余 区域。自动切片可填充图像中用户切片或基于图层的切片未 定义的空间。每次添加或编辑用户切片或基于图层的切片 时，都会重新生成自动切片。用户切片和基于图层的切片由 实线定义，而自动切片则由虚线定义，如图14-1 所示。 图14-1 切片 视频文件： 第 章 14.1.2 实战——使用切片工具 MP4\ 14 \ 14.1.2.mp4 01 | Ctrl+O 03 释放鼠标可创建一个用户切片，用户切片以外 单击“文件” “打开”命令或按 快捷键， 打开一个素材文件，如图14-2 所示。 的部分将生成自动切片，如图14-4 所示。 图14-3 绘制矩形框 图14-4 创建用户切片 图14-2 素材图像 专家提示 02 选择切片工具 ，在工具选项栏中的样式下 在制作切片时，按住 Shift 键的同时拖动鼠 拉列表中选择“正常”选项，在要创建切片的区域 标可以创建正方形切片；按住 Alt 键的同时拖动 上单击鼠标并拖出一个矩形框，如图14-3 所示。 鼠标可从中心向外创建切片。 363 Photoshop CS6 中文版完全自学教程（全彩版） 在切片工具选项栏的“样式”下拉列表中可以选择切片的创建方法，包括“正常”、“固定长宽比”和“固定 大小” 个选项，如图 所示。 3 14-5 图14-5 切片工具选项栏 “正常”选项：通过拖动鼠标确定切片的大小。 “固定长宽比”选项：选择该选项后，在切片工具选项栏中的“宽度”和“高度”数值框中输入数值， 可以设置切片的高宽比，创建固定长宽比的切片。 “固定大小”选项：可以指定切片的高度和宽度值，在画面单击，可创