[原创] 如何将多幅JGP图片合成GIF动画图片

电脑教程 学习这个教程之前，应该先了解上一个教程《简单方法制作动画图片步步走》：（http://www.lnlt.cn/viewthread.php?tid=6957&extra=page%3D1）。那里说过的这里不再重复，如：在Photoshop中的一些步骤，以及最后的保存文件等。

1、启动photoshop，打开四幅图片。
2、先将四幅图片的大小都改为相同规格像素，然后用选中工具拖动，将三幅图片移动到一幅图片上，对好位置。注意，把想要最后显示的图放在最上面，最先显示的放在最下面。比如我这里的顺序是“春、夏、秋、冬”，那就把春放在最下面作为底图，把其他图依次放在它上面，而把冬移放在最上面。移动后关闭其他三幅图片，留下四幅图在一起的那个，保存文件。（注意：图层面板上应该有4个图层）

3、启动ImageReady打开刚保存的文件。如图应该也显示4个图层。分别是图层3、图层2、图层1和图层0（红框处），分别为冬、秋、夏、春（按显示顺序倒排）。看不到4个图层可以通过滚动按扭来看。
下载 (115.48 KB)
2007-8-29 15:57

4、复制当前帧。（红箭头）
5、按过度按扭（红圈1），会出现过度对话框，在要添加的帧选择30。（红圈2）
下载 (150.49 KB)
2007-8-29 15:57

6、点击第一帧（红圈1），选择图层1将那个眼睛按扭点去，还是在第一帧，选择图层2，也是将那个眼睛按扭点去，还是在第一帧，选择图层3，也是将那个眼睛按扭点去（红圈2） 。
下载 (137.46 KB)
2007-8-29 15:57

三个图层都去掉眼睛后，如图中红圈。
下载 (126.11 KB)
2007-8-29 15:57

7、选择第五帧和图层1（红箭头，注意：选择时在帧或图层上单击鼠标，蓝色显示即为选中），注意那（红圈1）的地方，在那用鼠标点击一下，点好后那个眼睛又显示了，将不透明度改为50%(红圈2）
8、下面依次选择第六帧，当前图层不变还是图层1，在那个（红圈1）的地方点击一下。同样的眼睛会显示出来，改不透明度为60%
选择第七帧，当前图层不变还是图层1，在（红圈1）的地方点击一下，使眼睛显示，再改不透明度为70%
选择第八帧，当前图层不变还是图层1，在（红圈1）的地方点击一下，使眼睛显示，再改不透明度为80%
选择第九帧，当前图层不变还是图层1，在（红圈1）的地方点击一下，使眼睛显示，再改不透明度为90%
选择第十帧，当前图层不变还是图层1，在（红圈1）的地方点击一下，使眼睛显示，不透明度不变为100%
下载 (139.15 KB)
2007-8-29 15:57

9、在第十帧的选择帧延迟时间为1秒延迟(红箭头）
下载 (138.26 KB)
2007-8-29 15:57

10、选择第十一帧，当前图层不变还是图层1，使眼睛显示，再改不透明度为90%
选择第十二帧，当前图层不变，使眼睛显示，再改不透明度为80%
选择第十三帧，当前图层不变，使眼睛显示，再改不透明度为70%
选择第十四帧，当前图层不变，使眼睛显示，再改不透明度为60%
选择第十五帧，当前图层不变，使眼睛显示，再改不透明度为50%
11、选择第十一帧（红箭头），当前图层变换为图层0，点击（红圈）的地方要使眼睛不显示
下载 (126.92 KB)
2007-8-29 15:57

12、同理一帧一帧如同上步所做一样。将第十二帧到第三十二帧图层0的眼睛全部点去，可以先点第十二帧，然后按住shift键点第三十二帧，全部选中再点图层0的眼睛，同时去掉这些帧的眼睛图标。（做完后的效果如图中红圈）
13、这时需要变换图层次序。将鼠标移动至图层1点击左键不放，然后拖动该图层向上移动一层（如红箭头所指位置），移到绿色线所指的地方，放开鼠标。如图  
下载 (134.58 KB)
2007-8-29 15:57

改变后图层顺序如图
下载 (91.46 KB)
2007-8-29 15:57

1

评分人数

• 精品文章   威望 + 1 金钱 + 3

  

  夕阳红

收藏 分享 回复 引用

评分 报告 使用道具

霜叶

• 发短消息
• 加为好友

霜叶 (禁止发言)当前离线

UID

1604 

帖子

3157 

精华

11 

积分

4767 

阅读权限

150 

性别

女 

来自

北京海淀 

在线时间

964 小时 

注册时间

2007-7-2 

最后登录

2010-9-27 

总版主

---

管理此人
禁止  帖子

2^# 发表于 2007-8-29 16:17 | 只看该作者 中老年征婚再婚网 14、选择第十一帧（红箭头），改变当前图层为图层2，注意红圈这里眼睛是不显示的，点击红圈将眼睛显示出来
下载 (119.91 KB)
2007-8-29 16:17

15、选择第十二帧，当前图层不变仍图层2，点击使眼睛显示。同理第十三帧到第十六帧，当前图层不变仍图层2，点击红圈处使眼睛显示。其不透明度都是100% ，可以同时选中这几帧，一起做（方法见第12，选中后如图中红框），点击图层2（红圈）显示眼睛。
下载 (116.62 KB)
2007-8-29 16:17

16、第十六帧将其延迟改为1秒延迟。
依次：选择第十七帧，当前图层不变仍图层2，点击使眼睛显示。
同理第十八帧到第二十一帧，当前图层不变仍图层2，点击使眼睛显示（仍可以同时选中这几幅图一起做）。其不透明度都是100%
选择第十七帧，改变当前图层为图层3（红箭头），点击（红圈1）使眼睛显示，最后将其不透明度值改为50%（红圈2）
下载 (122.89 KB)
2007-8-29 16:17

选择第十八帧，当前图层不变为图层3，点击使眼睛显示，最后将其不透明度值改为60%
选择第十九帧，当前图层不变为图层3，点击地方使眼睛显示，最后将其不透明度值改为70%
选择第二十帧，当前图层不变为图层3，点击地方使眼睛显示，最后将其不透明度值改为80%
选择第二十一帧，当前图层不变为图层3，点击使眼睛显示，最后将其不透明度值改为90%
选择第二十二帧，当前图层不变为图层3，点击使眼睛显示，其不透明度值为100%
将第二十二帧的延迟改为1秒延迟（红箭头）
下载 (122.79 KB)
2007-8-29 16:17

17、做到这里会发现多出很多帧，可以将其删除。，选择二十三帧，再点击“删除选择的帧”按扭（红箭头）。注意：按一下后就删一帧，但二十三还在，因为后面的二十四帧会顶上来，继续按，直到全部删完，但不要点击太快，以免把需要的帧给删了。
下载 (134.05 KB)
2007-8-29 16:17

删完后，应该显示有22个帧。
最后，再回到第一帧，延迟时间选为1秒（红箭头）。
下载 (140.97 KB)
2007-8-29 16:17

选择将优化结果存储为导出GIF文件。
最后的效果。
下载 (804.99 KB)
2007-8-29 16:17

再说点，在1、10、16和22帧选择延迟1秒，主要是在这四帧主画面上停留的时间多点，可以根据需要选择不同的延迟。

一个帖要发两次才成功，终于发完了！好累。
这个比两幅图的要复杂一些，一步步耐心做，不是很难的。祝你成功！