动画设计与制作Flash CS3项目4 制作形状补间动画.pptVIP

制作形状补间动画 主讲： ZHI ZUO XING ZHUANG BU JJIAN DONG HUA 了解形状补间动画的制作原理。 掌握形状补间动画的创建方法。 掌握使用形状补间动画表现事物变化的过程。 掌握形状提示点的原理和使用方法。 教学目标: 项目四 制作形状补间动画 项目四： 制作形状补间动画 任务一 任务二 小结 任务一 了解形状补间动画制作原理 任务二 掌握形状提示原理 任务一 任务二 小结 项目四： 制作形状补间动画 项目四 制作形状补间动画 在一个关键帧中绘制一种形状的物体，然后在另一个关键帧中更改该物体的形状或绘制另一种形状的物体，Flash CS3可在二者之间的各帧中自动创建形状逐渐变化的过渡帧，最后生成完整的动画，这种动画类型就是“形状补间动画”。 形状补间动画原理 任务一 了解形状补间动画制作原理 任务一 任务二 小结 项目四： 制作形状补间动画 同一图层上，在绘制着不同矢量图形的两关键帧之间任选一帧，然后再在【属性】面板上的【补间】下拉列表中选择“形状”选项，如图4-2所示，就可创建一个形状补间动画。 创建形状补间动画 任务一 了解形状补间动画制作原理 任务一 任务二 小结 项目四： 制作形状补间动画 （1）【缓动】文本框 在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化。 其值在–100～0时，动画变化的速度从慢到快。 其值在0～100时，动画变化的速度从快到慢。 缓动为0时，补间帧之间的变化速率是不变的。 认识形状补间动画的属性面板 任务一 了解形状补间动画制作原理 任务一 任务二 小结 项目四： 制作形状补间动画 （2）【混合】下拉列表 在【混合】下拉列表中包含“角形”和“分布式”两个选项。 角形：指创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 分布式：指创建的动画中间形状比较平滑和不规则。 操作一【基础练习】—制作“雄鸡变羔羊” 任务一 任务二 小结 “雄鸡变羔羊”效果图 项目四： 制作形状补间动画 1、新建影片 任务一 任务二 小结 设置文档属性及颜色 项目四： 制作形状补间动画 操作一【基础练习】—制作“雄鸡变羔羊” 2、创建“鸡”变成“羊”的动画 任务一 任务二 小结 库面板及鸡和羊图形 项目四： 制作形状补间动画 操作一【基础练习】—制作“雄鸡变羔羊” 3、创建“鸡”变成“羊”的动画 任务一 任务二 小结 分别选中第1帧和第40帧，在第1帧～第30帧和第40帧～第70帧分别创建形状补间动画，完成后的时间轴状态如图所示。 项目四： 制作形状补间动画 操作一【基础练习】—制作“雄鸡变羔羊” 4、自定义变形 任务一 任务二 小结 项目四： 制作形状补间动画 添加形状提示符 操作一【基础练习】—制作“雄鸡变羔羊” 操作二【重点案例】—制作“汉子的演变” 任务一 任务二 小结 项目四： 制作形状补间动画 汉子的演变流程图 1、绘制太阳 操作二【重点案例】—制作“汉子的演变” 任务一 任务二 小结 项目四： 制作形状补间动画 导入素材 太阳颜色及效果 2、制作补间形状动画 操作二【重点案例】—制作“汉子的演变” 任务一 任务二 小结 项目四： 制作形状补间动画 创建补间 操作三【突破提高】—制作“浪漫的绽放” 任务一 任务二 小结 项目四： 制作形状补间动画 “浪漫的绽放”流程图 1、制作叶片的生长 操作三【突破提高】—制作“浪漫的绽放” 任务一 任务二 小结 项目四： 制作形状补间动画 制作后的叶片及时间轴状态 2、制作花梗的生长动画 操作三【突破提高】—制作“浪漫的绽放” 任务一 任务二 小结 项目四： 制作形状补间动画 花梗各个时期状态 3、制作花瓣的生长动画 操作三【突破提高】—制作“浪漫的绽放” 任务一 任务二 小结 项目四： 制作形状补间动画 花瓣各个时期形状 4、完成制作 操作三【突破提高】—制作“浪漫