4.创建视频动画
附录 成为Photoshop高手 —网页、3D与视频动画
在Photoshop中，可以使用图层和切片设计网页和界面元素，或直接对网页图像进行优化，轻松创建个性网页。此外，还可以在Photoshop中编辑3D对象和创建奇妙的视频动画。
下面我们将详细讲解各种制作网页、创建和编辑3D模型以及创建视频动画的相关知识。
1.网页切片
在制作网页时，通常要对页面进行分割，即制作切片。创建切片后，可以对切片进行移动、复制、组合等操作，还可以为切片制作动画、设置输出选项、链接到URL地址等。
（1）切片的类型
切片工具
可以将一个完整的网页切割成多个小块，以便对每一张进行单独的优化，方便网络上的下载。
使用切片工具
创建的切片被称为用户切片，通过图层创建的切片被称为基于图层的切片。创建新的用户切片或基于图层的切片时，将会自动生成附加的切片来占据图像的其他区域。自动切片可填充图像中用户切片或基于图层的切片未定义的空间。每次添加或编辑用户切片或基于图层的切片时，都会重新生成自动切片。用户切片和基于图层的切片由实线定义，而自动切片则由虚线定义，如图附-1所示。
（2）切片工具
选择切片工具
，工具选项栏显示如图附-2所示，在“样式”下拉列表中可以选择切片的创建方法，包括“正常”、“固定长宽比”和“固定大小”三个选项。
正常：通过拖动鼠标确定切片的大小。
固定长宽比：选择该选项可激活“宽度”和“高度”数值框，可在该数值框中输入数值，设置切片的高宽比，创建固定长宽比的切片。
固定大小：在数值框中指定切片的高度和宽度值后，然后在画面单击，可创建指定大小的切片。
图附-1 切片
图附-2 切片工具选项栏
专家提示：在制作切片时，按住<Shift>键的同时拖动鼠标可以创建正方形切片；按住<Alt>键的同时拖动鼠标可从中心向外创建切片。
（3）边讲边练----使用切片工具创建切片
本实例介绍使用切片工具创建固定长宽比的切片。有关切片的其他内容详见光盘中的“附录.pdf”文件。
文件路径：源文件\附录\15.1.3
视频文件：视频\附录\15.1.3.MP4
2.优化Web图像
优化图像是Web图像制作的一项重要工作。创建切片后，在满足基本质量的前提下，需要对图像进行优化，尽量缩小文件的大小，以便于在网络上存储和传输图像。
文件的大小取决于图像分辨率、图像尺寸、颜色数目和图像格式。网页图像分辨率使用显示器的分辨率72dpi，而图像尺寸也一般在设计时就已确定，所以优化图像主要是取决于颜色数目和图像格式这两个关键因素。
（1）网络图像格式
网络图像一般分为GIF、JPEG、PNG-8和PNG-24这4种格式。图像格式的选择主要取决于原图像的颜色、色调和图形等特性。一般情况下，连续色调图像（如照片）适宜压缩为JPEG格式，具有单调颜色或锐化边缘及清晰细节的图像适宜压缩为GIF或PNG-8格式，如图附-3所示。
图附-3 选择Web图像格式
（2）优化网络图像
Photoshop通过“存储为Web所用格式”对话框选择图像格式和控制各优化选项，对图像进行优化，以减小文件的大小。
下面以实例说明在Photoshop中优化图像的基本方法和流程。
手把手优化网络图像(https://www.daowen.com)
视频文件：视频\附录\手把手15-2.MP4
01 在Photoshop中打开需要优化的图像。
02 选择“文件”→“存储为Web和设备所用格式”命令，打开“存储为Web和设备所用格式”的对话框。
03 单击对话框上方的“四联”显示选项，以四联方式显示图像，如图附-4所示。
图附-4 “存储为Web”对话框
04 选择最佳文件格式。分别单击选择三个优化预览窗口，从如图附-5所示“预设”列表框中各选择一种图像格式，结果如图附-6所示。
图附-5 选择图像格式
05 从图中可以看出，JPEG格式的图像品质和文件大小是最合适的。因此，存储为JPEG格式是最佳的选择。
06 选择JPEG格式图像，为了使图像品质和文件大小达到最佳，还需在优化面板中调整各项参数。如图附-7所示，这里分别从“预设”列表框中选择“JPEG低”、“JPEG中”和“JPEG高”三种方案，效果如图附-8所示。
07 从效果图中可以看出使用“低”方案图像品质影响不大，但文件最小，因此是最佳的优化设置。选择“JPEG低”图像，如图附-9所示，单击“存储”按钮，保存优化后的图像。
图附-6 不同格式的图像效果
图附-7 “预设”下拉列表
图附-8 选择最佳品质
专家提示：图附-7所示的“预设”列表中列出了各种图像格式和相同文件格式下的不同设置。例如，JPEG格式包含高（品质60%）、中（品质30%）、低（品质10%）三种设置。
图附-9 存储
3.使用3D工具
在Photoshop CS6中，打开（创建或编辑）3D文件时，会自动切换到3D界面中，如图附-10所示。Photoshop能够足够保留对象的纹理、渲染、和光照信息，并将3D模型放在3D图层上在其下面的条目中显示对象的纹理。有关3D工具的其他内容详见本书光盘中的“附录.pdf”文件。
图附-10 3D界面
4.创建视频动画
在Photoshop CS6 Extended中，可以打开多种QuickTime视频格式的文件，可以在Photoshop中编辑视频的每个帧和图像序列文件，还可以使用任何工具在视频上编辑和绘制。使用Photoshop的“动画”面板，可以直接在Photoshop中制作GIF动画。
执行“窗口”→“时间轴”命令，可以打开“时间轴”面板，如图附-11所示。
图附-11 帧模式动画面板
在Photoshop中，“时间轴”面板以帧模式出现，并显示动画中的每个帧的缩览图。使用面板底部的工具可浏览各个帧，设置循环选项，添加和删除帧以及预览动画。
当前帧：当前选择的帧。
帧延迟时间：设置帧在回放过程中的持续时间。
循环选项：设置动画在作为动画GIF文件时的播放次数。
选择第一帧
：单击该按钮，可自动选择序列中的第一个帧作为当前帧。
选择上一帧
：单击该按钮，可选择当前帧的前一帧。
播放动画
：单击该按钮，可在窗口中播放动画，再次单击可停止播放。
选择下一帧
：单击该按钮，可选择当前帧的下一帧。
过渡动画帧
：单击该按钮，可以打开“过渡”对话框，在对话框中可以在两个现有帧之间添加一系列过渡帧，让帧之间的图层属性均匀变化。
复制所选帧
：单击该按钮，可向面板中添加帧。
删除所选帧
：单击该按钮，可删除选择的帧。
有关视频动画的其他内容详见本书光盘中的“附录.pdf”文件。
