Flash菜单的制作

项目十一 Flash 菜单的制作 学习指导 1 Flash 菜单具有动感强 视觉好的特点 这里重点学习动态菜单的制作思路 2 制作菜单时 按钮对象是主要构成对象 因此要灵活掌握按钮元件的制作 3 理解并掌握隐形按钮的制作与作用 4 学习不同类型的元件之间的嵌套 从而实现一些特殊的效果 5 学习形状补间动画与动画补间动画类型的混合使用 6 学习简单动作脚本的编写 动画完成后帧面板展示 操作步骤 一 背景动画的制作 1 舞台大小为 812 250 帧频为 30 2 在背景层中绘制与舞台大小相同的黑色到蓝色渐变的矩形 并转换为名为 背景 的影 片剪辑元件 3 在背景层的第 10 帧 第 12 帧 第 12 帧和第 16 帧插入关键帧 在第 80 帧处插入普通 帧 4 调整第 10 帧和第 14 帧处的 背景 实例的亮度为 34 5 在 背景 层第 1 帧处创建补间动画 二 线条动画的制作 1 在 线条 1 层第 28 帧处绘制白色横长线条 并设其 Alpha 值为 15 2 设置 线条 1 动画效果 3 在 线条 2 层绘制 6 条白色短竖条 并设其 Alpha 值为 15 并设置其动画效果 三 标题菜单 元件的制作 1 在 网络动画 1 层插入关键帧 在该帧处创建一名为 网络动画 的影片剪辑元件 在元件内输入灰色文字 网络动画 黑体 12 号字 2 选择灰色文字 将其转换为名为 网络动画按钮 的按钮元件 3 进入 网络动画按钮 元件 在 指针经过 帧处插入关键帧 将该帧文字颜色改为白 色 4 在 点击 帧插入关键帧 在该帧处绘制一矩形 大小以正好遮住文字为准 5 返回主场景 将 网络动画 影片剪辑拖入舞台中 如下图所示 6 在舞台中选择 网络动画 实例 将其转换为名为 标题菜单 的影片剪辑元件 7 在舞台中双击 标题菜单 实例 再双击 网络动画 实例 再次进入到 网络动画 影片剪辑窗口中 在其 图层 1 的第 2 帧处插入关键帧 并使用矩形工具在舞台中绘制 一个中空的矩形 如下图所示 8 选择中空的矩形 将其转换为名为 区域 的按钮元件 9 在舞台中双击 区域 实例 进入该实例 将 弹起 帧拖动到 点击 帧处 如下图 所示 10 切换到 网络动画 按钮的编辑窗口 新建一图层 2 在 图层 2 的第 1 帧输入代码 stop 11 在舞台中选中图层 1 第 1 帧上的 网络动画按钮 实例 在其动画面板中 输入以下命令 on rollOver tellTarget parent mu1 gotoAndPlay 2 gotoAndStop 2 12 选择图层 1 第 2 帧处的 区域 实例 在动作面板中输入以下命令 on rollOver tellTarget parent mu1 gotoAndPlay 16 gotoAndStop 1 13 创建一名为 弹出式网站 的按钮元件 在元件内输入灰色文字 弹出式网站 黑体 12 号字 在其 指针经过 帧和 点击 帧插入关键帧 14 调整 指针经过 帧处的文字为橘黄色 点击 帧处绘制一正好能遮住文字的矩形 15 在图层 1 上方新建一图层 2 在该层的 指针经过 帧处插入关键帧 在文字左边绘 制一白色箭头形状 16 将白色箭头转换为名为 箭头动画 的影片剪辑元件 17 双击进入 箭头动画 实例 选中舞台中的箭头图形 将其转换为名为 箭头 的影 片剪辑元件 18 在 箭头动画 图层的第 8 帧和第 11 帧处插入关键帧 19 在舞台中选择第 1 帧 箭头 实例 将其水平向左移动 将第 8 帧处的 箭头 实例 水平向右移动一小段距离 20 将第 1 帧处的 箭头 实例的 Alpha 值设为 0 并创建补间动画 21 新建图层 2 在其第 11 帧处插入关键帧 输入脚本命令 stop 22 根据 弹出式网站 按钮元件的创建方法 创建 Banner 动画 和 Logo 动画 按钮 元件 制作方法是一样的 23 创建一名为 子菜单 的影片剪辑元件 在该元件内创建三个图层 弹出式网站 Banner 动画 和 Logo 动画 图层 并将刚创建的三个按钮元件拖入到相应的图层中 然后在舞台中调整它们的位置关系如下图所示 24 分别在三个图层的第 15 帧和第 27 帧插入关键帧 25 将第 15 帧处的三个实例垂直向上移动一段距离 26 将三个图层的第 1 帧和第 27 帧处的实例的 Alpha 值设为 0 各图层第 1 帧上设置缓动 属性为 100 创建补间动画 27 在三个图层的第 15 帧处设置缓动属性为 100 创建补间动画 28 分别调整三个图层的起始帧为第 2 帧 第 5 帧和第 9 帧 然后在下面两层的第 27 帧处 插入普通帧 此时帧面板上的设置如下图所示 29 在 Logo 图层的上方新建一 action 层 在第 1 帧输入 stop 命令 在第 15 帧处插入关键帧 也输入 stop 命令 30 返回主场景 在舞台中双击 标题菜单 实例 进入该元件编辑窗口 将 子菜单 影片剪辑元件拖入到其舞台中 31 在舞台中选择 子菜单 实例 将其实例名称设置为 mu1 四 标题菜单 元件动画的制作 1 在 网络动画 1 图层的第 64 帧处插入关键帧 2 在舞台中选择 网络动画 1 图层的第 53 帧中的 标题菜单 实例 将其向左移动一 段距离 并将其 Alpha 值设为 0 在第 53 帧处创建补间动画 3 用同样的方法 在 网络动画 1 的上方依次创建 网络动画 2 网络动画 5 图层 并根据 网络动画 1 图层中制作的动画效果 在新创建的图层中创建同样的效果 并调整到不同的位置处 如本指导开头所示 4 在 网络动画 5 图层的上方新建一名为 英文 的新图层 在该层的第