小球的运动.docVIP

小球的运动 授课时间：2011.10.19 授课班级：2011春计算机班 授课科目：Flash 授课人：何飞 教学目标： 让学生掌握小球运动的制作。 教学重点、难点： 1.新建文档设置文档属性2.创建图形元件3.绘制图形4.改变圆形为渐变填充5.制作动画6.给动画添加背景7.测试和保存动画１．新建文档步骤1 新建文档 ??? 启动Flash ,创建一个新的空白文档。,如图1-3-2所示。 步骤 设置文档属性 　　单击【属性检查器中】面板上【大小】右边的“控件按钮”，弹出设置【文档属性】对话框，最上面【尺寸】是用来设定【舞台】大小尺寸的，输入宽度的值：400 px（像素）；高度的值不变：400 px（像素），如图1-3-4所示。 图1-3-4【文档属性】对话框　　 单击【背景颜色】右边的“取色按钮”，在弹出的【颜色样本】面板上选取颜色，选取颜色的同时鼠标指针变成【滴管工具】，找到天蓝色样本并拾取，同时可以查看在“十六进制文本框”中显示颜色值为 “#00CCFF”，如图1-3-5所示。 图1-3-5【背景颜色】选择 图1-3-6完成属性设置的场景2.创建图形元件 　　元件是在 Flash 中创建的图形、按钮或影片剪辑，是Flash动画中的基本构成重要元素之一。元件只需创建一次，即可在整个文档或其他文档中重复使用。而且多次使用它不会明显增大动画文件的体积大小。创建的任何元件都会自动成为当前文档的【库】的一部分。可以随时打开【库】面板进行调用，元件的应用使动画制作变得轻松快捷。 步骤1 新建图形元件： 　　执行【插入】︱【新建元件】命令（快捷键 Ctrl+F8），打开【创建新元件】对话框。在【创建新元件】对话框中，输入元件的【名称】为“小球”，【行为】选择【图形】前面的单选按钮，然后单击【确定】按钮，如图1-3-7所示。 图1-3-7创建小球元件的设置 步骤2 进入元件编辑状态 　　创建元件完成以后，编辑动画的【舞台】已经从“场景1”切换到“小球”图形元件的编辑状态，在【时间轴】的上方有“场景1”|“小球”的提示，如图1-3-8所示。 图1-3-8小球图形元件的编辑场景 3.绘制图形 步骤1 设置圆形的颜色 　　选择【工具】面板上的【椭圆工具】，单击【工具】面板下面“颜色”区域的【笔触颜色】，在弹出的【颜色样本】面板上选择【没有颜色】；再单击【填充颜色】，在弹出的【颜色样本】面板上选择蓝色“#0000FF”，如图1-3-9和图1-3-10 所示。 图1-3-9设置圆形的笔触颜色图1-3-10设置圆形的填充颜色步骤2 绘制圆形 　　移动鼠标到【舞台】的中间，按住键盘“Shift”键同时按住鼠标左键拖动，绘制出一个随意大小的圆形，如图1-3-11所示。 图1-3-11绘制出的小球 　　说明：按住 Shift 键拖动可以将形状限制为正圆形，否则为不规则的椭圆形状。 步骤3 设置圆形的属性 选择【工具】面板上的【选择工具】，然后单击【舞台】上的“圆形”，执行【窗口】|【属性】命令（快捷键Ctrl+F3），打开【属性检查器】面板，在【属性检查器】面板中设置【宽】和【高】都为“66”像素，【X轴】和【Y轴】的坐标都为“-33”，如图1-3-12所示。 图1-3-12设置圆形的属性 4.改变圆形为渐变填充 步骤1 选择渐变色填充类型 　　保持【舞台】上的“圆形”处于被选中状态，执行【窗口】︱︱【混色器】命令（快捷键Shift+F9）， 打开【混色器】面板。单击【填充样式】后面的下拉按钮，在弹出菜单中选择【放射状】渐变填充，如图1-3-13所示。 图1-3-13选择【填充样式】步骤2 设置渐变填充颜色 　　单击中间【渐变定义栏】的下面“左边”的【渐变指针】，设置【放射状】渐变填充的起始点颜色，也就是圆心中间部位的颜色。在下面的“颜色空间”单击选择一种浅蓝颜色“#939BFD”，如图1-3-14所示。 图1-3-14调整起始点填充色 　　然后再单击【渐变定义栏】下面“右边”的【颜色指针】，设置【放射状】渐变填充的终点颜色，也就是圆形周围的颜色。在下面的“颜色空间”单击选择一种深蓝颜色“#36027D”，如图1-3-15所示。 图1-3-15调整终点填充色 步骤3 完成渐变色填充 　　颜色设置好以后，因为舞台上的“圆形”处于被选中状态，编辑颜色的同时被选中的“圆形”会自动添加编辑的渐变填充颜色，很像一个小球的形状，如图1-3-16所示。 图1-3-16渐变填充的小球5.制作动画步骤1 打开库面板 　　执行【窗口】︱【库】命令（快捷建F11）,打开【库】面板。在【库】面板中看见我们刚才创建的“小球”图形元件，如图1-3-20所示。 图1-3-20【库】面板 步骤2 布局第1帧上的小球