现在让我们看看号称webPhotoshop的ImageReady。之所以把它称为webPhotoshop,就是表明它不仅有Photoshop强大的图形处理能力，而且还有非常强大的web图像处理能力，还可以创作富有动感的gif动画，有趣的动态按键，甚至漂亮的网页。所以，ImageReady完全有能力独立完成从制图到动画的过程。但它与Photoshop的紧密结合更能显示出它的优势。ImageReady是基于图层来建立的gif动画的，它能自动划分动画中的元素，并能将Photoshop中的图像用于动画帧。

　　在PhotoShop里处理好等会所需要的图片。保存图像，点击PhotoShop工具面板最下方跳转按钮直接转换到ImageReady的编辑环境。

　　在ImageReady的编辑环境，我们主要使用到的是Animation面板，开始时，该面板上默认只有一帧，点击面板下方添加按钮 ，插入新的图片可以新增加一帧。该新加入的帧其实复制前一帧的内容，只要通过层面板改变显示和隐藏的层，就产生了局部发生了变化的帧，这就象我们在复制一本书，一页一页地复制，直到这本书的封底。当完成所有帧的设置，再依次播放这些帧时，动画就产生了。



　　在每一个帧的下方，都显示着一个数字标记，这是表示在动画完成之后，本帧所代表的画面将迟延几秒。当然，数字越大，表示该画面停留的时间就越长，一般将重要的页面设置比较大的数值，便于引起别人的注意，一些效果过渡的画面可以取较小的值，这样可以增加动感效果。在设置完成以后，可以点击该面板下的播放按钮来对动画进行预览，通过预览，可以发现你不满意的地方，这样再修改，直到你满意为止。

　　作为在网页上使用的动画，在文件输出前对其进行优化处理是必不可少的，ImageReady在这方面也提供了比较出色的支持。Optimize面板可以让你对你的作品进行压缩优化设置设置，可以将动画输出格式设置为gif格式，尽量减少颜色数量可以很大程度上的减小生成的文件大小。 在完成所有设置后，记得保存好PSD格式的文件，便于以后必要的时候进行改动（其实这点是需要养成的好习惯）。到了最后时刻了，打开File菜单，选择SaveOptimized将文件保存成gif格式的动画文件。

　　如果你是一个PS高手的话，相信可以利用ImageReady制作出更经典gif动画。
Fireworks4.0是Macromedia公司推出的一款编辑矢量和位图的综合工具。与Dreamweaver和Flash合为网页制作三剑客。在Fireworks中,您可以创建动画广告条,动画标志,动画卡通等多种类型的动画图像.和其他一些动画编辑软件差不多，它是通过动画符号(symbol)在不同影格的不同设置，造成我们视觉上的变化。当影像随着影格播放,就形成了动画.因为该软件制作动画随意性比较大，所以下面用具体的步骤来说明。

　　1. 步骤一：新建一个文件，定义好长和宽，导入所需图片。

　　2. 步骤二：选中图片，选择modify菜单Animate->Animated selection，进入动画参数设置。

　　3. 步骤三：在frame 框中输入10，说明这个动画将由10个帧组成，帧数越多，动画越细腻，但是会加大文件大小。

　　4. 步骤四：在move框中输入200,这是设定移动的距离像素。

　　5. 步骤五：在direction中输入45,设定移动的角度，你可以点击工作区上的symbol，用鼠标拖动路径上的第一帧（绿色的点）和最后一帧（红色的点），来改变它们的位置。也可以拖动中间的帧（蓝色的点），改变整条路径(w)。

　　6. 步骤六：单击ok,Fireworks 将会问你是否添加新的frame（帧）。单击ok，将会自动添加新的帧，步骤同上。

　　现在图中的矩形上的右下角就会加上一个小小的箭头，表示这是一个动画符号（animation symbol),一条线表示这个符号的移动路径，线上的每一个点表示一帧。用鼠标拖动路径上的第一帧（绿色的点）和最后一帧（红色的点），来改变它们的位置。也可以拖动中间的帧（蓝色的点），改变整条路径。

　　你可以直接在工作区内预览这个动画。点击画布下方的播放/停止按钮，就可以播放动画。在frames面板上你可以看到每一帧的动画（如果frames面板不可见，选择window -> frames。）。

　　要在浏览器中看到这个动画，就必须输出成gif动画格式或swf格式。

　　1) 打开optimize(优化）面板。


　　2) 选择输出格式设为animated gif（必须的）。
　　3) 单击菜单上file -> export命令。
　　4) 保存类型选择 html and images就可以输出一个html文件。

　　Fireworks对创建的任何对象或导入的对象都可以作为动画符号。每一个符号都有自己独立的属性。所以你可以针对不同的对象创建不同的动画形式,例如移动,淡入淡出等。

　　利用Fireworks你的创作可以更自由，更有创意。