首页 理论教育 「使用元件」:选择、创建和测试元件的方法

「使用元件」:选择、创建和测试元件的方法

时间:2023-05-17 理论教育 版权反馈
【摘要】:图6-35对话框在对话框中的下拉列表中可以选择创建的元件类型,有和3种类型元件可供选择。图6-38组合图形右击面板中的帧,在弹出的快捷菜单中选择命令,插入关键帧,如图6-39所示。图6-41帧单击返回场景,将元件从面板中拖动到舞台上,按下Ctrl+Enter组合键,测试动画效果,如图6-42所示。图6-42测试按钮元件

「使用元件」:选择、创建和测试元件的方法

元件是存放在库中可被重复使用的图形、按钮或者动画。在Flash CS5中,元件是构成动画的基础,凡是使用Flash创建的一切功能,都可以通过单个或多个元件来实现。

1)元件类型

选择【插入】|【新建元件】命令,或按下Ctrl+F8组合键,打开【创建新元件】对话框,如图6-35所示,单击【高级】按钮,可以展开高级设置对话框。

图6-35 【创建新元件】对话框

在【创建新元件】对话框中的【类型】下拉列表中可以选择创建的元件类型,有【图形】【影片剪辑】和【按钮】3种类型元件可供选择。

2)创建元件

要创建【图形】元件,选择【插入】|【新建元件】命令,打开【创建新元件】对话框,在【类型】下拉列表中选择【图形】选项,单击【确定】按钮,打开元件编辑模式,在该模式下进行元件制作,可以将位图或者矢量图导入到舞台中转换为【图形】元件,也可以使用工具箱中的各种绘图工具绘制图形再将其转换为【图形】元件。

【影片剪辑】元件可以是一个动画,它拥有独立的时间轴,并且可以在该元件中创建按钮、图形甚至其他影片剪辑元件。创建【影片剪辑】元件的方法与【图形】元件方法类似。

【按钮】元件是一个4帧的交互影片剪辑,选择【插入】|【新建元件】命令,打开【创建新元件】对话框,在【类型】下拉列表中选择【按钮】选项,单击【确定】按钮,打开元件编辑模式。【按钮】元件编辑模式中的【时间轴】面板如图6-36所示。

图6-36 【按钮】元件编辑模式的【时间轴】面板

在【按钮】元件编辑模式中的【时间轴】面板中显示了【弹起】、【指针】、【按下】和【点击】等4个帧,每一帧都对应了一种按钮状态。

新建一个文档,创建【按钮】元件。

(1)新建一个Flash文档,选择【插入】|【新建元件】命令,打开【创建新元件】对话框,在【类型】下拉列表中选择【按钮】选项,创建一个名为【按钮】的按钮元件,如图6-37所示。

图6-37 新建【按钮】元件(www.xing528.com)

(2)导入一个图像到【库】面板中,将图像拖至设计区中,转换为矢量图形,组合图形,如图6-38所示。

图6-38 组合图形

(3)右击【时间轴】面板中的【指针经过】帧,在弹出的快捷菜单中选择【插入关键帧】命令,插入关键帧,如图6-39所示。

图6-39 插入关键帧

(4)在工具面板中选择【矩形】工具,在其【属性】面板中设置笔触颜色为红色,填充颜色为透明,笔触高度为2,然后在汽车图形上绘制一个矩形框,在工具箱中选择【文本】工具,在图像的右侧添加一个静态传统文本,并输入“AMD 芯片”文字,效果如图6-40所示。

图6-40 【指针经过】帧

(5)右击【时间轴】面板中的【按下】帧,在弹出的快捷菜单中选择【插入关键帧】命令,插入关键帧。

(6)在舞台上去掉文本,然后用【选择】工具和【任意变形】工具,调整按钮图形的大小,如图6-41所示。

图6-41 【按下】帧

(7)单击【场景1】返回场景,将【汽车】元件从【库】面板中拖动到舞台上,按下Ctrl+Enter组合键,测试动画效果,如图6-42所示。

图6-42 测试按钮元件

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈