制作表情
QQ的动态表情其实就是Gif格式的小动画,Gif(Graphic Interchange Format)是网上通用的图像格式,它具有支持透明背景、动态效果、制作简单、体积小等特点。
制作Gif动画软件比较多,常用的一般有ImageReady、Fireworks、Flash、Gif Animator等,今天我们就以用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表情。
这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。
(图一)到多第决场每八科装,众商除派育。
图一③选择菜单栏上的“文件”——“跳转到”——“Adobe Imageready”(shift+ctrl+M),或直接点击工具栏上最底部的图标。
(图二)图二④在Imageready的图层面板上,复制一个图层一复本,更名为图层2,并将此图层上移1个像素。
(图三)图三⑤在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上使图层1为当前图层并隐藏图层2。
使第二帧为当前帧,同时在图层面板上使图层2为当前图层并隐藏图层1。
(图四、图五)图四图五⑥在“动画”面板上将两帧的时间都设置为“0.1秒”,具体方法是点击帧下端的时间,弹出选择框,选译“0.1秒”。
(图六)图六⑦在“动画”面板上将“循环计数”设置为“一直有效”,具体方法是点击“动画”面板左下角的“循环计数设置框”,弹出选择框,选译“一直有效”。
(图七)图七⑧点击“动画”面板上的“播放键”,就可以看到动画啦。
最后选择菜单栏上的“文件”——“将优化结果”储存为,在弹出的对话框中“保存类型”选择“仅限图像(*.gif)。
为图像起个名字,就可以了。
2.局部移动(用逐帧画的方式可以达到的效果,用图层来做更简便)实例二:①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出QQ面部此为图层1。
新建图层2,勾画眼睛与嘴巴。
这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。
(图八、图九)图八 图九③.跳转到“Adobe Imageready”(shift+ctrl+M)。
④在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上保持图层12不动。
使第二帧为当前帧,同时在图层面上板保持图层1不动而图层2上移1像素。
(图十、图十一)图十图十一⑤在“动画”面板上将两帧的时间都设置为“0.1秒”。
(见实例一)⑥在“动画”面板上将“循环计数”设置为“一直有效”。
(见实例一)⑦点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
实例三:①在photoshop中新建一个80×20像素,背景色为“透明”,分辨率为“72” ,“模式”为“RGB”的画布。
②用工具栏上的打字工具,打出“谢谢你!”。
新建图层2,用大小为“1”像素的铅笔,勾画出“小女孩”的形象(当然也可以直接用QQ的),摆放好位置。
(图十二、图十三)图十二图十三③.跳转到“Adobe Imageready”(shift+ctrl+M)。
④在“动画”面板上新建三帧,使第一帧为当前帧,同时在图层面板上保持图层12不动。
使第二帧为当前帧,同时在图层面上板将图层1右移至中间。
使第三帧为当前帧,同时在图层面上板将图层右移至右边。
使第四帧为当前帧,同时在图层面上板将图层1右移至中间(图十四)图十四⑤在“动画”面板上将四帧的时间都设置为“0.5秒”。
(见实例一)⑥在“动画”面板上将“循环计数”设置为“一直有效”。
(见实例一)⑦点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
三、变化的方式Gif通过大小、颜色或形状的改变,也可以表现出动画的过程...1. 大小变化实例四①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出QQ面部此为图层1。
新建图层2,勾画眼睛。
复制图层2,将此图层更名为图层3,将眼睛部分用“自由变换”工具,稍稍拉大一些,新建图层4,勾画嘴。
复制图层3叁次,更名为图层5、6、7,将嘴角流口水的分为三种状态,也是一种变形。
这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。
(图十五、图十六)图十五图十六③跳转到“Adobe Imageready”(shift+ctrl+M)。
④在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上显示124。
使第二帧为当前帧,同时在图层面板上显示135。
使第三帧为当前帧,同时在图层面板上显示126。
使第三帧为当前帧,同时在图层面板上显示137。
(图十七、图十八、图十九、图二十)图十七图十八图十九图二十⑤在“动画”面板上将四帧的时间都设置为“0.2秒”。
(见实例一)(大家也可以逐帧改一改时间的设置,看看有什么变化)⑥在“动画”面板上将“循环计数”设置为“一直有效”,(在QQ里是“一次有效”,这里为了能够循环的看图所设置)。
(见实例一)⑦点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
2.颜色变化实例五①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出符号。
这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。
(图二十一)图二十一③复制此图层,命名为图层2,换颜色。
(图二十二)图二十二④跳转到“Adobe Imageready”(shift+ctrl+M)。
⑤在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上显示图层1。
使第二帧为当前帧,同时在图层面板上显示图层2。
(图二十三、图二十四)图二十三图二十四⑥在“动画”面板上将两帧的时间都设置为“0.5秒”。
(见实例一)⑦在“动画”面板上将“循环计数”设置为“一直有效”。
(见实例一)(在QQ里,变化很小,这里是为了便于清楚观看所设置)。
⑧点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
3.形状的变化实例六①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出QQ面部与嘴。
新建图层2,勾画出睁开的眼睛部分,新建图层3,勾画出闭上的眼睛部分。
这一步如果不想用铅笔勾画像素点,也可以做大图后缩小至合适尺寸。
(图二十五、二十六)图二十五图二十六③跳转到“Adobe Imageready”(shift+ctrl+M)。
④在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上显示图层1、2。
使第二帧为当前帧,同时在图层面板上关闭图层2显示图层1、3。
(图二十七、图二十八)图二十七图二十八⑤在“动画”面板上将两帧的时间都设置为“0.2秒”。
(见实例一)⑥在“动画”面板上将“循环计数”设置为“一直有效”。
(在QQ里是“一次有效”,这里为了能够循环的看图所设置)(见实例一)⑦点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
4.渐隐渐现实例七①新建画布,与“实例一”第一步相同。
②用大小为“1”像素的铅笔,勾画出礼物盒此为图层1。
新建图层2,此为空白层。
(图二十九)图二十九③跳转到“Adobe Imageready”(shift+ctrl+M)。
④在“动画”面板上新建一帧,使第一帧为当前帧,同时在图层面板上保持图层12都显示。
使第二帧为当前帧,同时在图层面上板保持图层2显示而图层1隐藏。
(图三十、图三十一)图三十图三十一⑤选中“动画”面板上的第一帧,点击“动画”面板下栏“过渡”键,弹出对话框,将“过渡”设置为“下一帧”,将“要添加的帧”设置为“3”个。
勾选“所有图层”“位置”“不透明”“效果”。
(图三十二、图三十三)图三十二图三十三⑥选中“动画”面板上的“最后一帧”,点击“动画”面板下栏“过渡”键,弹出对话框,将“过渡”设置为“第一帧”,其余不变。
“动画”面板自动生成渐隐渐现帧。
(图三十四、图三十五)图三十四图三十五⑦在“动画”面板上将八帧的时间都设置为“0.2秒”。
(见实例一)⑧在“动画”面板上将“循环计数”设置为“一直有效”。
(见实例一)⑨点击“动画”面板上的“播放键”,预览动画。
最后储存优化结果。
讲了这么多,大家应该会制作QQ动态表情了吧?别忘了,参加本次“魔兽世界QQ表情设计大赛”时的图片素材一定要选择用魔兽世界的图片,除使用现有官方提供的素材外,也可以选择魔兽世界主题图片为模本,还要注意图片尺寸不要超过100×100。
当制作完成了你满意的作品后,请点击>>作品提交入口<<,由于很多朋友还不太了解我们的作品上传流程,小编这里讲解一下上传作品的简单流程:上传作品流程:请使用一个QQ号登陆 请填写下列信息注册 注册完毕,会弹出提示成功^_^添加您的QQ表情作品 查看个人信息以及作品信息附:将自制表情加入QQ与好友分享上传了作品之后,除了等着领奖外,你还可以做的一件事就是把你的得意QQ表情作品上传到你心爱的QQ上,想象一下用自己设计的魔兽世界QQ表情聊天时的快感吧~不要偷笑啦^_^方法如下:打开QQ,挑选一好友打开对话框,点击表情图标弹出表情菜单,再点击左下方的“添加自定义表情”弹出“表情管理”对话框,点击右上方“添加”按钮弹出“添加自定议图释”对话框。
点击“查找图片”找到做好的作品的路径,可单张也可以分组添加,还可以将此Gif动画设置名称和快捷键。
参考资料:28