形状补间动画制作.ppt

,制作形状补间动画,主讲：,ZHIZUOXINGZHUANGBUJJIANDONGHUA,了解形状补间动画的制作原理。掌握形状补间动画的创建方法。掌握使用形状补间动画表现事物变化的过程。掌握形状提示点的原理和使用方法。,教学目标:,项目四制作形状补间动画,项目四：制作形状补间动画,任务一,任务二,小结,任务一了解形状补间动画制作原理,任务二掌握形状提示原理,任务一,任务二,小结,项目四：制作形状补间动画,项目四制作形状补间动画,在一个关键帧中绘制一种形状的物体，然后在另一个关键帧中更改该物体的形状或绘制另一种形状的物体，FlashCS3可在二者之间的各帧中自动创建形状逐渐变化的过渡帧，最后生成完整的动画，这种动画类型就是“形状补间动画”。,形状补间动画原理,任务一了解形状补间动画制作原理,任务一,任务二,小结,项目四：制作形状补间动画,同一图层上，在绘制着不同矢量图形的两关键帧之间任选一帧，然后再在【属性】面板上的【补间】下拉列表中选择“形状”选项，如图4-2所示，就可创建一个形状补间动画。,创建形状补间动画,任务一了解形状补间动画制作原理,任务一,任务二,小结,项目四：制作形状补间动画,（1）【缓动】文本框在【缓动】选项中输入相应的数值，形状补间动画则会随之发生相应的变化。其值在1000时，动画变化的速度从慢到快。其值在0100时，动画变化的速度从快到慢。缓动为0时，补间帧之间的变化速率是不变的。,认识形状补间动画的属性面板,任务一了解形状补间动画制作原理,任务一,任务二,小结,项目四：制作形状补间动画,（2）【混合】下拉列表在【混合】下拉列表中包含“角形”和“分布式”两个选项。角形：指创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。分布式：指创建的动画中间形状比较平滑和不规则。,操作一【基础练习】制作“雄鸡变羔羊”,任务一,任务二,小结,“雄鸡变羔羊”效果图,项目四：制作形状补间动画,1、新建影片,任务一,任务二,小结,设置文档属性及颜色,项目四：制作形状补间动画,操作一【基础练习】制作“雄鸡变羔羊”,2、创建“鸡”变成“羊”的动画,任务一,任务二,小结,库面板及鸡和羊图形,项目四：制作形状补间动画,操作一【基础练习】制作“雄鸡变羔羊”,3、创建“鸡”变成“羊”的动画,任务一,任务二,小结,分别选中第1帧和第40帧，在第1帧第30帧和第40帧第70帧分别创建形状补间动画，完成后的时间轴状态如图所示。,项目四：制作形状补间动画,操作一【基础练习】制作“雄鸡变羔羊”,4、自定义变形,任务一,任务二,小结,项目四：制作形状补间动画,添加形状提示符,操作一【基础练习】制作“雄鸡变羔羊”,操作二【重点案例】制作“汉子的演变”,任务一,任务二,小结,项目四：制作形状补间动画,汉子的演变流程图,1、绘制太阳,操作二【重点案例】制作“汉子的演变”,任务一,任务二,小结,项目四：制作形状补间动画,导入素材,太阳颜色及效果,2、制作补间形状动画,操作二【重点案例】制作“汉子的演变”,任务一,任务二,小结,项目四：制作形状补间动画,创建补间,操作三【突破提高】制作“浪漫的绽放”,任务一,任务二,小结,项目四：制作形状补间动画,“浪漫的绽放”流程图,1、制作叶片的生长,操作三【突破提高】制作“浪漫的绽放”,任务一,任务二,小结,项目四：制作形状补间动画,制作后的叶片及时间轴状态,2、制作花梗的生长动画,操作三【突破提高】制作“浪漫的绽放”,任务一,任务二,小结,项目四：制作形状补间动画,花梗各个时期状态,3、制作花瓣的生长动画,操作三【突破提高】制作“浪漫的绽放”,任务一,任务二,小结,项目四：制作形状补间动画,花瓣各个时期形状,4、完成制作,操作三【突破提高】制作“浪漫的绽放”,任务一,任务二,小结,项目四：制作形状补间动画,完成制作,任务二掌握形状提示点原理,任务一,任务二,小结,添加形状提示,单击形状补间动画的开始帧，选择【修改】/【形状】/【添加形状提示】命令，在形状上就会增加一个带字母的红色圆圈，相应地在结束帧的形状上也会增加形状提示符，如图所示。,项目四：制作形状补间动画,任务二掌握形状提示点原理,任务一,任务二,小结,形状提示点原理,增加控制点只能在开始帧进行。控制点用字母表示，最多只有26个。控制点最好从矢量图形的左上角开始，按逆时针顺序放置。控制点的顺序要符合逻辑。例如，在开始帧的一条直线上按a、b、c顺序放置3个控制点，在结束帧的相应帧的直线就不能按a、c、b顺序放置。控制点并非设置得越多越好，有时设置一个控制点就可以达到很好的效果。,项目四：制作形状补间动画,添加形状提示和未添加形状提示的区别,任务一,任务二,小结,操作一【基础练习】制作“蝙蝠飞翔”,项目四：制作形状补间动画,1、创建补间动画,任务一,任务二,小结,操作一【基础练习】制作“蝙蝠飞翔”,项目四：制作形状补间动画,2、添加形状提示符,添加形状提示符,任务一,任务二,小结,操作一【基础练习】制作“蝙蝠飞翔”,项目四：制作形状补间动画,3、完成制作,添加形状提示符后的效果,任务一,任务二,小结,操作二【重点案例】制作“翻书效果”,项目四：制作形状补间动画,“翻书效果”流程图,任务一,任务二,小结,操作二【重点案例】制作“翻书效果”,项目四：制作形状补间动画,1、制作翻页效果,制作翻页效果,任务一,任务二,小结,操作二【重点案例】制作“翻书效果”,项目四：制作形状补间动画,2、绘制书桌及小饰品,书底书桌及小饰品,任务一,任务二,小结,操作二【重点案例】制作“翻书效果”,项目四：制作形状补间动画,3、完成制作,添加第二本书后的效果,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,“选择三棱镜”流程图,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,1、素材准备,图层及库面板,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,2、设置主场景,主场景设置,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,3、绘制辅助图形,绘制三角形及变形,时间轴状态,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,4、制作旋转三棱镜效果,填充图片,移动顶点,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,5、添加形状提示符,添加形状提示符,任务一,任务二,小结,操作三【突破提高】制作“旋转三棱镜”,项目四：制作形状补间动画,6、完成制作,第二面及第三面制作,形状补间动画是指在两个形状之间创建逐渐过渡的动画。本项目首先介绍了形状补间动画的原理和创建方法，帮助读者建立对补间动画的基本认识，为后续深入学习补间形状奠定基础；接着配以丰富的补间形状动画案例，让读者从理论到实践，进一步巩固所学的知识。本项目的难点是形状提示的使用，这是一种创建补间形状的重要辅助工具，用于在动画制作中精确控制对象的形状，读者务必牢固掌握形状提示的创建和应用方法。补间动画在动画设计中应用广泛