大学多媒体应用基础第八讲Flash基本动画.ppt
多媒体技术与网页制作,任课教师：郝选文E-Mail:,第八讲 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文档，文档属性设置为640px480px；导入素材小鸡动画背景，在第3帧插入帧；新建图层，分别在第1帧、第2帧和第3帧插入空白关键帧，导入素材小鸡01、小鸡02和小鸡03.,第八讲 Flash基本动画 2.逐帧动画,2.2 实例实例三：逐帧图像（山水动画）新建Flash文档，文档属性设置为460px165px；分别在第1帧、第2帧、第3帧和第4帧插入空白关键帧，导入素材山水01、山水02、山水03和山水04.,第八讲 Flash基本动画 2.逐帧动画,2.2 实例实例四：逐帧图像（松鼠快跑）新建Flash文档，文档属性设置为500px277px；导入松鼠动画背景到舞台作为背景，并在第36帧插入帧；新建图层，导入素材松鼠01、松鼠02和松鼠03到库，在新图层第1帧放入松鼠01，在新图层第3帧插入空白关键帧放入松鼠02，在新图层第5帧插入空白关键帧放入松鼠03，依次在第7、9、1135帧分别放入松鼠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文档，文档属性设置为600px425px；导入小鱼动画背景到舞台作为背景，并在第96帧插入帧；导入素材鱼01-06到库；新建“海豚”影片剪辑元件，分别在第1-3帧放入鱼01-03，大小为200px100px，位置(-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基本动画 5.引导层动画,5.2 实例实例二：行驶的汽车导入公路和汽车等素材到库，在图层1的1-15帧制作公路动画，图层2的15-30帧制作公路边物体动画，依次类推，制作好公路场景后，最后放入汽车，添加运动引导层，用平滑铅笔工具绘制运动轨迹，制作汽车沿道路行驶动画。,第八讲 Flash基本动画 5.引导层动画,5.2 实例实例三：飞翔的小鸟新建800px500pxFlash文档，导入场景和小鸟素材到库，制作好场景后，制作小鸟动画影片剪辑元件，新建图层放入小鸟动画元件，添加运动引导层，用平滑铅笔工具绘制动画轨迹。,第八讲 Flash基本动画 6.遮罩层动画,6.1 含义遮罩层类似一张镂空纸，透过镂空区域可以看见被遮罩层中的东西。6.2 实例实例一：探照灯效果新建黑色背景文档，用文字工具在舞台输入文字，黑体90号黄色；在第50帧单击插入帧，新建图层2，在第1帧用椭圆工具填充一个比文字稍大的红色圆形，按F8将其转化为影片剪辑，拖至文字左端，在第50帧插入关键帧，将圆形拖至文字右端，在图层2静止帧创建补间动画，在图层2上单击右键选择“遮罩层”。,第八讲 Flash基本动画 6.遮罩层动画,6.2 实例实例二：椭圆照片遮罩新建400px300px文档，导入照片为背景；在120帧处插入帧，新建图层2，在第1帧用椭圆工具填充一个没有轮廓线的绿色小圆形，在第10帧插入关键帧，使用变形工具放大，设置形状补间，在图层2上单击右键选择“遮罩层”；新建图层3，在第10帧插入关键帧，使用照片作为背景；新建图层4，在第10帧填充绿色小圆形，在第20帧插入关键帧，放大，设置形状补间，在图层4上单击右键选择“遮罩层”；依次类推制作。,第八讲 Flash基本动画 6.遮罩层动画,6.2 实例实例三：利用遮罩层制作广告新建950px500pxFlash文档，导入素材；设置背景；新建影片剪辑元件，制作遮罩效果的动画；显现影片剪辑元件，制作文字动画；设置影片剪辑到场景中，完成动画制作。,
