制作地球自转动画的步骤.doc

3.6.6 制作地球的自转动画1启动Adobe Flash CS4，新建一个Flash文档，然后完成下面的操作。2执行菜单【插入】【新建元件】命令，在弹出的对话框中新建一个名为“自转的地球”的“影片剪辑”元件。3在“自转的地球”元件编辑窗口下，双击【时间轴】面板上“图层1”，将“图层1”改名为“地图”。在“地图”层的第1帧，执行菜单栏【文件】【导入】【导入到舞台】，将“世界地图剖面图”图片导入到舞台，如图3.6.39所示。3.6.39 导入“世界地图剖面图”4新建一个图层，重命名为“地球”。选择“地球”图层的第1帧，使用椭圆工具，笔触颜色设置为“无”，填充颜色为“黑色”，按住shift键，绘制一个宽、高都为260像素的圆。调整圆的位置，将圆和地图的右侧边缘对齐，如图3.6.40所示。3.6.40 绘制地球，调整其位置与地图的右边缘对齐4在 “地球”图层第25帧右击【插入帧】，用以延长显示的时间，锁定本图层。5选择“地图”图层第25帧，按F6插入关键帧，利用键盘上的方向键调整“地图”的位置，将地图和圆的左侧边缘对齐，如图3.6.41所示。3.6.41 调整地图位置与地球的左边缘对齐6在“地图”图层第1帧和第50帧之间右击鼠标，选择【创建传统补间】命令。然后在“地球”图层名称上右键单击，弹出的快捷菜单中选择【遮罩层】，如图3.6.42所示。3.6.42 设置“遮罩”效果7返回“场景1”，将【时间轴】上“图层1”重命名为“自转的地球”。选择“自转的地球”图层第1帧，打开库面板，将“自转的地球”影片剪辑元件拖到舞台合适位置，如图3.6.43所示。3.6.43 将“自转的地球”影片剪辑元件拖到舞台合适位置8保存文件，按下组合键“Ctrl + Enter”，即可看到地球自转的效果。【小知识】本实例属于遮罩动画。遮罩动画是通过一种称为“遮罩层”的特殊图层来完成。遮罩层中的对象就好像是一个“透明的视窗”，透过该“视窗”可以把遮罩层下方的“被遮罩层”的对象显示出来，而“视窗”之外的对象将不会显示。在本例中，“地球”是遮罩层，而“地图”是被遮罩层，把“地球”层转化为“遮罩层”后，地球遮到的地图部分会显示出来，而没有遮到的地图部分是不显示的。在制作遮罩动画时，需注意遮罩层中的对象仅提供一个显示被遮罩层内容的“窗口”，遮罩层中对象本身的许多属性（如线条样式、颜色、透明度等）都是被忽略的。所以，本实例中绘制的地球，不管是黑色、红色还是白色，都不会影响最后的动画播放效果。遮罩动画其实是对基本动画和遮罩图层的一种综合利用，遮罩层和被遮罩层中都可以分别或同时使用动作补间动画、形状补间动画等动画手段，因此遮罩动画具有较大的创作空间。3.6.7 制作地球围绕太阳公转动画1启动Adobe Flash CS4，新建一个Flash文档，然后完成下面的操作。2单击【属性】面板中【大小】选项后面的【编辑】按钮，打开【文档属性】对话框，设置【尺寸】为“800像素，600像素”，【背景颜色】为“黑色”，帧频为“24fps”。3双击【时间轴】面板上“图层1”，将“图层1”改名为“太阳”。执行菜单栏【插入】【新建元件】命令，新建一个名称为“太阳”的“影片剪辑”元件。在“太阳”影片剪辑元件编辑窗口中，选择【工具栏】【椭圆工具】，打开【窗口】【颜色】面板，将笔触颜色调整为“无”，将填充颜色【类型】设置为“放射状”，定义“色标”颜色为“#FF0000，#FFFF00”，按下Shift键，绘制一个宽、高都为200像素的圆，如图3.6.44所示。3.6.44 绘制“太阳”4回到“场景1”，打开库面板，将“太阳”元件拖到“太阳”层的第1个关键帧。执行菜单栏【窗口】【对齐】命令，打开“对齐”面板，按下【相对于舞台】按钮，然后点击【水平中齐】和【垂直中齐】，使其居于舞台中央。5打开【属性】面板，利用【选择工具】选择舞台上的“太阳”，即可看到“属性”面板下方的【滤镜】面板。点击【滤镜】面板最下方【添加滤镜】按钮为太阳添加“发光”滤镜效果，如图3.6.45所示。 3.6.45 添加“发光”滤镜效果 3.6.46 调整“发光”滤镜效果6设置发光滤镜【模糊X】、【模糊Y】为“100”像素，发光【颜色】为“#FFFF00”，如图3.6.46所示。设置好后的太阳发光效果如图3.6.47所示。然后在时间轴“太阳”层第100帧右击【插入帧】，用以延长显示的时间，锁定本图层。3.6.47 太阳发光的效果7新建一个图层，改名为“运动轨迹”。在时间轴第1帧，选择【工具栏】【椭圆工具】，将笔触颜色调整为“无”，填充颜色设置为“白色”，绘制一个宽640、高390像素的椭圆。执行菜单栏【窗口】【对齐】命令，打开“对齐”面板，选择新绘制的椭圆，按下【相对于舞台】按钮，然后点击【水平中齐】和【垂直中齐】，使椭圆形运动轨迹也居于舞台中央，如图3.6.48所示。3.6.48 绘制并调整运动轨迹8新建一个图层，改名为“自转的地球”。执行菜单栏【插入】【新建元件】命令，在弹出的对话框中新建一个名为“自转的地球”的“影片剪辑”元件。在“自转的地球”元件编辑窗口中，参照“3.6.6制作地球的自转动画”内容，制作一个地球自转的影片剪辑元件。9回到“场景1”，打开库面板，选择“自转的地球”层的第1个关键帧，将“自转的地球”元件拖动到舞台，在【属性】面板【位置与大小】选项卡下设置“自转的地球”元件【宽度】、【高度】都为“80”像素。然后选择“自转的地球”元件，利用【任意变形工具】将“自转的地球”元件的中心点调整至地球的中心，调整后的效果如图3.6.49所示。中心点3.6.49 调整“自转的地球”元件后效果10选择时间轴“自转的地球”图层，右击选择【添加传统运动引导层】命令，为“自转的地球”层添加了一个运动引导层，如图3.6.50所示。3.6.50 为“自转的地球”添加“传统运动引导层”11在“运动轨迹”图层第1个关键帧，选择舞台上的椭圆形运动轨迹右击【复制】，锁定该图层，然后选择“引导层：自转的地球”图层，在第1个关键帧处右击【粘贴到当前位置】，复制出一个大小和位置都一样的轨迹。12选择“运动轨迹”图层，将“运动轨迹”层暂时隐藏，如图3.6.51所示。隐藏“运动轨迹”图层3.6.51 隐藏“运动轨迹”图层13选择“引导层：自转的地球”图层第1个关键帧，利用【工具栏】【橡皮擦】工具，为“引导层：自转的地球”图层上的运动轨迹打开一个缺口，将“自转的地球”元件的移至运动轨迹缺口的一端，效果如图3.6.52所示。3.6.52 为“引导层：自转的地球”层运动轨迹打开缺口，并调整“自转的地球”的位置13选择“自转的地球”图层，在第100帧处按F6插入关键帧。调整“自转的地球”元件的位置对准缺口的另一端，如图3.6.53所示。3.6.53 移动“自转的地球”到“引导层：自转的地球”图层运动轨迹缺口的另一端14选择“自转的地球”图层，在第1帧和第100帧之间右击鼠标，选择【创建传统补间】命令。选择“运动轨迹”图层，将“运动轨迹”图层显示出来。15保存文件，按下组合键“Ctrl + Enter”，即可看到地球自转的同时围绕太阳进行公转的动画效果。【小知识】本实例是遮罩动画和运动引导层动画的综合利用。制作“自转的地球”元件是遮罩动画，让自转的地球围绕太阳进行公转则需要通过运动引导层动画来实现。在Flash中，引导层主要有普通引导层和运动引导层两种，普通引导层主要起到辅助静态对象定位的作用，无需使用被引导层，可以单独使用。运动引导层则是提供一个运动的路径，需要至少关联一个被引导层（也可以关联多个），用来实现“被引导层中的对象”沿“运动引导层中的路径”进行曲线运动的动画效果，因此运动引导层动画也称为“路径动画”。在本实例中，“引导层：自转的地球”层与“自转的地球”层相关联建立了引