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