bucky 发表于 2010-4-15 13:49:10

GIF简易制作教程

编写by梦域理想乡bucky(QQ814929876)(图片显示不够大,请点击图片看)
我用的GIF制作软件是Ulead GIF Animator 5,我传上了网盘,大家可以自行下载。
此教程只针对由动画截取下来的片段制作为GIF与简单的GIF制作。

首先,你要有一个可以截取视频的软件,我个人推荐KMP播放器,然后用里面的功能,截取你想要的视频片段,既是你想制作GIF的片段:


得到视频片断后,把片段直接拖入GIF软件:

让软件自动打开:

点击“OK”,等到视频片断导入后,得到大概下面画面:


现在打算做这个片段,为了方便编辑,我们用把画面显示缩小一下。我门先把不要的片段删掉,左键点击删除片段的第1帧,按着“shift”,左键点击删除片段的第尾帧,然后松开“shift”,右键点击一下,出现下面工具栏:

用删除帧把片段删除,剩下的画面同样用上面的方法打开工具栏把画面帧属性的延迟调为6秒(6秒的话,使到在网络上的播放效果与在电脑上的播放效果比较相同):

现在我们做好准备工作了。

bucky 发表于 2010-4-15 13:52:50

用上面的工具栏这个图标测试一下网络播放效果(一定要测试,测试后才知道在网上的播放效果):http://www.acgland.com/p_w_upload/73_11760_8b89cdfed5505c5.jpg
是不是感觉很慢,首先我们精简一下帧数让片段的连贯播放速度回复到一般正常水平,大家按着“ctrl”,向下图这样梅花间竹的把帧删除,不要中途漏,利用鼠标中间的滚轮滚动帧栏:

然后用之前的方法删除帧。
现在大家再播放一次,是不是感觉播放速度比较正常。

现在用实力教大家做各种效果,为了方便教学,我把教学文件放上来。
教学文件为视频文件,用上面说的方法直接拖入软件,打开软件,教学文件的帧数一共是25帧:


现尝试制作这个GIF:
把第1~2帧、第14到25帧删掉。
按着“shift”把剩下的第1到11帧选上,鼠标右键面板,用相同的帧:

确定后,你会发现再第13帧后面重复了整套帧出来,然后选中新加的13帧,鼠标右键面板,用反向帧顺序,选“选定帧相反顺序”:

确定。
然后最上面的工具栏“编辑”——调整图像大小:

宽度调为200(高度会自动适应)。
最后“文件”——另存为“GIF”,OK。

bucky 发表于 2010-4-15 13:53:04

现在我们尝试制作这个GIF:
重新打开教学文件,只留下第5第9帧,其他全部删除掉(ctrl与shift结合来用),
之后与上面的步骤一样。

有时候我们想裁掉GIF上面的字怎么裁?用“编辑”——画布大小,出现下面面板:

有宽度与高度的数据对画面进行裁减,那9个小正方形就是咨询你想保留哪个方向的图象,大家自己尝试一下便可。
-----------------------------------
之前写了简单的GIF制作,现在也放在这里吧。
教程只是针对你要求的具体情况,不含原理说明,纯操作指导。
做这个GIFhttp://www.acgland.com/p_w_upload/73_27199_5abef6a1129401f.gif:
首先在PS里面准备素材,你自己预备的人物的头像,然后新建一个白色矩形长条(不懂建白色矩形长条看PS初级教程一http://www.acgland.com/read.php?tid=71111):

http://www.acgland.com/p_w_upload/73_11760_a2ea9a602f4de38.jpg
然后保存文件PSD,退出PS。

bucky 发表于 2010-4-15 14:48:13

直接把这个PSD文件拖到GIF制作软件的图标(不要先打开软件),让它自行打开:

http://www.acgland.com/p_w_upload/73_11760_32ed70008f1253e.jpg
点击确定,得看到下面画面:

http://www.acgland.com/p_w_upload/73_11760_895ef344a6c125b.jpg

右键点击一下右下角的图片,打开一个界面:

http://www.acgland.com/p_w_upload/73_11760_3316de5b5f2e20b.jpg
选择相同的帧,建立5个相同画面:

http://www.acgland.com/p_w_upload/73_11760_b276d193b21995c.jpg

点击1帧,然后直接用鼠标点击白色方块移动到图中位置。然后用鼠标右键点击白色方块的图层,选择对象属性:

http://www.acgland.com/p_w_upload/73_11760_08a2c31ce7491be.jpg
看到透明,填入30,确定:

http://www.acgland.com/p_w_upload/73_11760_1f602aa1922ab14.jpg

2~5帧重复上面的过程,把白色方块放到相应的位置,调好透明,得到下面效果:

http://www.acgland.com/p_w_upload/73_11760_09be2b5c57c9328.jpg

这时候点击左下角的播放键让自己兴奋一下:

http://www.acgland.com/p_w_upload/73_11760_b0d8cb17c29a118.jpg

兴奋完后左键点击1帧,按着“shift”,左键点击5帧,然后松开“shift”,右键点击一下,出现下面工具栏:

http://www.acgland.com/p_w_upload/73_11760_16bb882ba471558.jpg
点击画面帧属性,延迟输入6秒,然后确定。

用上面的工具栏这个图标测试一下网络播放效果(一定要测试,测试后才知道在网上的播放效果):

http://www.acgland.com/p_w_upload/73_11760_8b89cdfed5505c5.jpg

如果感觉效果不满意的话,就增加帧数,与调整延迟的时间,按自己喜好调。
然后文件——保存——另存为GIF。
做出来是不是与我们的勋章头上有些相似,至于那星星的制作,原理一样的。
你画一个星星,让它1帧出现,透明50;
让它2帧出现。
让它3帧出现,透明50;
让它4帧消失。

像天使的魔鬼 发表于 2010-4-15 15:10:04

回 3楼(bucky) 的帖子

好像初中是學過= ="

像天使的魔鬼 发表于 2010-4-17 17:27:06

能順給我kmp嗎??

崩月 发表于 2010-4-17 19:05:39

好似会了一点,手很笨。慢速度的好像总失败。
      
徽章也想做,可惜没PS工具,等晚上下好,去学习徽章的做法。

谢谢传教拉~

bucky 发表于 2010-4-17 22:17:45

回 5楼(像天使的魔鬼) 的帖子

好的,没问题

bucky 发表于 2010-4-17 22:18:02

回 6楼(崩月) 的帖子

做得不错~学会了

musquall 发表于 2010-4-18 14:10:34

也来学习啦。好久没做过gif了。
页: [1] 2 3 4
查看完整版本: GIF简易制作教程