分享

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

 柔轻如风 2010-09-27

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

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

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

3、启动ImageReady打开刚保存的文件。如图应该也显示4个图层。分别是图层3、图层2、图层1和图层0(红框处),分别为冬、秋、夏、春(按显示顺序倒排)。看不到4个图层可以通过滚动按扭来看。


4、复制当前帧。(红箭头)
5、按过度按扭(红圈1),会出现过度对话框,在要添加的帧选择30。(红圈2)


6、点击第一帧(红圈1),选择图层1将那个眼睛按扭点去,还是在第一帧,选择图层2,也是将那个眼睛按扭点去,还是在第一帧,选择图层3,也是将那个眼睛按扭点去(红圈2) 。


三个图层都去掉眼睛后,如图中红圈。


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


9、在第十帧的选择帧延迟时间为1秒延迟(红箭头)


10、选择第十一帧,当前图层不变还是图层1,使眼睛显示,再改不透明度为90%
选择第十二帧,当前图层不变,使眼睛显示,再改不透明度为80%
选择第十三帧,当前图层不变,使眼睛显示,再改不透明度为70%
选择第十四帧,当前图层不变,使眼睛显示,再改不透明度为60%
选择第十五帧,当前图层不变,使眼睛显示,再改不透明度为50%
11、选择第十一帧(红箭头),当前图层变换为图层0,点击(红圈)的地方要使眼睛不显示


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


改变后图层顺序如图
8.jpg
1

评分人数

  • 夕阳红

14、选择第十一帧(红箭头),改变当前图层为图层2,注意红圈这里眼睛是不显示的,点击红圈将眼睛显示出来


15、选择第十二帧,当前图层不变仍图层2,点击使眼睛显示。同理第十三帧到第十六帧,当前图层不变仍图层2,点击红圈处使眼睛显示。其不透明度都是100% ,可以同时选中这几帧,一起做(方法见第12,选中后如图中红框),点击图层2(红圈)显示眼睛。


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


选择第十八帧,当前图层不变为图层3,点击使眼睛显示,最后将其不透明度值改为60%
选择第十九帧,当前图层不变为图层3,点击地方使眼睛显示,最后将其不透明度值改为70%
选择第二十帧,当前图层不变为图层3,点击地方使眼睛显示,最后将其不透明度值改为80%
选择第二十一帧,当前图层不变为图层3,点击使眼睛显示,最后将其不透明度值改为90%
选择第二十二帧,当前图层不变为图层3,点击使眼睛显示,其不透明度值为100%
将第二十二帧的延迟改为1秒延迟(红箭头)


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


删完后,应该显示有22个帧。
最后,再回到第一帧,延迟时间选为1秒(红箭头)。


选择将优化结果存储为导出GIF文件。
最后的效果。
1春.gif

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多