Flash动画简明教程汪启荣电子教案 第9章.pptVIP

2007-1-08 第9章 综合示例的创建 学习目标：1、熟练绘图工具、填充工具、变形工具等使用2、熟练图形元件、电影剪辑元件的制作3、学会创建鼠标跟随的效果的制作4、理解简单动画的制作步骤，会进行简单运动补间动画的创建5、熟练动作脚本的编写 9.1综合示例—星星之心的制作 9.2 综合示例—花儿朵朵的创建 9.3综合示例—字符运动效果9.4综合示例—转变效果  综合示例—星星之心，主要是图形元件的绘制、影片剪辑元件的制作、绘图工具、填充工具的使用和逐帧动画的制作等知识。 制作步骤： 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中“”后，在尺寸的“宽”中输入动画的宽度为500像素；在尺寸的“高”中输入动画的高度为400像素, 选中“背景颜色”右边的颜色框“”，选择背景的颜色为“?黑色”。 步骤2 制作闪烁的星星效果 1、创建图形元件－光线 ①执行菜单中的“插入\新建元件”命令，打开“创建新元件”对话框，选择元件类型为“图形”，名称为“光线”，然后单击“确认”按钮，进入元件的编辑状态。 ②选用工具箱中的“椭圆工具”（）按钮，设置笔触颜色为“无色”（），填充颜色为径向渐变颜色，在混色器面板中设置左端关键点为黄色，用左键单击选中右端颜色的关键点，把透明度设置为0％，把鼠标移动到两个渐变控制点之间，当鼠标右下方出现“＋”，单击鼠标左键，则增加一个颜色控制点，将新增的颜色设置为黄色，透明度设置为0；然后，按住【Shift】键，在舞台上拖动鼠标到合适的位置，绘制出一个圆形，如图9-3所示。 ③选择工具箱中的“任意变形工具”按钮，将圆形压缩为如图9-4所示的形状，然后选中变形后的圆，将其移动到舞台的中心，使圆中心的圆圈与舞台中心的“＋”重合。 ④单击图层下方的“增加图层”按钮，新增图层2，为了防止对图层1的误操作，可以将图层1锁定。 ⑤选用工具箱中的“椭圆工具” 按钮，设置笔触颜色为“无色” ，在舞台上拖动鼠标到合适的位置，绘制出一个椭圆形；然后选择工具箱中的“任意变形工具”按钮，将圆形压缩为如图9-5所示的形状，以作为星星闪烁的光线。 ⑥选用工具箱中的“部分选取工具”按钮，选中压缩圆形的右半部分，按【Delete】键将其删除，然后选中剩余的部分移动到如图9-6所示的位置。 2、创建图形元件－星星 ①执行菜单中的“插入\新建元件”命令，打开“创建新元件”对话框，选择元件类型为“图形”，名称为“星星”，然后单击“确认”按钮，进入元件的编辑状态。 ②从库中把元件－“光线”拖动到舞台上；然后选择工具箱中的“任意变形工具”按钮，单击选中“光线”，当鼠标右下角出现一个小圆圈时移动下方的圆圈和上方压缩圆形的中心重合，如图9-7所示。 ③执行菜单中的“窗口\设计面板\变形”命令或按组合键【Ctrl+T】，打开变形面板，在变形面板的“旋转”中，输入旋转角度为“-90°”，然后单击变形面板下方的“复制并应用变形” 按钮3次，得到带有光线的星星，如图9-8所示。 3、创建影片剪辑元件－星星 ①执行菜单中的“插入\新建元件”命令，打开“创建新元件”对话框，选择元件类型为“影片剪辑”，名称为“闪烁的星星”，然后单击“确认”按钮，进入元件的编辑状态。 ②从库中把元件－“星星”拖动到舞台上；然后选择工具箱中的“任意变形工具”按钮，单击选中“星星”，把它缩放到合适的大小 。 ③在图层1中的第10帧、第20帧插入关键帧。 ④选中第1帧中实例，然后选择窗口下方的图形属性中的“颜色”，将星星的透明度设置为“10%”； 选中第20帧中实例，然后选择窗口下方的图形属性中的“颜色”，将星星的透明度设置为“20%”。 ⑤选中第10帧，然后选择工具箱中的“任意变形工具”（）按钮，单击选中“星星”，适当地放大实例，并旋转一定的角度，如图9-10所示。 ⑥选中第1帧，在窗口下方弹出的帧属性面板中将“旋转”设置为顺时针0次，如图9-11所示；选中第10帧，在窗口下方弹出的帧属性面板中将“旋转”设置为逆时针0次，如图9-12所示。 步骤3 创建星星之心的效果 1、从库中把元件－“闪烁的星星”拖动到舞台上；执行菜单中的“视图\网格\显示网格”命令，在舞台上显示网格，以便利用网格准确地进行图形的放置，如图9-13所示，由于这个实例将来位于心形图形心中间位置，所以应放置在舞台中合适的位置 。 2、在第2帧中插入关键帧，单击选中实例，按【Ctrl+C】快捷键复制实例，然后按两次trl+V】快捷键粘贴实例，移动这新的两个实例到如图9-14所示的位置，使其位于对称的位置。 3、同理，在第3帧、第4帧、第5帧、第6帧和第7帧中插入关键帧，复制实例后，按照如图9-15所示的位