flashcs6教程8.ppt

第8章经典实例:制作按钮
● 要点分析
● 设计按钮元件
● 直接创建按钮元件
● 使用库中的元件
● 编辑元件
● 使用文件夹管理元件
● 排序元件
● 修改元件属性
● 删除元件
● 使用元件制作闪烁的星星
● 设计按钮元件
在Flash中,每个元件都有唯一的时间轴和舞台以及若干个图层。它可以独立于主动画进行播放。下面以设计按钮元件为例,介绍元件的创建方法,一起来试试吧。
直接创建元件即先利用“创建新元件”命令创建一个空元件,然后在元件编辑模式下制作元件。直接创建元件的具体操作步骤如下。
步骤1 在Flash窗口中新建“”文件,然后在菜单栏中选择“插入”|“新建元件”命令,如图8-1所示。
步骤2 弹出“创建新元件”对话框,在“名称”文本框中输入元件名称,然后设置类型为“按钮”,再单击“确定”按钮,如图8-2所示。
步骤3 返回Flash窗口,即可发现此时已进入按钮元件的编辑窗口,在“时间轴”面板中单击“弹起”帧,然后在工具箱中单击“椭圆工具”图标,接着在“属性”面板中设置笔触颜色为“无”,并单击“填充颜色”图标,在弹出的菜单中单击“线性填充”图标,如图8-3所示。
步骤4 在元件编辑窗口中按住鼠标左键并拖动鼠标,绘制渐变色椭圆图形,如图8-4所示。
● 直接创建按钮元件
● 设计按钮元件
图8-1 选择“新建元件”命令
图8-2 “创建新元件”对话框
图8-3 设置椭圆工具属性
图8-4 绘制渐变色椭圆图形
步骤5 在工具箱中单击“文本工具”图标,然后在元件编辑窗口中插入文本框,并输入字符“Play”,如图8-5所示。
步骤6 单击插入的文本框,然后在“属性”面板中的“系列”下拉列表中选择一种字体样式,如图8-6所示。
图8-6 设置文本的字体样式
图8-5 插入文本
步骤7 继续设置文本的字体颜色为“红色”,大小为28,如图8-7所示。
步骤8 使用选择工具将文本框移动到椭圆图形上,接着使用任意变形工具调整椭圆图形的大小,再选中椭圆图形和文本框,按Ctrl+G组合键组合图形,如图8-8所示。
图8-7 设置文本颜色和大小
图8-8 组合文本框和椭圆图形
步骤9 在“时间轴”面板中右击“指针经过”帧,在弹出的快捷菜单中选择“插入关键帧”命令,这样即可将“弹起”帧中的图形复制到“指针经过”帧中了,如图8-9所示。
步骤10 单击图形,在菜单栏中选择“修改”|“取消组合”命令,如图8-10所示。
图8-10 选择“取消组合”命令
图8-9 选择“插入关键帧”命令
步骤11 单击文本框,然后在“属性”面板中设置文本颜色为“绿色”(#00FF00),如图8-11所示。
步骤12 单击椭圆图形,然后按Alt+Shift+F9组合键打开“颜色”面板,设置径向渐变填充两端的颜色分别为“#FFFFFF”、“#B0FFB0”,如图8-12所示。
步骤13 再次组合文本框和椭圆图形,然后右击“按下”帧,在弹出的快捷菜单中选择“插入关键帧”命令,在该帧处插入关键帧,效果如图8-13所示。
步骤14 参考前面的步骤,先取消图形组合,然后为椭圆图形设置另一种填充颜色,并将文本颜色设置为“黄色”(#FFFF00),再次将两图形组合起来,如图8-14所示。
图8-11 设置文本颜色为“绿色”
图8-12 设置径向渐变填充参数
图8-13 在“按下”帧位置处插入关键帧
图8-14 为文本和椭圆图形设置另一种颜色
步骤15 右击“点击”帧,在弹出的快捷菜单中选择“插入关键帧”命令,效果如图8-15所示。
步骤16 单击“返回场景”图标,返回到场景编辑状态,如图8-16所示。
步骤17 切换到“库”面板,会看到刚才制作的按钮元件已经自动添加到库中了,把按钮元件拖动到舞台,即可创建按钮元件的实例,如图8-17所示。
步骤18 选择菜单栏中的“控制”|“启用简单按钮”命令,就可以在场景中测试按钮元件,如图8-18所示。
步骤19 将指针定位到按钮上,此时的效果如图8-19所示。
步骤20 单击按钮,此时的效果如图8-20所示。释放鼠标左键后,按钮将恢复到“经过”帧中的颜色。
图8-16 单击“返回场景”图标
图8-15 在“点击”帧位置处插入关键帧
图8-17 插入新创建的按钮元件
图8-18 选择“启用简单按钮”命令
图8-19 查看将指针定位到按钮上时的效果
图8-20 查看单击按钮时的效果
元件库在动画制作中经常会用到,在使用元件库之前,先来熟悉一下“库”面板。
“库”面板
在Flash程序中,按F11键或Ctrl+L组合键即可打开或隐藏“