Flash cs3 基础教程第三章 

第三章 图形、影片、按钮对象的编辑

<4> 选定“选择工具”，鼠标双击“太阳与地球”影片剪辑，进入它的时间轴。将“图层1”

更名为“太阳”后锁定本图层。单击“插入图层”按钮，新建一图层，更名为“地球”，用“椭圆工具”在此图层的第1帧绘制一个无线条的蓝色圆，设置圆的宽和高都为50。用“文本工具”输入“地球”两字，将文字的颜色设置为绿色，字号为16。选定此图层的第1帧，打开“对齐”面板，设置为水平居中和垂直居中，移动到适当位置后锁定本图层。单击“添加运动引导层”按钮，添加一引导层，在此图层的第1帧绘制一个无填充色的椭圆，用“旋转”工具将这个椭圆旋转一定角度，删去椭圆线条一小部分，出现一个小缺口，移动椭圆到适当位置后锁定本图层。最后效果如图3.2.20所示。

图3.2.19

图3.2.20

<5> 解锁“地球”图层，选定“地球”图层的第1帧，按快捷键“F8”将其转换为影片剪辑，

设置如图3.2.21所示。

<6> 选定“选择工具”，鼠标双击“地球与月亮”影片剪辑，进入它的时间轴。将“图层1”

104

图3.2.21

www.kjjy.net 我们共同的flash 课件家园

更名为“蓝地球”后锁定此图层。单击“插入图层”按钮，插入一新图层，并将此图层更名为“月亮”，用“椭圆工具”在此图层的第1帧绘制一个无线条黑色的圆，将圆的宽高设置为25。用“选择工具”选定圆，按快捷键“F8”将其转换为图形元件，设置如图3.2.22所示。

<7> 单击“添加运动引导层”按钮，添加一引导层，用“椭圆工具”在引导层的第1帧上绘

制一个椭圆，删除出一个小缺口后，移动到如图3.2.23所示位置，编辑完成后锁定本图层。

<8> 在“引导层”和“蓝地球”图层的第20帧上按“F5”插入过渡帧，在“月亮”图层的第

20帧上按“F6”插入关键帧。选定“月亮”图层的第1帧上的月亮，将它的“旋转、翻转控制点”吸附到引导线的一端点，选定“月亮”图层的第20帧上的月亮，将它的“旋转、翻转控制点”吸附到引导线的另一端点。选定“月亮”图层的第1帧，建立“创建补间动画”，将“蓝地球”图层移动到“引导层”之上，编辑完成“地球与月亮”影片剪辑，如图3.2.24所示。

图3.2.22

<9> 选定“选择工具”，鼠标双击编辑区，退出“地球与月亮”影片剪辑时间轴，进入“太阳

与地球”影片剪辑的时间轴。把“地球与月亮”影片剪辑作为动画对象，用相同的方法制作地球绕太阳旋转的动画。在“引导层”和“太阳”图层的第365帧上按“F5”插入过渡帧，在“地球”图层的第365帧上按“F6”插入关键帧。选定“地球”图层的第1

105

图3.2.23 图3.2.24

第三章 图形、影片、按钮对象的编辑

帧上的地球，将它的“旋转、翻转控制点”吸附到引导线的一端点，选定“地球”图层的第365帧上的地球，将它的“旋转、翻转控制点”吸附到引导线的另一端点。选定“地球”图层的第1帧，建立“创建补间动画”，编辑完成“太阳与地球”影片剪辑，如图3.2.25所示。

图3.2.25

<10> 选定“选择工具”后在编辑区双击鼠标，退回到主场景。按快捷键“Ctrl+S”，将文

档保存到“E:\\实例练习”文件夹中，并命名为“太阳地球月亮”。按快捷键“Ctrl+Enter”测试影片，月亮绕地球旋转的同时又旋绕太阳旋转的动画就制作完成了。

总结：本例仍然是用“影片剪辑嵌套影片剪辑”的方法制作双重动画，同时进一步加深影片剪辑的编辑。

第三节 按钮元件的编辑

3.3.1 文字按钮

实例预览：光盘: \\实例与视频\\第三章\\第三节\\播放.swf 操作步骤：

<1> 启动Flash CS3，新建一个Flash ActionScript2.0文档。 <2> 将“图层1”更名为“按钮”，用“文本工具”在此图层的第1帧上输入“播放”

两字，设置文字的字体为黑体、颜色为蓝色、字号为35、加粗。 <3> 用“选择工具”选定文字，按快捷键“F8”，将文字转换为按钮元件，设置如图

3.3.01所示。

106

www.kjjy.net 我们共同的flash 课件家园

<4> 选定“选择工具”，鼠标双击“播放”按钮元件，进入“播放”按钮元件的时间轴，如图

3.3.02所示。对比图形元件与影片剪辑元件的时间轴，我们可以发现按钮元件的时间轴有一点小小的不同。按钮元件的时间轴只有4帧，分别是“弹起”、“指针经过”、“按下”、“点击”，因此，对按钮的编辑就是对这四个帧的编辑。

图3.3.01

图3.3.02

<5> 选定“指针经过”帧，按快捷键“F6”插入关键帧，将“播放”两字的颜色设置为紫色。选定“按下”帧，按“F6”插入关键帧，将此帧上的“播放”两字的颜色设置为绿色。设置完成后，按快捷键“Ctrl+Enter”测试影片，打开测试窗口，将鼠标指针移动到“播放”按钮上将会出现手形，感受鼠标弹起、鼠标经过、鼠标按下三种状态与“播放”两字的颜色变化。

弹起时，显示为蓝色 经过时，显示为紫色 按下时，显示为绿色

图3.3.03

107

第三章 图形、影片、按钮对象的编辑

<6> 关闭测试窗口，退回到未命名文档，按快捷键“Ctrl+S”，将文档保存到“E:\\实例练习”

文件夹中，并命名为“播放”，完成文字按钮的编辑。 总结分析：

本例通过颜色的变化来说明了按钮时间轴中“弹起”、“指针经过”、“按下”这三个帧的编辑，按钮的编辑就是对这三种鼠标状态的编辑，点击帧是确定鼠标作用的范围，此例没有编辑，默认为前一帧的内容所占区域大小。编辑时，各帧的内容不仅有颜色变化，还可以是形状变化、大小变化、声音变化、动画变化等。 实例练习

请你做出“光盘: \\实例与视频\\第三章\\第三节\\停止.swf”的影片所示的按钮效果。

3.3.2 在按钮中加入影片剪辑

实例预览：光盘: \\实例与视频\\第三章\\第三节\\旋转的按钮.swf 操作步骤：

<1> 启动Flash CS3，新建一个Flash ActionScript2.0文档。 <2> 将“图层1”更名为“按钮”，选定“椭圆工具”，打开“属性”面板，设置线条

颜色为蓝色(#0000FF)，填充色为无颜色；设置起始角度为90，结束角度为0，内径为50，如图3.3.04所示。在此图层的第1帧上绘制一个圆，设置圆的宽和高为200，最终效果如图3.3.05所示。

图3.3.04

图3.3.05

108