《按钮的制作》PPT课件.ppt

第七章Flash按钮的制作 按钮的介绍 按钮是元件中的一种 主要用于交互 是FLASH文档中的重要元素之一 我们已经学习了如何在动作面板给按钮加代码 但是按钮本身是怎么绘制出来的呢 怎么得到一个按钮 公共库按钮从 窗口 调出 公共库 面板 从中选择需要的按钮拖入舞台即可 如对其效果不满意 还可以双击它打开编辑窗口再次加工 自己创建按钮新建按钮元件 进入元件编辑窗口去绘制好按钮的四个帧 也称为状态 即可 请养成好习惯 按钮最好单独放在一层 自创按钮的实例1 完成文档见自制按钮1 fla 新建空白文档 新建一个按钮元件 进入元件编辑舞台 新建三个图层 由上到下 分别命名为中间 边框和阴影层 每个按钮元件内都包括四个帧 弹起 指针经过 按下 点击 弹起帧 内 本身已是关键帧 绘制一个无边红色矩形 指针经过帧 插入关键帧 绘制一个无边蓝色矩形 按下帧 插入关键帧 绘制一个无边黄色矩形将前三帧内的矩形对齐舞台中心 点击帧 不用做操作 只需要插入帧即可 回到场景1 从库中将按钮元件的实例拖出放置在舞台上即完成 自创按钮的实例2 完成文档见自制按钮2 fla 这是一个多图层按钮的例子新建空白文档 新建一个按钮元件 进入元件编辑舞台 本例中的按钮较复杂 需要建两层来制作 新建中间层 阴影层在中间层第一帧绘制圆角矩形 填充线性渐变色 在第二 三帧插入关键帧 将第二 三帧内的渐变色改一下方向 阴影层的第二三帧插入关键帧 复制中间层的任意一帧的矩形到阴影层的第一帧 改为黑色 点击修改 形状 柔化填充边缘 将距离和步骤都设置为15 这样绘制出一个黑色阴影形状 将黑色形状复制到第二三帧 使用对齐面板 将每一帧内的渐变色矩形和阴影形状都调整至对齐舞台中心 点击帧 不用做操作 只需要插入帧即可 回到场景1 从库中将按钮元件的实例拖出放置在舞台上即完成 自创按钮的实例3 完成文档见自制按钮3 fla 打开按钮元件编辑窗口 分析其三个状态的内部构成 按钮时间轴上的第四帧 按钮时间轴的编辑帧只有四帧 可以加层 但新加的层也还是只有四帧 按钮的四帧分别为 经过 鼠标经过 弹起 按下 点击 前面三帧是一一对应鼠标的具体动作的 第四帧则是鼠标的感应区 当第4帧的各层都是没有内容的空帧时 鼠标的感应区由前3帧的内容范围决定 默认情况 当第4帧的任何一层插入了关键帧 并在其中绘制了图形 则鼠标的感应区由第4帧决定 演示十字型按钮 按钮的 隐藏 当不需要按钮的显示效果 但是需要按钮的触发动作时 是可以把按钮隐藏起来的按钮的 隐藏 有多种方法 这里总结几种在按钮时间轴上只添加第四帧的内容 其它帧空白做好按钮后 设置按钮实例的alpha值为0 隐藏按钮可以被当作触发热区来用 观看隐藏按纽可以起热区的作用 fla和隐藏按钮的例子 swf 制作 动画按钮 见动画按钮例子 fla 做动画按钮可以有以下几种方法按钮时间轴上的帧和场景时间轴上的帧一样 即使按钮本身就是一个元件 但一样可以装载其它元件 从而做出一个动画按钮 利用在