查看完整版本: 制作gif动画图片 全过程

制作gif动画图片 全过程

[SIZE=2][B]制作gif动画图片
[/B]首先先介绍下所用软件~
这里我用的是photoshop8.0，photoshop6.0以上的就自带ImageReady！因为考虑到很多不是很懂人,所以我讲的详细点！
当然其它的一些软件也可以做，这里我就不一一介绍了！
原图
[img]http://home.wangke.com/UploadFile/200412211182683050.jpg[/img]
[img]http://home.wangke.com/UploadFile/200412211183092614.jpg[/img]
第一步
启动photoshop，并打开需要的两幅图！
[img]http://home.wangke.com/UploadFile/20041221033124342.jpg[/img]
第二步
点击图象大小
[img]http://home.wangke.com/UploadFile/20041221044552390.jpg[/img]
会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！
[img]http://home.wangke.com/UploadFile/20041221071347024.jpg[/img]
第三步
很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好~将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下）
[img]http://home.wangke.com/UploadFile/200412210104277343.jpg[/img]
第四步
选择左边工具条上面左边的工具！
[img]http://home.wangke.com/UploadFile/200412210131524910.jpg[/img]
然后点住一幅图片将它拖至另一副图片里！
[img]http://home.wangke.com/UploadFile/20041221019587662.jpg[/img]
这时在图层里应该是有两个图层！
[img]http://home.wangke.com/UploadFile/200412210195971012.jpg[/img]
将两个图片根据画面的大小对对好~按保存！
[img]http://home.wangke.com/UploadFile/200412210215317168.jpg[/img]
第五步
这时启动ImageReady，打开你刚保存的图片！
[img]http://home.wangke.com/UploadFile/20041221026098534.jpg[/img]
注意红线圈的地方，这里应该显示两个图层！
第六步
在动画工具条里点击“复制当前帧”就是红色圈住的
[img]http://home.wangke.com/UploadFile/200412210314257338.jpg[/img]
复制后，在动画里会显示有两个帧！注意红色圈住的地方！
[img]http://home.wangke.com/UploadFile/200412210344564787.jpg[/img]
第七步
点击动画工具里的“过度...”按扭！
[img]http://home.wangke.com/UploadFile/200412210374996797.jpg[/img]
点击后会出现过度对话框！在“要添加的帧数”里选择你希望的帧数，默认是5，这里我们也选择5，然后点击“好”
[img]http://home.wangke.com/UploadFile/200412210402970651.jpg[/img]
[img]http://home.wangke.com/UploadFile/200412210403526189.jpg[/img]
这时下面动画栏里会显示有7个帧！如图
[img]http://home.wangke.com/UploadFile/200412210414515312.jpg[/img]
第八步
这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！（注意有兰色条显示的就是当前图层！
[img]http://home.wangke.com/UploadFile/200412210444667828.jpg[/img]
选择好当前图层后，点击动画栏里第二个帧！如图黄色箭头所指
[img]http://home.wangke.com/UploadFile/200412210461211507.jpg[/img]
点中后第二帧应该是兰色的！
然后在图层栏那边改透明度！将其从100%改为80%
[img]http://home.wangke.com/UploadFile/200412210491498152.jpg[/img]
第九步
接着选择第三个帧
[img]http://home.wangke.com/UploadFile/20041221050971818.jpg[/img]
将其不透明值改为60%
[img]http://home.wangke.com/UploadFile/200412210512315474.jpg[/img]
第十步
点击第4帧！
[img]http://home.wangke.com/UploadFile/200412210524342611.jpg[/img]
将其不透明值改成40%
[img]http://home.wangke.com/UploadFile/200412210532392287.jpg[/img]
第十一步
点击第5帧，将其不透明值改成20%
[img]http://home.wangke.com/UploadFile/200412210543538388.jpg[/img]
第十二步
点击第6帧，将其不透明值改成0%
[img]http://home.wangke.com/UploadFile/200412210554477724.jpg[/img]
第十三步
点击第1帧
[img]http://home.wangke.com/UploadFile/200412210573117273.jpg[/img]
点击“选择帧延迟时间”如图红圈里的
[img]http://home.wangke.com/UploadFile/200412210585039065.jpg[/img]
点击后会弹出个菜单！如图
[img]http://home.wangke.com/UploadFile/200412210594558126.jpg[/img]
选择0.2秒延迟后，第1帧下面会变为0.2秒，如图
[img]http://home.wangke.com/UploadFile/20041221111259472.jpg[/img]
第十四步
点击第7帧
[img]http://home.wangke.com/UploadFile/20041221134772443.jpg[/img]
将其也变为0.2秒延迟
[img]http://home.wangke.com/UploadFile/20041221142449525.jpg[/img]
第十五步
点击“播放”按扭。看下效果！
[img]http://home.wangke.com/UploadFile/20041221182255119.jpg[/img]
第十六步
准备保存了，在转为GIF文件前，先设下优化值！在预设一项将其值改为 GIF 128 仿色
[img]http://home.wangke.com/UploadFile/200412211112715404.jpg[/img]
然后选择文件菜单里的“将优化结果存储为”
[img]http://home.wangke.com/UploadFile/200412211124530005.jpg[/img]
选择文件名后，按好！就OK了！[/SIZE]
[img]http://home.wangke.com/UploadFile/200412211184596854.gif[/img]