www.kjjy.net 我们共同的flash 课件家园
<3> 用“选择工具”选定圆,按快捷键“F8”,先将圆转换为图形元件,设置如图3.3.06
所示。再次选定圆,按快捷键“F8”,将圆转换为影片剪辑元件,设置如图3.3.07所示。
图3.3.06
图3.3.07
<4> 选定“选择工具”,将鼠标指针移动到圆的线条上,两次双击圆的线条,进入“图形圆”
的时间轴。按住“Shift”键不放,用“线条工具”在编辑区中绘制一个等腰直角三角形,设置这个三角形的宽为140,高为70,如图3.3.08所示。将这个三角形移到如图3.3.09所示位置,删除一些线条,用“颜料桶工具”给这个封闭的区域填充蓝色,完成“图形圆”的编辑。
图3.3.08 图3.3.09
<5> 选定“选择工具”,鼠标在编辑区中双击,退出“图形圆”的时间轴,进入“影片圆”的
时间轴。选定“图层1”的第10帧,按快捷键“F6”插入关键帧。选定此图层的第1帧,
109
第三章 图形、影片、按钮对象的编辑
打开“属性”面板,设置如图3.3.10所示。
图3.3.10
<6> 选定“选择工具”,在编辑区中双击鼠标,回到主场景时间轴。选定“影片圆”,按快捷
键“F8”,将“影片圆”转换为按钮元件,设置如图3.3.11所示。
<7> 选定“选择工具”,鼠标在“按钮圆”上双击,进入“按钮圆”的时间轴。选定“弹起”
帧上的“影片圆”,按快捷键“Ctrl+Alt+S”,将“影片圆”旋转30度,如图3.3.12所示。
图3.3.11
110
www.kjjy.net 我们共同的flash 课件家园
<8> 选定“指针经过”帧,按“F6”插入关键帧。选定“按下”帧,按“F6”插入关键帧。
选定“弹起”帧上的“影片圆”,按两次快捷键“Ctrl+B”,将影片对象打散为矢量对象,选定此帧上的填充部分,将填充部分的颜色设置为红色。选定“按下”帧上的“影片圆”,按两次快捷键“Ctrl+B”,将影片对象打散为矢量对象,选定此帧上的填充部分,将填充部分的颜色设置为黄色。按快捷键“Ctrl+Enter”测试影片, 我们可以看到,当鼠标未处于按钮上是,按钮显示为红色;当鼠标移动到按钮上时,按钮开始旋转;当鼠标按下时,按钮显示为黄色;当鼠标处于没有颜色填充的按钮区域内时,此时,按钮并不会旋转,说明此区域不是按钮作用区域。这可能给实际操作带不不便,因此,我们要补全这部分区域。
<9> 关闭测试窗口,进入“按钮圆”的时间轴。选定“点击”帧,按“F6”插入关键帧,用
“椭圆工具”在此帧上绘制一个黑色圆,设置圆的宽和高为200,将圆移动至如图3.3.13所示位置,“点击”帧的作用就是确定按钮的作用范围。
图3.3.12
图3.3.12
111
第三章 图形、影片、按钮对象的编辑
<10> 按快捷键“Ctrl+S”,将文档保存到“E:\\实例练习”文件夹中,并命名为“按钮的
旋转”。按快捷键“Ctrl+Enter”测试影片,我们可以看到一个具有动感的按钮。 总结分析:
本例学习了在按钮的“指针经过”帧中加入影片剪辑,使按钮具有动感。同时我们也可以在“弹起”、“按下”帧上加入影片剪辑,“点击”帧的作用就是确定按钮的作用域。 实例练习
请你做出“光盘: \\实例与视频\\第三章\\第三节\\play.swf”的影片所示的按钮效果。
第四节 Flash元件的相关操作
3.4.1 太阳、月亮
实例预览:光盘: \\实例与视频\\第三章\\第四节\\太阳月亮.fla 一、太阳影片剪辑的制作
<1> 启动Flash CS3,新建一个Flash ActionScript2.0文档。 <2> 将“图层1”更名为“对比”,用“椭圆工具”在此图层的第1帧上绘制一个
红色的圆,设置圆的宽和高为100。用“文本工具”输入“太阳”两字,设置字体为宋体、字号为20、颜色为黄色。太阳两字移动到圆的中心位置,用“选择工具”选定圆和文字,按快捷键“F8”将其转换为影片剪辑元件,设置如图3.4.01所示。圆与文字在编辑区中的位置、比例大小如图3.4.02所示。
图3.4.01
图3.4.02
112
www.kjjy.net 我们共同的flash 课件家园
二、库面板的认识
按快捷键“Ctrl+L”打开库面板,如图3.4.03所示,或者点击“右方窗口”的“库”选项,如图3.4.03的①处。如果“库面板”不在右方窗口里,请拖动“库面板”的标题栏到右方窗口,放开鼠标即可。图3.4.03的②处选择相应的Flash文档,切换到相应文档的库;③处为对象的预览窗口;④处为文档库内容的显示区;⑤处显示元件或对象的图标,鼠标双击图标,可以进入相应元件的时间轴进行编辑;⑥处显示元件或者对象的名称,鼠标双击,重命名元件;⑦处为“新建元件”按钮,单击打开“新建元件”对话框;⑧处为“新建文件夹”按钮,单击新建一个文件夹。当文档的库中有无数元件时,可以将相关联的元件移入相关的文件夹中,使文档库更清晰。⑨处为“删除”按钮,选定元件或文件夹后,单击“删除”按钮,可
图3.4.03 删除选定对象。
Flash文档创建的图形元件、影片剪辑
元件、按钮元件都会出现在库中,还包括从外部导入的图片、声音、视频等文件都会出现在库中,Flash文档的库最大的好处就是可以重复使用。在库面板里选定某一对象后,拖动相应对象到编辑区中,出现虚线框后,放开鼠标,可将库中的对象引入到编辑区中。
三、直接复制元件
<1> 按快捷键“Ctrl+L”打开库面板,选定“太阳”影片剪辑后拖动它到编辑区中,如图
3.4.04所示。
图3.4.04
113