如何将多幅JGP图片合成GIF动画图片的技巧

来源:百度文库 编辑:神马文学网 时间:2021/02/27 20:51:13

[原创] 如何将多幅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秒,主要是在这四帧主画面上停留的时间多点,可以根据需要选择不同的延迟。

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