Flash 8动画设计案例教程第6章.ppt

6.2 案例演示 利用前面所学知识制作如下效果，完整演示效果请观看从网上下载的素材第6章的“选择填空1”Flash文件。 6.2 案例演示 6.2.3 案例三：测试题目 6.2 案例演示 (1) 运行Flash 8.0，新建一个名为“测试题目”的文件。 (2) 选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置为如图6.39所示，并单击按钮。 (3) 利用工具箱中的[线条]工具、[矩形]工具、[椭圆]工具绘制如图6.40所示的图形。 6.2 案例演示 6.2 案例演示 6.2 案例演示 (10) 选中“图层2”，选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.49所示的组件，将其拖动到舞台中，并设置组件属性为如图6.50所示。 6.2 案例演示 (12) 选中“图层3”的第1帧，打开【动作】脚本对话框，在脚本对话框中输入如图6.53所示的代码。 (13) 分别对拖入到舞台中的4个组件输入“动作”代码，从上到下分别输入如图6.54～图6.57所示的代码。 6.2 案例演示 6.2 案例演示 6.2 案例演示 6.2.4 案例四：综合试题测试 6.2 案例演示 (1) 运行Flash 8.0，新建一个名为“综合试题测试”的文件。 (2) 选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.59所示，并单击[确定]按钮。 (3) 利用工具箱中的[线条]工具、[矩形]工具、[椭圆]工具绘制如图6.60所示的图形。 6.2 案例演示 6.2 案例演示 (8) 选择[窗口]→[组件]命令，弹出【组件】对话框，选择如图6.65所示的组件，将其拖动到舞台中，设置组件属性为如图6.66所示。 6.2 案例演示 6.2 案例演示 (15) 将导入的图片拖到工作区，图片放在中心点的左下角，如图6.73所示。 (16) 单击时间轴左上角的[场景]按钮，返回场景。 (17) 在库中的image影片剪辑元件上单击鼠标右键，弹出快捷菜单，在快捷菜单中选择[链接]命令，弹出【链接属性】对话框，设置如图6.74所示，并单击[确定]按钮。 (18) 在“图层2”的第3帧处插入一个关键帧，并选中该帧，然后将不需要的元件删除。 6.2 案例演示 6.2 案例演示 (22) 分别在“图层3”的第1、第2、第3帧各插入一个关键帧。第1个关键帧的“动作”代码如图6.82所示，第2个关键帧的“动作”代码如图6.83所示，第3个关键帧的“动作”代码如图6.84所示。 (23) 最终测试效果如图6.85所示。完整动画演示请观看从网上下载的素材第6章的“综合试题测试”Flash文件。 6.2 案例演示 本案例主要介绍如何利用Flash自带的组件和代码制作一个“综合试题测试”效果。在制作过程中输入代码时要细心。 6.2 案例演示 6.2.5 案例五：系统登录界面 6.2 案例演示 6.2 案例演示 (5) 利用文字工具输入文字，并调整好文字的大小和颜色，效果如图6.89所示。 6.2 案例演示 6.2 案例演示 6.2 案例演示 (12) 选中第1帧，在舞台中建立两个输入文本框，位置、大小如图6.97所示，从上到下两个文本框的属性设置如图6.98～图6.99所示。 (13) 测试效果如图6.100所示，完整动画演示效果请观看从网上下载的素材第6章的“系统登录界面”Flash文件。 6.2 案例演示 6.2 案例演示 6.2.6 案例六：360°全景图 6.2 案例演示 (1) 运行Flash 8.0，新建一个名为“360°全景图”的文件。 (2) 选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图6.101所示，并单击[确定]按钮。 (3) 利用工具箱中的[线条]工具、[椭圆]工具绘制如图6.102所示的图形。 (4) 单击时间轴左上角的[场景]按钮，返回场景。 6.2 案例演示 6.2 案例演示 (10) 将“库”中的“图片移动”影片剪辑元件拖到工作区中央，并设置元件属性面板如图6.107所示。 6.2 案例演示 (14) 选中“标志”图层，在舞台中央利用线条工具，在中央位置绘制如图6.110所示的“+”标志。 (15) 选中“光标”图层，将“库”中的“光标”影片剪辑元件拖到舞台中央，【属性】面板的设置如图6.111所示。 6.2 案例演示 6.2 案例演示 (18) 测试动画效果如图6.114所示。完整动画演示效果请观看从网上下载的素材第6章的“360°全景图”Flash文件。 6.2 案例演示 6.2 案例演示