搜索
服务热线:15828882828
查看: 9788|回复: 9

三步学会动态QQ表情制作

[复制链接]
发表于 2008-1-13 22:05:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转遂宁网

您需要 登录 才可以下载或查看,没有账号?注册

x
[]就这么简单 三步学会动态QQ表情制作(文章来自电脑报2008年第2期F版)
3 O  F7 z  Q  [2 `5 V! p  @9 F/ j6 V$ I  w

2 z8 D( K8 T* Z! U  QQ群的广泛运用,让搞笑的动态QQ表情得到广泛的传播。当你被逗得忍俊不禁时,有没有想过DIY一个极具创意的动态QQ表情,在群友面前秀一下呢?Adobe Photoshop CS3可以帮你实现这个功能。借助其强大的功能和方便的操作界面,我们可以制作出gif格式的动态QQ表情。即使是对于没有图形处理经验的用户来说,只要简单的三步,就能轻松完成!看看我们制作的搞笑图片,你还在等什么(图1)?快来跟我们一起试试吧!3 X% q* ?$ I2 S, V4 o, B

4 L8 o- L0 p' {3 _5 R

$ i8 V( e' i* v& c$ c6 V# g4 L

5 B3 M5 |: l" R" D7 [# g: A
( H0 u/ T( r; l- u0 G
图1

7 Y9 W7 t. q1 H4 Y0 S6 ]
小编提示:
, O; `  D0 A7 m1 e- @
  动画是静态图片的连续播放。在制作动画之前,我们必须设计好每个关键帧对应的静态图片。关键帧的显示时间设置也很重要。这一参数也直接影响了播放的效果。对于刚刚上手的用户来说,用不同的参数多试几次也会得到意想不到的效果。
9 P! Y& m; v/ @; W) Q( |9 h
第一步、图形制作:
0 M  W0 h2 w$ Z: l$ t8 K
  打开Adobe Photoshop CS3软件进入到工作界面,在工作空间双击,并在弹出的“打开”对话框中打开选择好的素材。我们可以使用自己拍摄的照片,也可以使用电影剧照或者卡通人物图片做素材。我们选择了某经典喜剧片中的搞笑剧照作为素材。
" u+ ^+ B# u8 T
  调整并裁减大小后执行“窗口—动画”命令,打开“动画”调板开始制作夸张的眼泪。首先,我们在图层调板下方单击“创建新图层”图标新建一个图层。它的默认名称为“图层1”,我们可以在图层调板中双击缩览图后面的“图层1”文字,把它变成可编辑状态,重新命名为“眼泪1”,以免把图层搞混。
4 y" n4 ~2 ]- V
  接下来,我们在工具箱中双击“设置前景Se”图标,在弹出的“拾Se器”对话框中设置前景Se较浅的蓝Se(R=232,G=250,B=255),确定后在工具箱中选择“矩形工具”,并在“矩形工具”选项栏中勾选“填充像素”图标,这样就可以直接在“眼泪1”图层上人物眼睛的下方画出一个浅蓝Se矩形(图2)。
2 D& u1 d8 [! m0 S+ G

5 w7 c$ d, f& ^8 V

+ p: r* A: f: {' R
- k8 K  @5 c& K% }, X) B2 V
图2
: C! V/ S( h" O8 m$ X/ B  r6 m. J7 Y
  然后我们选择“眼泪1”图层,执行『滤镜\扭曲\波浪』命令,在弹出的“波浪”对话框中设置各项参数。按下“确定”按钮,一个夸张的波浪形的眼泪出现了。我们再选择“矩形选框工具”, 选择“眼泪”,然后再选择“移动工具”并同时按住“Alt”键将眼泪复制到右侧眼睛下方的位置(图3)。
* `: K" w  }. D# N! ?1 O
! f: ^$ T  v5 s+ R& q
: o( `! ^6 N3 o

: a7 V+ S4 H, c2 N; @* U/ u1 F
图3
4 e% u/ A+ n( ]% X2 p
  完成复制后,我们按下快捷键<Ctrl+D>取消选择,并在图层调板中拖动“眼泪1”图层向下方的“创建新图层”图标,修改其默认名称“眼泪1副本图层”为“眼泪2”,按下快捷键<Ctrl+T>在画面中将会出现“变换”命令的控制框,拖动手柄向上移动将拉伸眼泪,按下回车键。这时,眼泪的基本造型已经完成。
* ]9 y4 |/ z- A# I1 Q. a! i( m
  下一步是使用“直排文字工具”给图片加上搞笑的文字(图4)。选择文字层,执行『图层\图层样式\描边』命令,打开“图层样式”对话框,为文字加上醒目的描边效果。按下“确定”按钮(图5)。) o4 j5 p9 p8 h1 T" ?" Y& @, x2 N
) W6 R: h: ?5 I7 E
" K/ M' v$ J. [% I) T: f# q

8 X% W' e$ p/ k$ m
图4
$ w" X) P% N. R" x/ z( G% J
# [# T& s! w* R% J

! K5 {4 H* n$ i" Y9 w+ c' i* l4 K( B1 c) K9 u/ v. A, m
图5

% p5 g7 l/ E: e9 t4 K
第二步、动画制作
7 p# c9 I7 O2 h) e3 G  I& q5 z1 I
  要让图片动起来,最关键的步骤是设置关键帧。我们在动画调板下方连续单击创建关键帧的图标(图6),共需要5个关键帧。8 G0 j- c- a8 r7 Q/ J9 d) ?
" {+ h3 p! F7 p$ F4 f! T
; F& ~: {! ]+ p) J  ^' {6 H

  Y- y: T2 p  k
图6

$ T7 w3 \5 i( \! l% i
  首先选择第一个关键帧,在图层调板中只保留背景层与文字的显示,而取消其他图层的显示,并在动画调板下方将关键帧的显示时间设置为0.1秒。

6 c) Z0 d/ k' U2 G  选择第二个关键帧,在图层调板中保留背景层和眼泪2图层的显示,而取消其他图层的显示,并将“眼泪2”图层的不透明度设置为80%,将关键帧的显示时间设置为0.2秒。
& j7 [1 h% k- I: E
  选择第三个关键帧,在图层调板中保留背景层和眼泪1图层的显示,而取消其他图层的显示,并将“眼泪1”图层的不透明度设置为80%,将关键帧的显示时间设置为0.2秒。
# b. A1 }" e! Q, f- Z, |* k/ r8 ^
  选择第四个关键帧,在图层调板中保留背景层和眼泪2图层的显示,而取消其他图层的显示,并将“眼泪2”图层的不透明度设置为80%,将关键帧的显示时间设置为0.2秒。
9 j9 Z* n. ?# q; [2 w* E5 }
  选择第五个关键帧,在图层调板中保留背景层和眼泪1图层的显示,而取消其他图层的显示,并将“眼泪1”图层的不透明度设置为80%,将关键帧的显示时间设置为0.5秒。
& Q9 e% [! ]1 m. z) W
  接下来,我们把文件保存为psd的文件做个备份,然后执行『文件\存储为Web和设备所用格式』命令,在打开的对话框中选择gif格式,并对动画进行适当优化。我们必须减小动画的体积,以方便传播(图7)。优化完毕之后,将图片存储到本地磁盘。
1 b2 U# D4 s. q2 y  J6 C1 e. T

9 S3 ~+ R2 ~1 a! ]' q/ v2 z
; [8 r0 h+ `3 `. w
4 d: q- a7 r! ~( G9 D  s
图7

# Q, t- S2 h, {+ [4 v7 q; b3 v
第三步、导入QQ表情
3 K9 E5 F* o# s( @
  启动QQ软件之后,我们任选一位好友打开聊天窗口,并在聊天窗口下方单击“选择表情”按钮打开表情窗口,并在窗口下方单击“表情管理”,然后单击“添加”按钮,在弹出的“添加自定义图释”窗口中单击“浏览”找到我们保存的gif动画,为图释重新命名或使用默认的名称。

# x- k# v' u! d( m5 s
. K% ^; I! v. r! }) x7 L# w% g

) ~+ ^7 X0 J$ ~. _3 y2 N; A7 O( z4 V
图8
7 M3 B6 d7 y7 R' U4 Q0 R
  当我们重新打开QQ聊天窗口时,看一下表情图标。哈哈!大功告成!新表情已经出现在表情库里了。在完成这个简单的动态QQ表情之后,我们已经对gif动画的原理与制作有了初步了解。在以后的制作过程中,图片怎么变化,情节如何设定,都可以由我们自己来决定。只要我们举一反三,发挥无限的创意,一定能制作出更多有趣的动态QQ表情。
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复

使用道具 举报

发表于 2008-1-13 22:07:29 | 显示全部楼层
要这些软件会了才行啊!!
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-1-13 22:13:38 | 显示全部楼层
应该说简单的Adobe Photoshop好多人都会吧,我没学过的都会乱搞一点,呵呵
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

发表于 2008-1-13 22:21:49 | 显示全部楼层
还是有点复杂啊!
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

发表于 2008-1-13 22:24:30 | 显示全部楼层
恩  那是相当地简单
. c0 E/ z' p* L8 }- I6 L! ^谁能帮我做一个??????????
% r7 l2 C7 r* a! ~' k1 p$ |3 Q' \1 i) S! J
[ 本帖最后由 人在江湖飘 于 2008-1-13 22:33 编辑 ]
123.gif
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

发表于 2008-1-21 16:28:54 | 显示全部楼层
马哥..最近好不?天冷了记得加衣服哈~~~:46(2)gif
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

发表于 2008-1-21 16:33:52 | 显示全部楼层
Adobe Photoshop
) M( n; ]  J, @* _这个软件估计中国人最多也就学会一半吧!
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-1-21 21:43:32 | 显示全部楼层

回复 6# 祅ai?

你是那个??????
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

头像被屏蔽
发表于 2008-1-21 21:55:10 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

发表于 2008-1-21 21:57:40 | 显示全部楼层
Adobe Photoshop
# |0 t0 i8 h$ J  H: D电脑上没得都哇!:Q 装起我的电脑转得就慢了.:18(2)gif
【免费开发】 网站建设 / 微信开发 / App制作 / 小程序开发 微信号:snwzjs
回复 支持 反对

使用道具 举报

使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 注册

快速回复 返回顶部 返回列表