找回密码
 注册
搜索
热搜: 回贴

自制QQ自定义文字动画表情:透明糖果文字

2009-12-13 16:49| 发布者: admin| 查看: 72| 评论: 0|原作者: 琴姬

■QQ的动态表情其实就是Gif格式的小动画......


  QQ的动态表情其实就是Gif格式的小动画,Gif(Graphic Interchange Format)是网上通用的图像格式,它具有支持透明背景、动态效果、制作简单、体积小等特点。制作Gif动画软件比较多,常用的一般有ImageReady、Fireworks、Flash、Gif Animator等,以前我们在专题《设计自己的个性QQ动态表情》中介绍了制作QQ表情动画的主要方法和表现技巧,文中还提供了部分实例的动作分解psd源文件。现在我们来介绍QQ表情中那些可爱的动态文字的动画制作,昨天我们介绍了一款炫彩效果的字体动画制作,今天我们介绍可爱的糖果字体动画。
  完成效果:

  一、 在Photoshop中新建2*2厘米、分辨率为72dpi、背景为透明色的画布。
  二、 用工具栏上的打字工具编辑所需要的文字,在文字属性栏中可以调整字体、大小等。(图一)
  三、 用工具栏上的魔棒工具,在字体外部空白处单击,点击菜单栏上的“选择—反选”得到字体选区,新建图层2,填充自己喜欢的颜色。(图二)
  点击菜单栏上的“滤镜—杂色—添加杂色”,在弹出的对话框中将数值设置为“30%”后点击确定。(图三)
图一 图二 图三
  四、 将图放大至可以清楚的看到像素点,点击菜单栏上的“选择—色彩范围”,在弹出的对话框后,将鼠标移动至文件,此时鼠标变为吸管工具,吸取任意一个像素点中的颜色,将“颜色溶差”设置为“80%”,确定后得到选区,右键点击图层面板中的此图层,在弹出的下拉菜单中选择“通过拷贝的图层”,保持选区不动,选择菜单栏上的“编辑”——“调整”——“亮度与饱和度”,在弹出的对话框中将亮度减弱。(图四)
  重复刚才的步骤选另一个像素点的颜色,拷贝后在“亮度与饱和度”中提亮(图五)
  五、 将图层2复制一个,放到下一层,选择菜单栏上的“编辑—调整—曲线”,在弹出的对话框中将亮度与颜色加深。同时按方向键向右向下形成立体感。(图六)
图四 图五 图六
  六、 点击菜单栏上的“文件—跳转到—imageready”,点击动画面板上的第一帧,同时保持图层2与图层2副本与图层4可见,其余图层隐藏。在动画面板上最底排单击新建按钮增加一帧,同时保持图层2与图层2副本与图层3可见,其余图层隐藏,并在图层面板上将这些可见的图层链接起来,向上移动2个像素。再增加一帧,同时保持图层2、图层2副本与图层3、图层4都可见。(图七、图八、图九)

图七

图八

图九
  七、 在“动画”面板上点击帧下端的时间,弹出选择框,选译“0.1秒”,再点击“动画”面板左下角的“循环计数设置框”,弹出选择框,选译“一直有效”。(图十)

图十
  八、 文件制作好后,在文件上端,点击双联,出现默认原稿与优化对比图像,保持原稿图像不动,选中优画图像,在工具栏上选择“窗口—优化”,调出“优化”面板,选择“gif”。这个窗口可以设置不同的优化值而改变优化结果,比如文件的大小、颜色,大家可以调动数值看看效果,而且,可以在文件上端点击四联,就可以同时预览到不同存储格式的最终效果。(图十一)

图十一
  九、 如果播放后达到了预期的效果,保存时选择“将优化结果储存为”,再选择保存路径,这样,保存下来的就是在网上可以传输的gif格式了,只有gif可以存储动画,其它的格式只能保存当前帧。当然,我们也应该储存一下源文件,这样便于下次修改起来方便。
  十、 打开QQ,挑选一好友打开对话框,点击表情图标弹出表情菜单,再点击左下方的“添加自定义表情”弹出“表情管理”对话框,点击右上方“添加”按钮弹出“添加自定议图释”对话框。点击“查找图片”找到做好的gif动画(最好不要超过150×150像素)的路径,可单张也可以分组添加,如果我们做完26个字母动画,再将快捷键设置为原字母键,在用QQ聊天时,当我们打这些字母的时候,出来的就是漂亮的动画了。

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 19:38 , Processed in 0.126631 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部