gif动画的制作过程

1、5.1 GIF动画制作原理 5.2 Image Ready简介5.3 Image Ready的界面5.4 动画的制作步骤5.5 (动画面板的使用5.6 常用动画制作方式及实例练习5.7 使用动作面板自动生成GIF动画5.8 优化动画案例gif广告的例子广告的例子5.1GIF动画制作原理 GIF动画的优势在于它在众多的浏览器上都能够被正常显示。 GIF动画每秒播放24帧。 常用的工具是Adobe的imagereadyUlead的GIFAnimator。5. 2 imageready简介5.3 imageready的界面 与 photoshop相比，增加了一些与网页制作相关的面板如优化面板、动画面

2、板。 工具箱：16组工具 控制面板组：6组控制面板 图像窗口：四个标签七彩文字变形文字波浪文字实例5.4 动画的制作步骤 动画实际上是一系列连续出现的静态图像，每一幅静态图像为一帧。每一帧与前一帧都有细微的变化，当这些帧连续、快速地显示时，就会产生运动的幻觉，这时就形成了动画效果。 制作动画的第一步是首先制作出组成该动画的各个帧。5.4.1 制作组成动画的各帧画面 动画的制作主要是在图层面板和动画面板上完成。一般地，需要先在图层面板中的各图层制作出动画的画面，再在动画面板中设置动画的帧，然后在每一帧上放置不同的画面。 以“welcome!”的文字在页面中由左上到右下运动为例加以说明。5.4.2

3、 动画的制作 动画面板主要用于创建、查看、设置动画。 动画面板出现后，若已经打开了某画面，则在动画面板中会自动生成该动画的第一个帧格。 单击动画面板下方的“复制当前帧”按钮，在动画面板上会出现一个新的帧格，缺省内容与前一帧的一样。5.4.3 动画的设置 同一个图层可以出现在多个帧里，但是不同的帧里面还可以为其设置不同的参数，以达到某种动画效果，如渐隐动画、聚光灯动画效果等。除此之外，还可以为制作好的动画作其他方面的一些设置，包括优化设置、速度设置、循环设置等。 1、优化设置 优化图像是在保持图像品质满足需要的前提下，最大限度地压缩图像的体积，减小图像文件的大小。 窗口-显示优化，单击双联按钮，

4、可以查看优化前与优化后的图像效果。在图的下方可以看到优化图像的大小及在指定的网络传输速率下该图像的下载时间。5.4.3 动画的设置 2、速度设置 由于用户根据不同的需要或效果，可能对不同帧的显示速度有不同的要求，即有些画面要播放得快，有些画面要播放得慢一些，可通过帧延迟来控制动画的速度，帧延迟时间以秒为单位。 3、循环设置 动画面板左下角有一个“一直有效”按钮5.4.4 动画的保存 “存储”和“存储为”是保存动画原文件，其文件格式是“psd”，保留有图层和动画帧的各种信息，可以对动画进行编辑和修改，但它本身并不是动画文件。要输出动画文件，要使用“存储优化结果”或“将优化结果存储为”选项。5.5 动画面板的使用 动画面板主要用来控制动画的设置和播放。5.5.1 帧的创建与复制 单击新建帧按钮，可以新建一个动画帧，或拖动一个已有的帧格到该按钮上进行复制。5.5.2 帧的选择5.5.3 帧的移动和删除 移动某帧，将其拖动到目标位置，松开鼠标左键即可。删除某帧，则要选好要删除的所有帧，单击删除帧按钮。 5.5 动画面板的使用5.5.4 制作帧间过渡 使用过渡按钮可以