第6讲Flash元件、逐帧动画与形状.pptVIP

* 编辑元件 在快捷菜单中选择“编辑” ，或双击库面板中的元件，就可进入元件的编辑状态。 元件的修改会直接影响到影片中每一个以它为基础的实例。 元件编辑状态 * 实例 应用于影片的元件均被称之为实例。 在工作区中选中实例，可以改变实例的尺寸、颜色与元件类型，但这些改动只针对实例本身，不会影响到库面板中的元件 。 * * 课堂示例2-瓢虫与花 打开“瓢虫与花.fla”，利用库中的素材制作瓢虫飞舞的影片剪辑；制作花丛中5只大小不一，头部朝向不同的小瓢虫飞舞的动画 。 知识点： 掌握制作影片剪辑的方法 区分场景动画与影片剪辑动画 区分实例与元件 进一步理解逐帧动画 参考“瓢虫与花-样张.swf” * * 课堂示例2-关键步骤 打开文件“瓢虫与花.fla” “插入/新建元件”创建影片剪辑 “瓢虫飞舞”； 利用库中的“瓢虫1”、“瓢虫2”、 “瓢虫3” 、“瓢虫4”元件和逐帧动画方法制作“瓢虫飞舞”； 注意：调整图片位置可以利用“对齐面板” 一定要把“相对于舞台”按钮按下 将库中的“花”元件拖放3次到舞台上形成3个实例，调整3个实例的大小或者进行翻转，得到花丛； 将库中的“瓢虫飞舞”元件拖放5次到舞台上形成5个实例，调整5个实例的大小得到瓢虫群； 保存为“瓢虫与花.fla”和“瓢虫与花.swf” * 补间形状动画 补间形状动画的概念 补间形状动画是指在两个或两个以上的关键帧之间对形状进行补间的动画，从而创建出类似于形变的效果，使一个形状看起来随着时间变成另一个形状。 补间形状动画可以改变对象的位置、大小和颜色等属性。 补间形状动画在CS4以前的版本叫形状补间动画 补间形状动画的要求 补间形状动画的对象必须是分离的(矢量图) 元件、组合、文字需要分离 有的对象需要分离多次，如文字 绘图工具绘制的图形本身就是分离的 * * 创建补间形状动画 补间形状动画的创建步骤 在动画开始处创建一个空白关键帧，并放入需要变形的对象 在动画结束处创建一个空白关键帧，并放入变形后的对象 选择两关键帧之间任何一帧，按鼠标右键，在快捷菜单中选择“创建补间形状”命令 或者打开“插入”菜单，选择“补间形状”命令 * * 补间形状动画的表现形式 补间形状动画头尾必须是关键帧，两关键帧中间被带有一个黑箭头和浅绿色背景的中间过渡帧分开(如图层4所示) 如果两关键帧中间的黑箭头变为黑点，代表补间形状动画创建错误 缺少开始或结束关键帧(如图层2,3所示) 对象分离或没有彻底分离(如图层1所示) * * 补间形状动画参数设置 选择补间形状动画中任何一帧，打开补间形状动画的属性面板，设置属性 “缓动”选项 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减速度补间。 默认为0，补间帧之间的变化速率是不变的。 “混合”选项 角形：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 分布式：创建的动画中间形状比较平滑和不规则。 * * 课堂示例3：雪人 运用补间形状动画实现“雪球”字变成“雪人”的过程。参看“雪人-样张.swf” 知识点： 文字与元件的分离 补间形状动画 * * 课堂示例3-关键步骤 打开“雪人.fla”。 设置舞台背景色为蓝色。 在第1帧的中画白色的圆。 在第30帧插入空白关键帧，将库中元件“小雪人”拖放到舞台中央，并分离。 选择第1帧到第30帧中的某一帧，按右键，创建补间形状动画。 “缓动”值设置为-100。 保存为“雪人.fla”和“雪人.swf” * * 课堂示例4：白天黑夜 参考“白天黑夜-样张.swf”文件，制作补间形状动画 要求： 动画持续到60帧，其中变化50帧，停留10帧； 天空由黑逐渐变成下蓝上白的线性渐变色； 天空变化同时，月亮变成太阳。 知识点： 分层补间形状动画 * * 课堂示例4-关键步骤 打开“白天黑夜.fla”文件，修改帧频为10； 把库中“背景”设置为舞台背景，持续到60帧； 新建图层，创建天色的变化； 在第1帧和第50帧分别画一个矩形，分别填充黑色和蓝到白的渐变色，设置大小与舞台一样大；通过在第60帧上插入帧持续； 创建补间形状动画 注意图层次序，天色变化图层要放在背景层下面 * * 课堂示例4-关键步骤（续） 在背景层上方新建图层，在第1帧和第50帧创建月亮变成太阳的补间形状动画，并持续到第60帧； 保存为“白天黑夜.fla”和“白天黑夜.swf”文件 * * 课堂练习 完成课堂示例1-4 打开“笑脸.fla”，运用补间形状动画实现“笑”字变成“笑脸”停留一会又变成“笑”字再停留一会的过程。参看“笑脸-样张.swf” * * 课后练习 制作逐帧动画，使“蓝色生死恋”5个字颜色依次发生变