网页动画设计与制作Flash MX 2004 教学课件 作者 陈永东 项目8-按钮与交互的设计.pptVIP

网页动画设计与制作Flash 项目八 按钮与交互的设计 项目八 按钮与交互的设计 【项目背景】 小张已经掌握了一般的动画的设计方法，并为公司制作了几个简单动画。这时，新的任务摆在了他的面前，公司需要设计一些能够由用户自主控制的复杂动画，包括“地下宝藏”的各类按钮、网站中的鼠标跟踪功能、“转动的眼球”动画以及CS中的“描准镜”功能等。 【项目分析】 1．按钮的功能与基本制作方法是怎样的？ 2．如何应用按钮的功能与用户实现交互？ 【任务分解】 任务1：设计动画按钮。 任务2：设计隐形按钮。 任务3：设计动画的交互功能。 任务1 设计动画按钮 了解按钮元件的构成。 制作“地下宝藏”之“网罗店铺”按钮。 制作“地下宝藏”之“神奇测试”动画按钮。 1．理解按钮元件的构成 （1）第一帧是“弹起”状态，代表指针没有经过按钮时该按钮的状态。 （2）第二帧是“指针经过”状态，代表当指针滑过按钮时该按钮的外观。 （3）第三帧是“按下”状态，代表单击按钮时该按钮的外观。 （4）第四帧是“点击”状态，定义响应鼠标单击的区域，此区域在 SWF 文件中是不可见的。 2．制作“地下宝藏”之“网罗店铺”按钮1 （1）新建Flash文件，命名为“网罗店铺”。 （2）执行“插入”→“新建元件”命令，创建图形元件“蜘蛛”。 （3）使用“线条工具”绘制直线蛛网，再用“选择工具”将蛛丝的弧度调整好。 （4）使