动画基础实例讲解.pptVIP

上页 下页 返回 * 导 航 上页 下页 返回 交互技术 练习资料 动画基础 绘图基础 Flash基础 音视频技术 4.3 Flash动画基础---实例讲解 实例1：地球绕着太阳转（引导层、遮罩动画） 实例2：书本翻页效果 实例3：有背景错落有致的飞鸟！ 实例4: 淡入淡出效果制作（变形动画制作alpha值的改变） 实例1：地球绕着太阳转（引导层动画） 制作要点： 1、利用遮罩实现地球动态显示效果（参考教材P149）； 2、利用引导层实现地球绕太阳转； 步骤： 一、制作“地球效果”动态显示： 插入一个新的影片剪辑元件，命名为“地球效果”，在该元件中： 1、将“图层1”改名为“地图”，导入一张地图，并创建1到第60帧的补间运动动画，调整地图的起始和终止位置。 2、新增一层，命名为“遮罩”，在适当（以衔接地图的起始位置为好）的位置上画一个有填充的圆。右键单击层名，选择“遮罩”命令。 3、再增加一层，命名为“地球前景”，画一个与下一层圆大小、位置一样有填充的圆，（用从浅灰到蓝色的“放射状”效果填充），按F8将其转化为图形元件，并在实例面板中将它的alpha设为70%。 实例1：地球绕着太阳转（引导层动画） 二、制作地球绕太阳转效果 1、绘制“背景”层，设置文档为800*600、黑色底，并在中心绘制一个红黄放射状渐变、100*100的圆（太阳）。 2、增加一层，命名为”地球“，将库中的“地球效果”影片元件拖入场景，调整大小为30*30，并创建补间运动动画。 3、增加一引导图层，在该层中绘制一个合适的无填充椭圆，擦掉一缺口。 4、在”地球“图层，第20、40、60帧插入关键帧，然后，在第20帧将”地球效果“实例拖动椭圆的顶部设置大小为20*20，在第40帧将”地球效果“实例拖动椭圆的右侧设置大小为30*30，在第60帧将”地球效果“实例拖动椭圆的底部设置大小为40*40。（为了使地球能更精确的围着太阳转，应将“地球效果”的中心放在路径上） 5、保存并测试影片。 实例2：书本翻页效果 制作要点： 1、变形动画； 2、形状提示点的应用。 步骤： 设置文档800*600、黑色底 1、将“图层一”改名为“书”，在左上角输入文字“翻页效果”并打散；在中间位置画一本书。 2、增加一层，命名为“翻页”，将“书”这一层的右侧部分复制，并用“粘贴到当前位置”命令粘贴到当前层。 3、在“翻页”这层，在第10帧插入关键帧，用“任意变形”工具，调整页面的形状。在第20、30、40帧同上操作。然后在1到40帧创建“形状补间动画”。在遇到漂浮页时，使用菜单“修改→形状→添加形状提示”，拖动相应的位置即可纠正漂浮页。 4、保存并测试影片。 拓展： 1、多页翻的效果 2、封一、封二、内容页、封底一、封底二效果（无代码实现） 实例3：有背景错落有致的飞鸟！ 制作要点： 1、元件、实例、场景（舞台）要明白； 2、元件的类型及转换； 3、实例的类型及转换； 4、图形实例起始帧的设置。 实例4:淡入淡出效果制作（变形动画制作alpha值的改变） 操作步骤： 一、图片的采集、导入和文档属性的设置 1、搜集3张图片，导入到元件库中，设置文档的属性大小640*480。 二、新建图形元件 1、“窗口”菜单→库(ctrl+L)； 2、新建3个图形类型元件，分别作相应的命名； 3、分别双击库中的各个元件进入元件编辑状态，将库中的图片拖到各个元件中，设置图片的坐标位置为中心坐标为（0，0），图片大小为640*480。在信息面板中设置为中心对齐，和图片大小 三、创建图层（注意在编辑某个图层时可将另外的图层锁定或隐藏） 1、在场景中创建3个图层，分别命名； 2、在第一层： （1）将元件库中的第一个元件拖到场景中，设置元件实例中心位置与场景中心刚好吻合； （2）创建有alpha变化的补间动画： 右键单击第一帧，选择“创建补间动画”，在第20、40帧分别按F6； 在第1帧选择图片元件实例，属性面板上的“颜色”栏，选择alpha设置值20%； 在第20帧选择图片元件实例，属性面板上的“颜色”栏，选择alpha设置值100%； 在第40帧选择图片元件实例，属性面板上的“颜色”栏，选择alpha设置值20%； 3、同第2步制作第二、三个图层 4、将图层一、二和三的帧错开 在第二层选中第1帧，按住shift键，选择第40帧，将鼠标指针指向被选中的帧拖到适当的 位置；同样的方法将第三层的帧错开