书城计算机网络FlashCS动画制作基础
28301400000007

第7章 元件和库(2)

(2)新建一个图形元件并命名为“数字1”,选择文本工具,在【属性】面板中设置字体大小为“15”,字体为“Arial”,颜色为“00CC33”,在舞台中输入竖排的8个数字,这8个数字是由“0”和“1”构成并与舞台居中,舞台效果如图3-31所示。

(3)用同样的方法新建名为“数字2”的图形元件,在舞台中输入8个数字,这8个数字组合和图形元件“数字1”不一样,舞台效果如图3-32所示。

(4)用同样的方法新建名为“数字3”的图形元件,只改变数字的组合,字体大小设置为“13”,其他设置和前面的图形元件一样,舞台效果如图3-33所示。

图3-31“数字1”元件效果图3-32“数字2”元件效果图3-33“数字3”元件效果2.制作动态的流动效果

(1)新建一个影片剪辑元件并命名为“流动1”,将【库】面板中名为“数字1”的图形元件拖曳到舞台中并设置其属性,如图3-34所示,选择第45帧,按F6键插入关键帧,设置此时图形的坐标X不变、坐标Y为628,选择第50帧,按F5键插入帧,在第1帧和第45帧之间创建补间动画,如图3-35所示。此时,元件“流动1”的【时间轴】面板状态如图3-36所示。

(2)新建一个影片剪辑元件,命名为“流动2”,将【库】面板中名为“数字1”的图形元件拖曳到舞台中并设置其属性,如图3-37所示。选择第150帧,按F6键插入关键帧,设置此时图形的位置坐标X为“10.5”,Y为“145.6”。在第1帧和第150帧之间创建补间动画。

(3)新建一个影片剪辑元件并命名为“流动3”,将【库】面板中名为“数字2”的图形元件拖曳到舞台中,并设置其属性,如图3-38所示。选择第60帧,按F6键插入关键帧,设置此时图形的位置坐标X为“9.5”,Y为“115”。在第1帧和第60帧之间创建补间动画。

(4)新建一个影片剪辑元件,命名为“流动4”,选择第60帧,按F6键插入关键帧,此时将【库】面板中名为“数字3”的图形元件拖曳到舞台中并设置其属性,如图3-39所示。

选择第130帧,按F6键插入关键帧,设置此时图形的位置坐标X为“1.0”,Y为“793.1”。

在第60帧和第130帧之间创建补间动画。

(5)新建一个影片剪辑元件,命名为“流动5”,将【库】面板中名为“数字1”的图形元件拖曳到舞台中并设置其属性,如图3-40所示。选择第40帧,按F6键插入关键帧,设置此时图形的位置坐标X为“1.0”,Y为“170.9”。在第1帧和第40帧之间创建补间动画。

(6)新建一个影片剪辑元件,命名为“流动6”,将【库】面板中名为“数字2”的图形元件拖曳到舞台中并设置其属性,如图3-41所示。选择第85帧,按F6快捷键插入关键帧,设置此时图形的位置坐标X为“9.5”,Y为“136.9”。在第1帧和第85帧之间创建补间动画。

(7)新建一个影片剪辑元件,命名为“流动7”,将【库】面板中名为“数字1”的图形元件拖曳到舞台中并设置其属性,如图3-42所示。选择第90帧,按F6快捷键插入关键帧,设置此时图形的位置坐标X为“7.5”,Y为“310.0”。在第1帧和第90帧之间创建补间动画。

注意:在制作“流动”效果时,不一定完全按照上面的设置,只要保证在制作过程中,将数字元件放入舞台后,元件可以从舞台的下方出去就可以了。而速度主要为了体现动态的视觉效果,这一点需要读者慢慢体会学习。

3.布置场景

(1)返回主场景中,将默认“图层1”重命名为“数字”层。

(2)将【库】面板中的原件“流动1”、“流动2”、“流动3”、“流动4”、“流动5”、“流动6”、“流动7”拖曳舞台中,调整它们的位置,按住Alt键进行复制操作。最后舞台效果如图3-43所示。

注意:这里为了达到下落逼真的效果,相同的元件要放在不同位置,使它们的下落有时间差,在复制元件时,不要复制太多,否则达不到预期效果,每个元件复制3~4个即可。

4.创建动态文本

(1)在“数字”层上面新建图层并重命名为“时间”层,选择文字工具,在舞台中创建一个动态文本,颜色为“33CCCC”并将动态文本命名为“outtime”,其属性设置如图3-44所示。

(2)为文本添加滤镜效果,【滤镜】面板中各选项设置如图3-45和图3-46所示,其中,投影的颜色设置为“00CCFF”。

图3-45投影【滤镜】面板设置图3-46模糊【滤镜】面板设置5.添加脚本语言

在“时间”图层上面新建图层并重命名为“AS”层,选择第1帧按F9键打开【动作面板-帧】

面板,输入以下脚本:

本案例主要应用图形元件和影片剪辑元件的相互配合,使制作的动画效果更加逼真。本案例还反映了影片剪辑元件和图形元件之间的区别,关于更多的操作技巧还需要读者认真体会。

3.2使用公用库

本节主要介绍公用库的相关知识,并通过实例讲解具体的使用方法以及产生的效果。

3.2.1认识公用库

公用库是Flash动画制作的一个比较重要的设计工具,可以直接使用公用库里面的按钮元件,也可以为公用库添加素材库元件。

1.公用库的概念

公用库是Flash软件本身自带的库,里面包括很多有用的元件,而且都是系统自带的。当然也可以进行编辑,达到读者想要的效果为止。

2.公用库包括的类型

(1)学习交互:主要包含一些基本的交互界面,可以进行简单的交互操作,但是在FlashCS5中一般不用,因为它支持的是AS2.0,对AS3.0不支持。

(2)按钮:这是公用库中最常使用的元件,包含各种按钮,而且设计得大方漂亮,读者在设计时可以直接使用里面的元件,方便快捷。

(3)类:这在公用库中也很少用到,初学者一般用不到。

要点提示:在使用公用库时,初学者一般都会用到按钮里的元件,其他两个一般很少用,而且在制作动画时,要和动画的背景、环境等相关因素进行搭配。所以一般情况下,制作动画作品时,都需要将公用库里的元件进行修改完善,达到自己的满意效果。

3.创建公用库

要创建一个公用库,首先选择需要作为公用库的源文件,即“.fla”文件,复制到文件路径下,以创建“家具01”公用库为例,这里已经将源文件“家具01.fla”复制到指定目录下,如图3-47所示。

新建一个Flash文档,执行【窗口】→【公用库】菜单命令,可以看到除了系统自带的“学习交互”、“按钮”、“类”以外,还有新添加的“家具01”公用库,单击【家具01】公用库,可以打开“家具01.fla”中的库,将【库】面板中的元件拖曳到舞台,如图3-48所示,元件就已经出现在当前文件【库】面板中,如图3-49所示。

3.2.2典型案例-制作生日贺卡动画

本案例将介绍如何使用公用库来制作动画作品,帮助读者了解制作动画的方法。设计思路包括创建公用库、创建Flash文档、布置场景等。具体设计效果如图3-50和图3-51所示。

具体制作过程如下。

1.创建公用库

将素材“第3章\birthday.fla”文件复制到“C:\DocumentsandSettings\Administrator\LocalSettings\ApplicationData\Adobe\zhcn\Configuration\Libraries”目录下。

2.创建Flash文档

(1)新建一个Flash文档,设置文档大小为“450×321”像素,背景颜色设置为“黑色”,其他属性保持默认参数。

(2)选择【窗口】→【公用库】→【birthday】菜单命令,打开【库-birthday.fla】面板,将里面所有的元件内容复制到当前文档的【库】面板中,结果如图3-52所示。

3.布置场景

(1)将默认“图层1”重命名为“背景”层,将【库】面板中“001.jpg”的图片拖曳到舞台中并与舞台居中对齐,效果如图3-53所示。

(2)在“背景”层上面新建图层并重命名为“星星”层,将【库】面板中的“闪动星星”影片剪辑元件拖曳到舞台中,然后复制元件,将星星布置到舞台上,效果如图3-54所示。

(3)在“星星”层上面新建图层并重命名为“蛋糕”层,将【库】面板中的“蛋糕1”

影片剪辑元件拖曳到舞台中并设置坐标X、Y分别为“98”、“263.4”,效果如图3-55所示。

(4)在“蛋糕”层上面新建图层并重命名为“生日快乐”层,将【库】面板中的“文字”

影片剪辑元件拖曳到舞台中并设置坐标X、Y分别为“256.8”、“108”,效果如图3-56所示。

(5)最后在“生日快乐”层上面新建图层并重命名为“背景音乐”层,选择第1帧,在【属性】面板中添加声音,其属性设置如图3-57所示。

(6)这时,主时间轴状态如图3-58所示。

最后保存测试影片,一个动态的生日贺卡作品完成。

本案例主要介绍如何创建及如何使用公用库的相关知识,为读者以后使用公用库做好相应的知识准备。

小结

本章主要从元件出发,初步让读者了解制作动画的流程和技巧,并掌握一些基础的理论知识,例如影片剪辑和图形元件的区别及其在使用上有何不同。读者除了学习本章的知识点外,还需要多练习、多思考,从中总结知识点,归纳经验。

思考与练习

1.使用元件有什么优点?

2.元件主要包括哪几种类型?

3.影片剪辑元件和图形元件有哪些区别?举例说明。

4.如果想将常用的矢量素材库放入公用库中,怎样操作?

5.绘制一个圆形,设置填充色为“FF6600”,制作一个图形元件,然后将它拖曳到舞台,将其颜色分别改变为“CC00CC”,“000000”,“00CC00”,如图3-59所示。

6.将素材“第3章\制作情人节贺卡.fla”文件导入到公用库中,然后使用“情人节贺卡”

公用库进行舞台布置,如图3-60所示。