QQ的动态表情其实就是Gif格式的小动画,Gif(GraphicInterchangeFormat)是网上通用的图像格式,它具有支持透明背景、动态效果、制作简单、体积小等特点。制作Gif动画软件比较多,常用的一般有ImageReady、Fireworks、Flash、GifAnimator等,今天我们就以用Photoshop与ImageReady为主,聊聊制作QQ表情动画的主要方法和表现技巧。
背景知识:ImageReady作为Photoshop捆绑销售的软件,弥补了Photoshop在缺少动画制作功能的不足,Photoshop与ImageReady在菜单栏与各种面板上的排列都很相似,熟悉Photoshop的人很快就能掌握ImageReady的操作,而用psd格式保留分层的源文件,给Gif动画日后修改时更带来了许多方便。一、Gif动画简述
简单地说,动画就是在一段时间内显示的一系列图像或帧,每一帧较前一帧有轻微的变化,当连续、快速地显示这些帧时会产生运动的错觉。
我们可以在photoshop中先用图层画好图像的每一部分再转入ImageRdady逐帧编辑。也可以在
ImageReady中直接打开一个图像,则“动画”调板将该图像显示为新动画的第一个帧。我们添加的每个帧开始时都是上一个帧的副本。然后可使用“图层”调板对帧进行更改。二、用移动的方式表现动画
Gif通过错位两帧相同的画面或局部,再以循环播放的方式,就可实现简单动画。1.整体移动
实例一:
①在photoshop中新建一个20×20像素,背景色为“透明”,分辨率为“72”,“模式”为“RGB”的画布。
②用大小为“1”像素的铅笔,勾画出QQ表情。这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。(图一
图一
③选择菜单栏上的“文件”——“跳转到”——“AdobeImageready”(shift+ctrl+M),或直接点击工具栏上最底部的图标。(图二)>>>>>>>>
图二
④在Imageready的图层面板上,复制一个图层一复本,更名为图层2,并将此图层上移1个像素。(图三)
图三
⑤在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上使图层1为当前图层并隐藏图层2。使第二帧为当前帧,同时在图层面板上使图层2为当前图层并隐藏图层1。(图四、图五)
图四
图五
⑥在“动画”面板上将两帧的时间都设置为“0.1秒”,具体方法是点击帧下端的时间,弹出选择框,选译“0.1秒”。(图六)
图六
>>>>>>>>>>>>>>>>>>>>⑦在“动画”面板上将“循环计数”设置为“一直有效”,具体方法是点击“动画”面板左下角的“循环
计数设置框”,弹出选择框,选译“一直有效”。(图七)
图七
⑧点击“动画”面板上的“播放键”,就可以看到动画啦。最后选择菜单栏上的“文件”——“将优化结果”储存为,在弹出的对话框中“保存类型”选择“仅限图像(*.gif)。为图像起个名字,就可以了。
2.局部移动(用逐帧画的方式可以达到的效果,用图层来做更简便)
实例二:
①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出QQ面部此为图层1。新建图层2,勾画眼睛与嘴巴。这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。(图八、图九)
图八