实验七 Flash CS3动画基础.docVIP

实验七 Flash CS3动画基础 1．文字变形动画 2．滴水效果 3．旋转的地球 4．荷花画轴。 文字(字母)变形: (形状补间动画) 　制作步骤 　 步骤1 创建新文档 　 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|Flash文件选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为500×400像素，【背景色】为白色，如图7-1所示，单击“确定”按钮。 图7-1 文档属性? 　　步骤2 创建背景图层 　 单击图层1的第1帧,执行【文件】|【导入】|【导入到舞台】命令，将名为“上河园.jpg”图片导入到场景中，单击刚导入的图片，在屏幕下方的属性窗口解开宽高比值锁定，设置宽：500，高：400，X:：0；Y：0；如图7—2所示，再选择第80帧，按键盘上的F5键，增加一个普通帧，如图7-3所示。 图7-2 设置背景图片的属性 图7-3插入背景图片 　步骤3 创建灯笼元件: 　①执行【插入】|【新建元件】|,元件类型选 “图形”,取名为 “灯笼”,如图7-4,单击 “确定”按钮, 图7-4新建元件对话框 ②执行【窗口】|顏色命令，打开【顏色】面板，设置各项参数，渐变的颜色为白色到红色，如图7-5所示。 图7-5 【顏色】面板设置之一 ③选择工具箱中的【椭圆工具】，设置【笔触颜色】为无，绘制出一个椭圆做灯笼的主体，大小为80×60像素。如图7-6 图7-6 绘制椭圆 接着我们来画灯笼上下的边，冲击一下舞台空白处，在【颜色】面板，按照如图7-7所示设置深黄色到浅黄色的【线性】渐变填充。从左到右三个填充色块的颜色值分别为：#FF9900、#FFFF00、#FFCC00。 图7-7 【颜色】面板设置之二 选择工具箱上的【矩形工具】，设置【笔触颜色】为无，绘制出一个矩形，大小为50×15像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为10×30像素，作为灯笼上面的提手。 　 最后用【线条工具】，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图7-8所示。 图7-8 画好的灯笼 　　④单击 “场景1”,回到场景中. 步骤4将灯笼”元件放入四个图层中: 新建四个图层，依次取名为 “灯笼1”、“灯笼2”、“灯笼3”、“灯笼4”， 执行【窗口】|【库】命令，打开库面板，将灯笼元件分行拖入每个图层的第1帧中，调整灯笼的位置，使其错落有致地排列在场景中。并依次选中各层中的灯笼，执行“【修改】|【分离】”命令，将各层中的元件分离为形状。 在第20、40帧处为各图层添加关键帧，如图7-9所示。 图7-9 错落有致的灯笼及时间轴面板 步骤5 把文字转为形状取代灯笼 　选取第一个灯笼，在第40帧处用文字“庆”取代灯笼（先删除灯笼，再用文字工具在灯笼原位置输入文字），在【属性】面板上，设置文本类型为【静态文本】，字体为【华文隶书】，字体大小为100，颜色为红色。单击时间轴下方的“绘图纸外观轮廓”按钮，移动“庆”字对齐原灯笼位置。 　对“庆”字执行【修改】|【分离】命令，把文字转为形状。如图7-10所示。 图7-10 用“庆”字替换第一个灯笼 依照以上步骤，在第40帧处的相应图层上依次用“祝”、“五”、“一”三个字取代另外三个灯笼，并执行【分离】操作，其效果如图 7-11所示。 图7-11 用文字形状取代灯笼形状及文字分离 步骤6 设置文字形状到灯笼形状的转变。 　在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。 　具体办法是分别复制第20帧中的“灯笼”图形，再分别粘贴到第80帧中，当然，你应该先清除第80帧处4个“灯笼”图层中的内容 步骤7 创建形状补间动画。 　 在“灯笼”各图层的第20、60帧处单击帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，建立形状补间动画，如图7-12所示。 图7-12 创建形状补间动画 　 步骤8执行【控制】|【测试影片】菜单命令，测试动画效果，最后保存文件（sy7-1.fla）。 滴水效果 : 制作步骤: 1. 创建新文档 　 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为600×500像素，【背景色】为#66ccc，如图7-13所示。 图7-13 文档属性? 新建一图形元件 “水滴”(选菜单“插入（I）→新建元件（N）”)，画出一轮廓为如图7-14所示：（用铅笔工具，铅笔工具选项选“平滑”） 图7-14 铅笔画“水滴” 　　3. 点击工具栏中的油漆桶工具，设置水滴填充颜色为从淡蓝色到白色的线性渐