大学多媒体应用基础 第八讲 FLASH基本动画 .ppt

多媒体技术与网页制作 任课教师：郝选文 E-Mail:haoxuanwen@126.com 第八讲 Flash基本动画 1. Flash动画类型 Flash动画主要分为两大类：基本动画和图层特效动画。基本动画又分为“逐帧动画”、“形状补间动画”和“动作补间动画”；图层特效动画又分为“引导层动画”和“遮罩层动画”。 第八讲 Flash基本动画 2. 逐帧动画 2.1 含义 将动画中的每一帧都设置为关键帧，在每一个关键帧中创建不同的内容，就形成逐帧动画。 2.2 实例 实例一：逐帧文字（打字机效果） 新建Flash文档，分别在第5、10、15、20、25、30、35、40、45、50、55、60帧处按F6键插入关键帧，分别输入“我”、“们”、“一”、“起”、“学”、“习”、“F”、“L”、“A”、“S”、“H”、“！”，在第65帧按F5键将动画延长5帧。 第八讲 Flash基本动画 2. 逐帧动画 2.2 实例 实例二：逐帧图像（小鸡走路） 新建Flash文档，文档属性设置为640px×480px；导入素材小鸡动画背景，在第3帧插入帧；新建图层，分别在第1帧、第2帧和第3帧插入空白关键帧，导入素材小鸡01、小鸡02和小鸡03. 第八讲 Flash基本动画 2. 逐帧动画 2.2 实例 实例三：逐帧图像（山水动画） 新建Flash文档，文档属性设置为460px×165px；分别在第1帧、第2帧、第3帧和第4帧插入空白关键帧，导入素材山水01、山水02、山水03和山水04. 第八讲 Flash基本动画 2. 逐帧动画 2.2 实例 实例四：逐帧图像（松鼠快跑） 新建Flash文档，文档属性设置为500px×277px；导入松鼠动画背景到舞台作为背景，并在第36帧插入帧；新建图层，导入素材松鼠01、松鼠02和松鼠03到库，在新图层第1帧放入松鼠01，在新图层第3帧插入空白关键帧放入松鼠02，在新图层第5帧插入空白关键帧放入松鼠03，依次在第7、9、11……35帧分别放入松鼠01、松鼠02和松鼠03，随着帧的增加，放入的位置由左到右逐渐变化. 第八讲 Flash基本动画 3. 形状补间动画 3.1 含义 动画制作者只需考虑动画的初始状态和结束状态，中间变化过程由计算机补充的动画成为补间动画。 形状补间动画可以产生形状、位置、尺寸、色彩变化等多种动画，只可进行直线运动，只针对打散的图形。 3.2 实例 实例一：图形形状颜色渐变 分别在第1、20、40、60帧插入关键帧，分别绘制绿色三角形、蓝色正方形、粉红色六边形、红色圆形，制作形状补间动画。 第八讲 Flash基本动画 3. 形状补间动画 3.2 实例 实例二：文字形状颜色渐变 在第1、20、40、60帧插入空白关键帧，分别在舞台中心输入绿色“万”、蓝色“事”、黄色“如”、红色“意”字，并打散文字，制作形状补间动画。 第八讲 Flash基本动画 4. 动作补间动画 4.1 含义 动作补间动画可以改变矢量图型的颜色、大小、透明度、旋转角度和运动速率，只对单一整体的组件起作用。 4.2 实例 实例一：运动的足球 在第1、60帧插入关键帧，在第1帧导入足球图片，位置在舞台左侧，在第60帧将足球图片拖动到舞台右侧；在任一静止帧上单击鼠标，在属性栏选择创建补间动画，顺时针旋转3圈，缓动100由快到慢。 第八讲 Flash基本动画 4. 动作补间动画 4.2 实例 实例二：小鱼动画 新建Flash文档，文档属性设置为600px×425px；导入小鱼动画背景到舞台作为背景，并在第96帧插入帧；导入素材鱼01-06到库；新建“海豚”影片剪辑元件，分别在第1-3帧放入鱼01-03，大小为200px×100px，位置(-80,-50)； 新建图层2，分别在第1帧、第20帧和第40帧放入“海豚”元件，并调整方向及位置，设计动作补间动画； 第八讲 Flash基本动画 4. 动作补间动画 4.2 实例 实例二：小鱼动画 新建图层3，分别在第1帧、第45帧和第96帧放入“鱼04”元件，并调整方向及位置，设计动作补间动画； 新建图层4，分别在第30帧和第96帧放入“鱼05”元件，并调整方向及位置，设计动作补间动画； 新建图层5，分别在第20帧和第96帧放入“鱼06”元件，并调整方向及位置，设计动作补间动画； 第八讲 Flash基本动画 5. 引导层动画 5.1 含义 引导层动画可以在运动引导层中绘制对象的运动路径，使对象沿着指定的路径进行运动。 5.2 实例 实例一：飞机飞行 在第1帧绘制一架飞机，按F8将其转化为影片剪辑，在第50帧插入关键帧，将飞机向右移动；添加运动引导层，用平滑铅笔工具绘制运动轨迹；锁定引导层，分别在被引导层第1帧、第50帧调整飞机中心点到运动轨迹上。 第八讲 Flash基