学习网考试学习资料

Gzu521.com

动态QQ表情DIY Fireworks轻松搞定(2)

FireWorks教程   点击:次   发布时间:2006-7-13   【字体: 】   来源:Gzu521.com
Gzu521.com我的学习网
动态qq表情<a href=DIY FireWorks轻松搞定" src="http://www.cfan.com.cn/images/20051011/9_20051011143249.jpg" width=382 border=0>


其他动画帧的设计

前面说过,动态图形是由多幅静态图片组成的,前面已经制作好了第一帧图片,接下来还需要制作其他三帧图片。

第一步:选中第一帧画布中所有对象(用“指针”工具拖出一个矩形框住所有对象即可),按ctrl+c组合键复制到剪贴板上,然后单击菜单命令“窗口→帧”在右侧展开帧面板,单击帧面板下方的“新建/重制帧”按钮(即右下角带“+”号的那个按钮)添加一个新的帧,按ctrl+v键将刚才复制的图像粘贴到第二帧的画布上面。

第二步:在这一帧上要让眯缝着的双眼“睁开”。单击“椭圆”工具,在画布上绘制出一个椭圆形,并设置它的填充色为黑色,边缘为实边,并将笔触关闭掉,然后利用“部分选定”工具,将这个椭圆形调整成半月的形状,并使用“直线”工具为眼睛添加上几根眼睫毛。接着还是利用“椭圆”工具为黑眼睛添加上几个小点,设置它的填充色为白色,边缘为实边,这样,眼睛看起来才有神。制作完毕后将它们组合到一起,并复制粘贴出一份。然后将原来的眯缝的眼睛删除掉,在原来的位置上放置上新绘制的眼睛(见图9)。这时我们可以单击画布下方的播放按钮(白色三角形按钮),播放并预览这两帧的动画,看看眼睛是不是动起来了! H&ghHz]fjU(x@L;# [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计FireWorks教程 http://Www.gzU521.com ] H&ghHz]fjU(x@L;#

动态qq表情diy  fireworks轻松搞定
第三步:大家可以参照图3所示的效果制作完成后两帧的图片,这里就不详细说了。不过有两点要提示一下大家:1.添加文字,可使用工具箱“矢量”栏中的“文本”工具(即“a”图标);2.拳头图形不用重新绘制,点选粘贴过来的拳头图形,再在属性面板中改变“宽”和“高”的数值,即可任意修改拳头的大小比例了。
输出动画

第一步:首先设置输出参数。在帧面板中双击每一帧后面的数字,可以重新设置每一帧的延时长度,本例设置为30/100秒。如果希望帧延时更长一时,比如2秒,则应该设置为200/100秒。可以按shift键不放,再依次点选多个帧,然后双击后面数字,可同时设置所有选中帧的帧延时数值。

第二步:选中所有帧,执行“文件→导出预览”命令打开导出预览对话框。在“选项”标签面板中,设置格式为“gif动画”,调色板为“精确”,然后单击“导出”按钮,设置好文件名称,存储的位置等参数,即可将设计的这个动画输出了。导出预览窗口还有其他许多选项,大家可以多做些实验。

小提示

在导出预览的导出对话框中,单击“文件类型”下拉列表,大家可以发现还有“flash swf”项,选择这一项即可导出为flash动画了。

动画做好了,赶快把它加到qq自定义表情中,第一时间发给qq上的mm欣赏一下吧。

通过上面的学习,相信大家已经掌握了qq动态表情的制作以及动画输出方法了。其实除自己手工设计外,还可以巧妙借用别人素材创建自己的动态表情,比如利用一些媒体播放软件(超级解霸等)截取自己喜爱的影片片段并保存为一张张连续的图片,然后再利用fireworks制作并输出成为小电影形式的qq动态表情,也非常的酷。让我们展开想像的翅膀吧,设计出个性化的qq动态表情!

>

上一页
本文共2页: 第 [1] 2

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
  • 暂无相关信息
更多...
大类最新文章
更多...