ps第十二讲.docVIP

制作用于Web的GIF动画 要在网页中增加动态内容，可使用ImageReady制作动画GIF图像。由于动画GIF文件小，因此可在大多数Web浏览器中显示和播放。ImageReady为制作富有想象力的动画提供了一种方便易用的途径。 一、在ImageReady中创建动画 在ImageReady中，可以使用GIF动画文件从单个图像制作动画。动画GIF是一系列图像或帧，其中每帧都与前一帧稍有不同。这样快速显示这些帧时（就像电影一样），将产生运动的假象。可以用下面几种方法来制作动画： 使用动画调板中“复制到当前帧”按钮来创建动画帧，然后使用图层调板来定义每个帧的图像状态。 使用“过渡”功能来快速创建一系列文字变形或图层布透明度、位置或效果发生变化的帧，从而营造帧中的元素在运动或淡入淡出的假象。 打开一个包含多个图层的photoshop或illustrator动画文件，使每个图层成为一帧。 创建动画序列时，最好在图像窗口中选择“原稿”选项卡，因为当用户编辑帧内容时，这种视图不要求ImageReady重新对图像进行优化。将以GIF文件或QuickTime电影的方式输出动画文件。不能创建JPEG或PNG动画。 [在动画中使用图层：在ImageReady中创建动画时必须使用图层。通过将动画中的每个元素放在一个独立的图层中，可以在一系列帧中修改元素的位置和外观。 针对特定帧的修改：对图层所做的有些修改只影响活动的动画帧。默认情况下，通过图层调板命令和选项对图层所做的修改（包括图层的不透明度、混合模式、可视性、位置和样式）将针对特定的帧。然而，可以通过图层调板中的统一按钮，将对图层所做的修改应用于动画中所有的帧。 针对全局的修改：有些修改将影响包含图层的图层的所有帧。使用绘画和编辑工具、颜色和色调命令、滤镜、文字及其他图像编辑命令对图层中像素值所做的修改是全局性的。每个新建的帧一开始都是前一帧的拷贝，用户通过调整帧的图层来编辑它。可以将对图层所做的修改应用于单个帧、一组帧或整个动画。] 二、概述 在本课中，我们将处理一组图像，这些图像被用于一家鲜果汁公司的网页上。首先使用Web浏览器来来预览完成后的动画。 1）打开文件15end.html。该网页包含3个动画区域：文字Making Waves、进入图像的水分子式以及在水中游动病冒泡的海豚。网页中的文字和按钮只是用作占位符。预览完毕之后关闭文件。 处理文件之前，定义一个用于完成动画工作的新工作区。 2）选择“文件”“打开”，找到dolphin.psd以打开它。用于动画的元素已经制作好，因此在完成本课中的任务时，我们无须怎大图像窗口或缩放比例。 3）关闭调板组颜色、web内容和切片。 4）在信息调板组中选择选项卡“图层复合”，将该调板拉到最前面。 5）选择“窗口”“动画”以打开动画调板。拖拽动画调板的右下角将其增大，以充分使用工作区中的水平空间。 也可以将动画调板移到图像窗口附近，让工作区中的元素在一起。 6）选择“窗口”“工作区”“存储工作区”。 7）在“存储工作区”对话框中，输入animation，然后单击“确定”按钮。 这样，在任何时候都可以选择“窗口”“工作区”“animation”，来快速的恢复这些调板的位置和大小。 三、通过隐藏和显示图层来制作动画 也许制作两部动画的最简单方法是，在图层调板中使用眼睛图标来改变两个图层的可视性。例如，可以制作在不同的表情之间变化的角色动画，或者使物体以简单方式来回移动。 从图层调板可知，图像文件dolphin.psd包括5个图层。我们将其中的图层dolphin1和dolphin2用来制作第一个动画。 准备图层复合 在photoshop中有图层复合的功能，ImageReady中也有这样的功能，这使制作动画容易得多。 1）在图层调板中，确保图层background和dolphin1的可视性方框中有眼睛图标，而其他三个图层的可视性方框为空。 2）在图层调板中单击“创建新的图层复合”按钮。 3）在“新建图层复合”对话框中输入dolphin1，并确保复选框“可视性”被选中，然后单击“确定”按钮。 在图层复合调板中将出现一个名为dolphin1的新图层复合。 4）在图层调板中，通过单击隐藏dolphin1图层的眼睛图标，然后通过单击显示dolphin2的图层的眼睛图标。 5）重复2~3步以创建新图层复合dolphin2。 6）单击图层复合dolphin1左边的方框，将这些可视性状态应用于图像。方框中将出现一个标记，表明这是当前的图层复合。 现在有两个图层复合，可以将其作为即将创建的动画帧的起点。 2．开始创建动画 一开始，动画调板中只有一个帧：默认帧。在图层调板中显示了这个帧的当前可视性设置：只有两个图层（dolphin1和background）是可见的。这个帧被选中（