动漫东东论坛's Archiver

喃喃呓语 发表于 2007-6-11 02:27

[教程]简易动态QQ表情制作教程

[color=blue]嗯,MS比较多同学都对如何制作动态QQ表情有兴趣,所以咱就写了个简易的教程,来和大家分享一下自己的经验。[/color]



静态QQ表情就是用软件截图,或者用暴风等播放器自带的保存图像功能,然后再用PS修修,很简单,在这里就重点介绍一下如何利用动画的画面制作动态图。

首先,大家先看看这几个关于GIF的基本教程:

[url=http://zlly.tzinfo.net/zzdh.htm][color=red]初学制作GIF动画[/color][/url]

[url=http://www.crsky.com/soft/4010.html][color=blue]Ulead GIF Animator v5.05 下载[/color][/url]

[url=http://post.baidu.com/f?kw=gif%BD%CC%B3%CC][color=limegreen]百度 GIF教程吧[/color][/url]

看完之后,多多少少都对GIF的概念跟工作原理有点理解吧~
理论多说了也是没有意义的,还不如实践来得直观,这里就来做一次表情看看~

1、打开Ulead GIF Animator 5

2、打开→打开视频文件
[img]http://bbs.ai-sky.com/attachments/Snap1_N8gzONjEZ9nB.jpg[/img]



3、出现如此界面后,选择你要做的动画(目前Ulead GIF Animator 5好像只支持AVI的导入),接着按“Duration”来选取要做的时间。
[img]http://bbs.ai-sky.com/attachments/Snap2_TiltK9zyJxyX.jpg[/img]



4、出现这个画面后就选择时间段了。“Mark in”为开始时间,“Mark out”为停止时间。
[img]http://bbs.ai-sky.com/attachments/Snap3_E0jZbii0FvkQ.jpg[/img]

现在我想做这表情,该画面出现于时间轴02:07-02:09,我就如下输入:
[img]http://bbs.ai-sky.com/attachments/Snap4_O1cv8sL42JfR.jpg[/img]

接着按“OK”,返回一开始的选择画面,按“打开”,等待导入。
[img]http://bbs.ai-sky.com/attachments/Snap5_CRS1F1BqVhJs.jpg[/img]

导入完毕
[img]http://bbs.ai-sky.com/attachments/Snap6_Zeb5D5Jk1FT0.jpg[/img]



5、导入完毕后发现有些帧是不需要的,因此按“叉叉”把无用帧删除(手误删除错了,可用“Ctrl+Z”的组合键来还原)。
[img]http://bbs.ai-sky.com/attachments/Snap7_RIo8R3oHjD4b.jpg[/img]



6、接下来一帧一帧查看,发现有些相连的帧是完全一样的,为了能确保表情的体积大小适当和画质,忍痛删掉这些相同的帧吧。
[img]http://bbs.ai-sky.com/attachments/Snap8_w3Jp7vz8aimw.jpg[/img]



7、处理完以上环节,就可以按“播放”来查看一下图动起来的效果,如果觉得太慢或者太快,可以在帧上按右键,选择“画面帧属性”,在里面调节“延迟”(“延迟”就是单帧持续的时间)。
[img]http://bbs.ai-sky.com/attachments/Snap9_5QVgPxtAyoYJ.jpg[/img]         [img]http://bbs.ai-sky.com/attachments/Snap10_KXDTVdVcuC1x.jpg[/img]



8、检查过没啥问题了,就能保存了。保存,“保存为GIF文件”。
[img]http://bbs.ai-sky.com/attachments/Snap11_PWBly6HZa0Lf.jpg[/img]





[color=green]Ulead GIF Animator 5的工作完毕了,接下来使用ImageReady(PS自带软件)进行编辑。[/color]



1、打开ImageReady,再用ImageReady打开刚才保存的GIF。
[img]http://bbs.ai-sky.com/attachments/Snap12_qsiB6cc7bDEI.jpg[/img]



2、由于我们需要的只是猫猫的部分,其他的就都可以忽略了,所以我们要把猫猫裁切出来。“截切工具”,按了之后,就选取猫猫的部分(最好先每帧查看一下,以便确认最大截取范围,以免某些部分被切去了XD)。
[img]http://bbs.ai-sky.com/attachments/Snap13_1itfgDjnvpyp.jpg[/img] [img]http://bbs.ai-sky.com/attachments/Snap14_hunXJoQ0mzSh.jpg[/img]
[img]http://bbs.ai-sky.com/attachments/Snap15_7nfkWyWWf3iM.jpg[/img]



3、嗯,这里也可以像Ulead GIF Animator 5下面那工具栏一样,播放、删除添加帧、调时间啊什么的,大家可以发掘发掘~
[img]http://bbs.ai-sky.com/attachments/Snap16_cJQ3CP4Hh85P.jpg[/img]



4、检查过没什么问题了,就可以保存了。
[img]http://bbs.ai-sky.com/attachments/Snap17_WaNmlnPuKwH9.jpg[/img]



看,完成了,就这么简单~
不过呢,咱强调这是[color=red][size=4]QQ表情[/size][/color],所以啊,大小一定不能超过[color=red][size=4]40K[/size][/color]!
看看刚才做出来的猫猫,足足有86.2K,超了一倍多- -
[img]http://bbs.ai-sky.com/attachments/Snap21_0KYQHkff4hPi.jpg[/img]




[color=red]接下来,要教大家的就是缩身法,怎样令到大小符合吝啬腾讯的要求~[/color]
说到缩身嘛,本人资历尚浅,暂时只领会到如下几个方法:
1、减帧。减帧是最立竿见影的方法,只保留关键帧,多余的帧就删掉。当然了,图片的动作就可能会变得不够连贯流畅,怎样取得流畅度与体积的平衡点,就靠大家自己研究了XD

2、裁切。尽量裁掉多余部分。上面已经介绍如何裁切,这里就不多费唇舌了。

3、调节图像大小。以牺牲图像的大小来换取图片体积的缩小,QQ表情当然不用太大,所以大家调小到一定的尺寸就可以了。
方法:图像→图像大小,在高度与宽度适量缩小数值即可。
[img]http://bbs.ai-sky.com/attachments/Snap18_26S93de6NdLa.jpg[/img]



4、减色。大家都知道,GIF最大就是256色,可以适当减少图片包含的颜色数量,当然的了,减少的颜色越多,图片就越失真,所以,平衡点也要取好啊~
方法:优化→颜色表→颜色,调小数值。
[img]http://bbs.ai-sky.com/attachments/Snap19_ykxpD4Vn4G3y.jpg[/img]



5、还有一个不知道原理的方法(哪位达人知道的请告诉我)- -
方法:优化→颜色表→颜色深度,调为“可察觉的”;优化→仿色→方法,调为“无仿色”。
[img]http://bbs.ai-sky.com/attachments/Snap20_z4Et6ZRZeWVr.jpg[/img]



就这样,猫猫已经由原来86.1K缩小到37.9K,成功瘦身了~
[img]http://bbs.ai-sky.com/attachments/Snap21_0KYQHkff4hPi.jpg[/img]→→[img]http://bbs.ai-sky.com/attachments/Snap22_Tv8AUGr1i17w.jpg[/img]



俗话说,师傅领进门,进修靠自己。
我写的只是些很基本与浅显的东西,所以大家还要靠自己啊- -
这次教程就先写到这,我也是4月份时为了Lucky Star才开始学做动态图的,仍是啥事都不懂的小白写个班门弄斧的教程好像真那啥:defy
所以希望大家能帮我查漏补缺,或加我QQ一起讨论制作的经验。:beg
嗯,先这样,希望不会贻笑大方了囧

影火虫 发表于 2007-6-11 04:05

大家看完记得交作业啊:simper

zbnsjl330 发表于 2007-6-21 19:36

只能是AVI啊,郁闷,懒得再去下

zhang313 发表于 2007-7-17 18:51

佩服lz,这么多,详细!

4980 发表于 2007-7-25 20:02

人才啊人才,里面原来都是高手:P

fawkie 发表于 2007-7-30 16:45

原创高手啊````

  可惜我还是不会啊```

   加我QQ364746442
    告诉我可以吗?
:beg2

腹黑的馒头 发表于 2007-7-31 16:56

貌似不难......orz
我这都是RMVB
:o
下去

aizen 发表于 2007-8-1 11:44

有没软件是支持RMVB的??AVI太大了。。。

65352158 发表于 2007-8-2 13:53

:o 好艰难啊 怎么用AVI N大

baidou 发表于 2007-8-2 14:25

:o  那尼 还要交作业~~

虫虫交的话 ~偶会考虑下下滴:cool~~

叮叮米 发表于 2007-8-19 15:20

哇靠这都是简易的了 ....那复杂起不要看的同昏:o

zmj8860 发表于 2007-8-19 17:26

我以前就用过了~~~~~不过后来不小心删了~想不到再这找会来了

kasumi 发表于 2007-8-19 19:28

是软件的限制吗?怎么只支持AVI啊?

子衿昭昭 发表于 2007-8-23 22:31

:) 不是很难的说.........已经学会的某人飘过

siro 发表于 2007-8-24 20:37

:o 竟然一個也沒有……AVI:o

fzhsow 发表于 2007-9-5 14:14

:(   = =将其他格式转化成AVI不就好了 =  =,不过可能需要一些时间而已 = =因为要重编码的问题 ....

三千院の凪 发表于 2007-9-6 05:33

好东西~~~先收了~~慢慢去学咯~~~

george99 发表于 2007-10-5 20:14

全都是RMVB的飘过:help
本来准备边看边做的说:sag

chinahuman1984 发表于 2007-10-6 14:05

楼主写了这么多 不容易 赞一个~~:P

sonic8000 发表于 2007-11-12 11:06

先学习下~~~~~~~~

页: [1] 2

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.