论坛 › 科技前沿 › 【跟我学】如何将多幅图合成gif文件

Theone 发表于 2006-1-17 16:25:22

【跟我学】如何将多幅图合成gif文件

1、启动photoshop，打开四幅图片！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135412231.jpg

2、先将四幅图片的大小都改为120像素 x 120像素，然后通过鼠标拖动将三幅图片移动到一幅图片上，对好位置！保存文件！（注意：入图红圈显示的地方应该有4个图层）

http://www.tomatolei.com/me/UploadFile/NewFile/200562135413249.jpg

这里具体怎样改图片大小，用鼠标拖动图片，我以前发贴讲过，就不在详述！

同时上述的步骤也可以在ImageReady中完成，但我还是建议大家在photoshop里做！

3、启动ImageReady打开刚保存的文件！如图应该也显示4个图层！看不到4个图层可以通过滚动按扭来看！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135413263.jpg

4、复制当前帧！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135413212.jpg

Theone 发表于 2006-1-17 16:28:53

5、按过度按扭

http://www.tomatolei.com/me/UploadFile/NewFile/200562135414160.jpg

会出现过度对话框，在要添加的帧选择30！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135414989.jpg

由于要多图合并，所以用到的帧数可能会多点，所以这里建议数字填大点，多了可以删的，当然选择小了，以后也可以加的

6、点击第一帧，选择图层1

http://www.tomatolei.com/me/UploadFile/NewFile/200562135414948.jpg

将那个眼睛按扭点去，如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135414373.jpg

7、还是在第一帧，选择图层2，也是将那个眼睛按扭点去

http://www.tomatolei.com/me/UploadFile/NewFile/200562135414840.jpg

Theone 发表于 2006-1-17 16:29:07

8、还是在第一帧，选择图层3，也是将那个眼睛按扭点去

http://www.tomatolei.com/me/UploadFile/NewFile/200562135415671.jpg

9、选择第五帧和图层1，注意那黄色圈住的地方，在那用鼠标点击一下

http://www.tomatolei.com/me/UploadFile/NewFile/200562135416772.jpg

点好后那个眼睛又显示了，如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135416987.jpg

将不透明度改为50%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135417618.jpg

Theone 发表于 2006-1-17 16:30:42

10、选择第六帧，当前图层不变还是图层1，在那个黄色圈住的地方点击一下！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135417193.jpg

同样的眼睛会显示出来，如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135417283.jpg

改不透明度为60%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135417635.jpg

11、选择第七帧，当前图层不变还是图层1，在那个黄色圈住的地方点击一下，使眼睛显示，再改不透明度为70%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135417123.jpg

12、选择第八帧，当前图层不变还是图层1，在那个黄色圈住的地方点击一下，使眼睛显示，再改不透明度为80%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135418256.jpg

注意蓝色圈住的地方，帧数多的话不会全部显示，这时可以通过滚动条和滚动按扭来移动

Theone 发表于 2006-1-17 16:30:54

13、选择第九帧，当前图层不变还是图层1，在那个黄色圈住的地方点击一下，使眼睛显示，再改不透明度为90%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135418277.jpg

14、选择第十帧，当前图层不变还是图层1，在那个黄色圈住的地方点击一下，使眼睛显示，不透明度不变为100%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135419627.jpg

15、在第十帧的选择帧延迟时间为1秒延迟，如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135419672.jpg

16、选择第十一帧，当前图层不变，黄色圈的地方要使眼睛显示，再改不透明度为90%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135419550.jpg

17、选择第十二帧，当前图层不变，黄色圈的地方要使眼睛显示，再改不透明度为80%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135419617.jpg

Theone 发表于 2006-1-17 16:31:04

18、选择第十三帧，当前图层不变，黄色圈的地方要使眼睛显示，再改不透明度为70%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135420790.jpg

19、选择第十四帧，当前图层不变，黄色圈的地方要使眼睛显示，再改不透明度为60%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135420817.jpg

20、选择第十五帧，当前图层不变，黄色圈的地方要使眼睛显示，再改不透明度为50%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135421413.jpg

21、选择第十一帧，当前图层变换为图层0

http://www.tomatolei.com/me/UploadFile/NewFile/200562135421791.jpg

点击黄色圈的地方要使眼睛不显示，如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135421655.jpg

注意为什么要在第十一帧改动？主要因为图层1在第十帧不透明度为100%，而十一帧是不透明度是90%，这时通过不透明度的变化其目的是要向第三幅图渐变！

Theone 发表于 2006-1-17 16:31:17

22、选择第十二帧，当前图层不变还是图层0，将黄色圈住的地方点击一下是眼睛不显示

http://www.tomatolei.com/me/UploadFile/NewFile/200562135422962.jpg

23、同理一帧一帧如同上步所做一样！将第十三帧到第三十二帧图层0的眼睛全部点去

http://www.tomatolei.com/me/UploadFile/NewFile/200562135422696.jpg

24、这时需要变换图层次序！将鼠标移动至图层1点击左键不放，然后拖动该图层向上移动一层（如蓝箭头所指），移到绿色线所指的地方，放开鼠标！如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135422796.jpg

注意，移好后图层1应该在图层2上面！如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135423772.jpg

25、选择第十一帧，改变当前图层为图层2（具体做法就是在图层2上用鼠标点击一下）注意黄色圈住的地方，这里眼睛是不显示的

http://www.tomatolei.com/me/UploadFile/NewFile/200562135423927.jpg

点击黄色圈住的地方，将眼睛显示出来

Theone 发表于 2006-1-17 16:31:30

http://www.tomatolei.com/me/UploadFile/NewFile/200562135423109.jpg

26、选择第十二帧，当前图层不变仍图层2，点击黄色圈住的地方使眼睛显示！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135423849.jpg

27、同理第十三帧到第十六帧，当前图层不变仍图层2，点击黄色圈住的地方是眼睛显示！其不透明度都是100%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135423467.jpg

28、第十六帧将其延迟改为1秒延迟

http://www.tomatolei.com/me/UploadFile/NewFile/200562135424674.jpg

29、选择第十七帧，当前图层不变仍图层2，点击黄色圈住的地方使眼睛显示！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135424517.jpg

Theone 发表于 2006-1-17 16:31:43

30、同理第十八帧到第二十一帧，当前图层不变仍图层2，点击黄色圈住的地方是眼睛显示！其不透明度都是100%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135424288.jpg

31、选择第十七帧，改变当前图层为图层3，点击黄色圈住的地方使眼睛显示，最后将其不透明度值改为50%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135424954.jpg

32、选择第十八帧，当前图层不变为图层3，点击黄色圈住的地方使眼睛显示，最后将其不透明度值改为60%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135425651.jpg

33、选择第十九帧，当前图层不变为图层3，点击黄色圈住的地方使眼睛显示，最后将其不透明度值改为70%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135425252.jpg

34、选择第二十帧，当前图层不变为图层3，点击黄色圈住的地方使眼睛显示，最后将其不透明度值改为80%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135425391.jpg

Theone 发表于 2006-1-17 16:31:54

35、选择第二十一帧，当前图层不变为图层3，点击黄色圈住的地方使眼睛显示，最后将其不透明度值改为90%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135425880.jpg

36、选择第二十二帧，当前图层不变为图层3，点击黄色圈住的地方使眼睛显示，其不透明度值为100%

http://www.tomatolei.com/me/UploadFile/NewFile/200562135426965.jpg

37、将第二十二帧的延迟改为1秒延迟

http://www.tomatolei.com/me/UploadFile/NewFile/200562135427436.jpg

Theone 发表于 2006-1-17 16:33:22

38、做到这里会发现多出很多帧，可以将其删除！，选择二十三帧，再点击删除选择的帧按扭（如图红圈的地方）

http://www.tomatolei.com/me/UploadFile/NewFile/200562135427809.jpg

注意：按一下后就删一帧，但二十三还在，因为后面的二十四帧会顶上来，继续删，直到全部删完，但不要点击太快，以免把需要的帧给删了！

删完后，应该显示有22个帧！如图

http://www.tomatolei.com/me/UploadFile/NewFile/200562135427490.jpg

最后按播放按扭看下效果！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135427538.jpg

选择将优化结果存储为导出GIF文件！

Theone 发表于 2006-1-17 16:33:34

最后的效果！

http://www.tomatolei.com/me/UploadFile/NewFile/200562135428670.gif

再说点，我在10、16和22帧选择延迟1秒，主要是在这三帧上停留的时间多点，可以根据需要选择不同的延迟！这是延迟为0.5秒的

http://www.tomatolei.com/me/UploadFile/NewFile/200562135428467.gif

这是没有延迟的

http://www.tomatolei.com/me/UploadFile/NewFile/200562135428924.gif

还有就是就是第一副图到第二图再到第三幅图我都用了改其不透明度50%、60%、70%、80%、90%这主要是使其变化时柔和一点！但第四幅图到第一幅没用所以其二者的变换生硬！

还有就是如果要使二副图变化的更柔和，就可以设置不透明度为5%、10%、15%、20%、25%、30%。。。。。。。95%、100%！

查看完整版本: 【跟我学】如何将多幅图合成gif文件