二、用移动的方式表现动画
Gif通过错位两帧相同的画面或局部,再以循环播放的方式,就可实现简单动画。
1 . 整体移动
实例一 :

①在photoshop中新建一个20×20像素,背景色为“透明”,分辨率为“72” ,“模式”为“RGB”的画布。
②用大小为“1”像素的铅笔,勾画出QQ表情。这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。(图一)

③选择菜单栏上的“文件”——“跳转到”——“Adobe Imageready”(shift+ctrl+M),或直接点击工具栏上最底部的图标。(图二)

④在Imageready的图层面板上,复制一个图层一复本,更名为图层2,并将此图层上移1个像素。(图三)



⑥在“动画”面板上将两帧的时间都设置为“0.1秒”,具体方法是点击帧下端的时间,弹出选择框,选译“0.1秒”。(图六)

⑦在“动画”面板上将“循环计数”设置为“一直有效”,具体方法是点击“动画”面板左下角的“循环计数设置框”,弹出选择框,选译“一直有效”。(图七)

⑧点击“动画”面板上的“播放键”,就可以看到动画啦。最后选择菜单栏上的“文件”——“将优化结果”储存为,在弹出的对话框中“保存类型”选择“仅限图像(*.gif)。为图像起个名字,就可以了。