查看: 70289|回复: 108
上一主题 下一主题 跳转到指定楼层

[高級教程]简易动态QQ表情制作教程(^_^)

92

主题

254

存在感

180

活跃日
喵~离线 人参就是杯具,不解释
 5 

SOS团二星级★★

发帖: 1666
SOS币: 2852
社团: 京都同盟
社团: ARIA Company
社团: SOSG无敌潜水团
社团: LOLI推倒推倒团
社团: ★SOS团砍人支部★
注册: 2007-02-12
访问: 2015-07-26

楼主
发表于 2007/06/11 | 编辑

猜你喜欢: QQ, 动漫约会大作战动态QQ表情, 动态qq表情制作


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



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

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

初学制作GIF动画

Ulead GIF Animator v5.05 下载

百度 GIF教程吧

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

1、打开Ulead GIF Animator 5

2、打开→打开视频文件
图片需登录后查看




3、出现如此界面后,选择你要做的动画(目前Ulead GIF Animator 5好像只支持AVI的导入),接着按“Duration”来选取要做的时间。
图片需登录后查看




4、出现这个画面后就选择时间段了。“Mark in”为开始时间,“Mark out”为停止时间。
图片需登录后查看


现在我想做这表情,该画面出现于时间轴02:07-02:09,我就如下输入:
图片需登录后查看


接着按“OK”,返回一开始的选择画面,按“打开”,等待导入。
图片需登录后查看


导入完毕
图片需登录后查看




5、导入完毕后发现有些帧是不需要的,因此按“叉叉”把无用帧删除(手误删除错了,可用“Ctrl+Z”的组合键来还原)。
图片需登录后查看




6、接下来一帧一帧查看,发现有些相连的帧是完全一样的,为了能确保表情的体积大小适当和画质,忍痛删掉这些相同的帧吧。
图片需登录后查看




7、处理完以上环节,就可以按“播放”来查看一下图动起来的效果,如果觉得太慢或者太快,可以在帧上按右键,选择“画面帧属性”,在里面调节“延迟”(“延迟”就是单帧持续的时间)。
图片需登录后查看
     
图片需登录后查看




8、检查过没啥问题了,就能保存了。保存,“保存为GIF文件”。
图片需登录后查看






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



1、打开ImageReady,再用ImageReady打开刚才保存的GIF。
图片需登录后查看




2、由于我们需要的只是猫猫的部分,其他的就都可以忽略了,所以我们要把猫猫裁切出来。“截切工具”,按了之后,就选取猫猫的部分(最好先每帧查看一下,以便确认最大截取范围,以免某些部分被切去了XD)。
图片需登录后查看
图片需登录后查看

图片需登录后查看




3、嗯,这里也可以像Ulead GIF Animator 5下面那工具栏一样,播放、删除添加帧、调时间啊什么的,大家可以发掘发掘~
图片需登录后查看




4、检查过没什么问题了,就可以保存了。
图片需登录后查看




看,完成了,就这么简单~
不过呢,咱强调这是QQ表情,所以啊,大小一定不能超过40K
看看刚才做出来的猫猫,足足有86.2K,超了一倍多- -
图片需登录后查看





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

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

3、调节图像大小。以牺牲图像的大小来换取图片体积的缩小,QQ表情当然不用太大,所以大家调小到一定的尺寸就可以了。
方法:图像→图像大小,在高度与宽度适量缩小数值即可。
图片需登录后查看




4、减色。大家都知道,GIF最大就是256色,可以适当减少图片包含的颜色数量,当然的了,减少的颜色越多,图片就越失真,所以,平衡点也要取好啊~
方法:优化→颜色表→颜色,调小数值。
图片需登录后查看




5、还有一个不知道原理的方法(哪位达人知道的请告诉我)- -
方法:优化→颜色表→颜色深度,调为“可察觉的”;优化→仿色→方法,调为“无仿色”。
图片需登录后查看




就这样,猫猫已经由原来86.1K缩小到37.9K,成功瘦身了~
图片需登录后查看
→→
图片需登录后查看




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


[ 此贴被Fum在2009-04-09 23:37重新编辑 ]
此帖被评分,最近评分记录
人品:1(。。。)

19

主题

63

存在感

23

活跃日
帅哥离线 指雁为羹新镜子
 4 

SOS团一星级★

1楼
发表于 2007/06/11 | 编辑
我会用心学的
等我学会了就做N多个镜的

关于我们|无图版|SOSG WIKI

Copyright © 2006-2024 SosG.Net
Total 0.020154(s) query 9, Gzip enabled,  沪ICP备07006640号-3