flashcs6教程8剖析.ppt

步骤30 为了能在画面中看到星星图形，可以在画面添加一些“星星”按钮元件。这里新建“星空”图层，接着将“星星”按钮元件拖至舞台中，如图8-89所示。 图8-86 以轮廓方式显示画面 图8-87 复制星星图形 图8-88 选择“整个”命令 图8-89 使用“星星”按钮元件 步骤31 按Ctrl+T组合键打开“变形”，在此按20%的比例缩放图形，如图8-90所示。 步骤32 在“时间轴”面板中锁定“星星”图层，并单击图层右侧的方形图标，显示 该图层中的星星轮廓，然后将添加的“星星”按钮实例移动到某个星星轮廓中，如图8-91所示。 图8-90 调整星星元件的大小 图8-91 显示“星星”图层的轮廓 步骤33 使用类似方法继续添加“星星”按钮元件到星星轮廓中，如图8-92所示。 步骤34 单击“星星”图层右侧的方形图标，这时可以在舞台中看到如图8-93所示的星空效果。 步骤35 整个动画制作好后，按Ctrl+Enter组合键即可测试影片。当鼠标移动至有“星星”影片剪辑实例的地方，将会有星星闪烁，如图8-94所示。 图8-92 继续添加星星按钮元件 图8-93 查看添加多个星星按钮元件后的效果 图8-94 预览动画效果 第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中，每个元件都有唯一的时间轴和舞台以及若干个图层。它可以独立于主动画进行播放。下面以设计按钮元件为例，介绍元件的创建方法，一起来试试吧。 直接创建元件即先利用“创建新元件”命令创建一个空元件，然后在元件编辑模式下制作元件。直接创建元件的具体操作步骤如下。 步骤1 在Flash窗口中新建“按钮.fla”文件，然后在菜单栏中选择“插入”|“新建元件”命令，如图8-1所示。 步骤2 弹出“创建新元件”对话框，在“名称”文本框中输入元件名称，然后设置类型为“按钮”，再单击“确定”按钮，如图8-2所示。 步骤3 返回Flash窗口，即可发现此时已进入按钮元件的编辑窗口，在“时间轴”面板中单击“弹起”帧，然后在工具箱中单击“椭圆工具”图标，接着在“属性”面板中设置笔触颜色为“无”，并单击“填充颜色”图标，在弹出的菜单中单击“线性填充”图 标，如图8-3所示。 步骤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 使用选择工具将文本框移动到椭圆图形上，接着使用任意变形工具调整椭圆图形的大小，再选中椭圆图形和文本框，按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 参考前面的步骤，先取消图形组合，然后为椭圆图形设置另一种填充颜色，并将文本