flashcs6教程第8章 经典实例：制作按钮.ppt

《flashcs6教程第8章 经典实例：制作按钮.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章经典实例：制作按钮●8.1要点分析●8.2设计按钮元件●8.2.1直接创建按钮元件●8.2.2使用库中的元件●8.2.3编辑元件●8.2.4使用文件夹管理元件●8.2.5排序元件●8.2.6修改元件属性●8.2.7删除元件●8.3使用元件制作闪烁的星星●8.2设计按钮元件在Flash中，每个元件都有唯一的时间轴和舞台以及若干个图层。它可以独立于主动画进行播放。下面以设计按钮元件为例，介绍元件的创建方法，一起来试试吧。直接创建元件即先利用“创建新元件”命令创建一个空元件，然后在元件编辑模式下制作元件。直接创建元件的具体操作步骤如下。步骤

2、1在Flash窗口中新建“按钮.fla”文件，然后在菜单栏中选择“插入”

3、“新建元件”命令，如图8-1所示。步骤2弹出“创建新元件”对话框，在“名称”文本框中输入元件名称，然后设置类型为“按钮”，再单击“确定”按钮，如图8-2所示。步骤3返回Flash窗口，即可发现此时已进入按钮元件的编辑窗口，在“时间轴”面板中单击“弹起”帧，然后在工具箱中单击“椭圆工具”图标，接着在“属性”面板中设置笔触颜色为“无”，并单击“填充颜色”图标，在弹出的菜单中单击“线性填充”图标，如图8-3所示。步骤4在元件编辑窗口中按住鼠标左键并拖动鼠标，绘制渐变色椭圆图

4、形，如图8-4所示。●8.2.1直接创建按钮元件●8.1设计按钮元件图8-1选择“新建元件”命令图8-2“创建新元件”对话框图8-3设置椭圆工具属性图8-4绘制渐变色椭圆图形步骤5在工具箱中单击“文本工具”图标，然后在元件编辑窗口中插入文本框，并输入字符“Play”，如图8-5所示。步骤6单击插入的文本框，然后在“属性”面板中的“系列”下拉列表中选择一种字体样式，如图8-6所示。图8-6设置文本的字体样式图8-5插入文本步骤7继续设置文本的字体颜色为“红色”，大小为28，如图8-7所示。步骤8使用选择工具将文本框移动到椭圆图形上，接着使用任

5、意变形工具调整椭圆图形的大小，再选中椭圆图形和文本框，按Ctrl+G组合键组合图形，如图8-8所示。图8-7设置文本颜色和大小图8-8组合文本框和椭圆图形步骤9在“时间轴”面板中右击“指针经过”帧，在弹出的快捷菜单中选择“插入关键帧”命令，这样即可将“弹起”帧中的图形复制到“指针经过”帧中了，如图8-9所示。步骤10单击图形，在菜单栏中选择“修改”

6、“取消组合”命令，如图8-10所示。图8-10选择“取消组合”命令图8-9选择“插入关键帧”命令步骤11单击文本框，然后在“属性”面板中设置文本颜色为“绿色”(#00FF00)，如图8-11所示

7、。步骤12单击椭圆图形，然后按Alt+Shift+F9组合键打开“颜色”面板，设置径向渐变填充两端的颜色分别为“#FFFFFF”、“#B0FFB0”，如图8-12所示。步骤13再次组合文本框和椭圆图形，然后右击“按下”帧，在弹出的快捷菜单中选择“插入关键帧”命令，在该帧处插入关键帧，效果如图8-13所示。步骤14参考前面的步骤，先取消图形组合，然后为椭圆图形设置另一种填充颜色，并将文本颜色设置为“黄色”(#FFFF00)，再次将两图形组合起来，如图8-14所示。图8-11设置文本颜色为“绿色”图8-12设置径向渐变填充参数图8-13在“按下

8、”帧位置处插入关键帧图8-14为文本和椭圆图形设置另一种颜色步骤15右击“点击”帧，在弹出的快捷菜单中选择“插入关键帧”命令，效果如图8-15所示。步骤16单击“返回场景”图标，返回到场景编辑状态，如图8-16所示。步骤17切换到“库”面板，会看到刚才制作的按钮元件已经自动添加到库中了，把按钮元件拖动到舞台，即可创建按钮元件的实例，如图8-17所示。步骤18选择菜单栏中的“控制”

9、“启用简单按钮”命令，就可以在场景中测试按钮元件，如图8-18所示。步骤19将指针定位到按钮上，此时的效果如图8-19所示。步骤20单击按钮，此时的效果如图8-2

10、0所示。释放鼠标左键后，按钮将恢复到“经过”帧中的颜色。图8-16单击“返回场景”图标图8-15在“点击”帧位置处插入关键帧图8-17插入新创建的按钮元件图8-18选择“启用简单按钮”命令图8-19查看将指针定位到按钮上时的效果图8-20查看单击按钮时的效果元件库在动画制作中经常会用到，在使用元件库之前，先来熟悉一下“库”面板。1．认识“库”面板在Flash程序中，按F11键或Ctrl+L组合键即可打开或隐藏“库”面板了，如图8-21所示。●8.2.2使用库中的元件图8-21“库”面板标题栏：用于显示当前Flash文件的标题。将鼠标指针移到

11、标题栏上，会出现该文件的存储地址，如图8-22所示。若单击标题栏右侧的下拉按钮，可以在弹出的下拉列表中看到所有被打开的Flash文件的名称，若要切换到某个文件，单击相应的文件名称