新萤火虫论坛

 找回密码
 注册
查看: 1652|回复: 1

[12/09][教程][原创]【跟我学】如何将多幅图合成GIF文件

[复制链接]
发表于 2004-12-9 21:53:38 | 显示全部楼层

[12/09][教程][原创]【跟我学】如何将多幅图合成GIF文件

1、启动photoshop,打开四幅图片!



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



这里具体怎样改图片大小,用鼠标拖动图片,我以前发贴讲过,就不在详述!
同时上述的步骤也可以在ImageReady中完成,但我还是建议大家在photoshop里做!

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



4、复制当前帧!



5、按过度按扭



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



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

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



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



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



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



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



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



将不透明度改为50%



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



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



改不透明度为60%



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



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



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

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



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



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



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



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



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



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



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



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



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



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

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



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



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



注意,移好后图层1应该在图层2上面!如图



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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

删完后,应该显示有22个帧!如图



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



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

最后的效果!



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





这是延迟为0.5秒的



这是没有延迟的



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

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

评分

1

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2004-12-9 23:18:26 | 显示全部楼层
学过photoshop,不过,没学过ImageReady~
支持~加分了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|萤火虫

GMT++8, 2024-11-27 05:42 , Processed in 0.277244 second(s), 10 queries , File On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表