【图文】形状补间动画制作(精)

1、制作形状补间动画ZHI ZUO XING ZHUANG BU JJIAN DONG HUA主讲 ：人民邮电出版社POSTS & TEI.ECOM PHKSS项目四制作形状补间动画教学目标：O了解形状补间动画的制作原理。O掌握形状补间动画的创建方法。O掌握使用形状补间动画表现事物变化的过程。O掌握形状提示点的原理和使用方法。人LI邮血出版祉POSTS & TTIXCOM PRF55S项目四：邑作形状补间动 田项目四制作形状补间动画形状补间动画原理在一个关键帧中绘制一种形状的物体，然 后在另一个关键帧中更改该物体的形状或绘制 另一种形状的物体，Flash CS3在二者之间的 各帧中

2、口动创建形状逐渐变化的过渡帧，最后 牛成完整的动画，这种动画类型就是“形状补 间动画。项目制作形状补间动 画O 任务一了解形状补间动画制作原理了解形状补间动画制作原理任务一任务一了解形了解形人氏邮电出版社项目四：制作形状补间动 画人氏邮电出版社POSTS & TFI J：COVI PRFSS參人LG邮血由版社同一图层上，在绘制着不同矢量图形的两 关键帧之间任选一帧，然后再在【属性】而板 上的【补间】下拉列表中选择形状”选项， 如图4 2所示，就可创建一个形状补间动画。.:而忆I馳I矛韵|一烘补冋3I B |経功:祢笠矣塑：#2合:I分布式3fsw3任务一了解形状补间动画制作原理任务一了

3、解形状补间动画制作原理认识形状补间动画的属性面板(1)【缓动】文本框在【缓动】选项中输入相应的数值，形状补间动画 则会随之发生相应的变化。其值在-1000时，动画变化的速度从慢到快。其值在oloo时，动I田i变化的速度从快到慢。缓动为o时，补间帧之间的变化速率是不变的。(2)【混合】下拉列表在【混合】卜拉列表中包含“角形”和“分布式” 两个选项。角形：指创建的动画屮间形状会保留有明显的角 和直线，适合于具右锐化转角和直线的混合形状。分布式：指创建的动画屮间形状比较平滑和不规任务一任务一了解形了解形状补间状补间创建形状项目四：邑作形状补间动 田三项目四：邑作形状补间动田I人LG邮电由版社3 f

4、1 I J ( C童人LG邮血由版社操作一【基础练习】一制作“雄鸡变羔羊”“雄鸡变羔羊”效果图操作一【基础练习】一制作“雄鸡变羔羊”I、新建影片项目四：制作形状补间动 画项目四：制作形状补间动 画nwetnwet设置文POST人LG邮血由版祉Ir广金力ttlv匕o: gCM)EKU) )：r EHiDr操作一【基础练习】一制作“雄鸡变羔羊”2、创建“鸡”变成“羊”的动画库而板及鸡和羊图形操作一【基础练习】一制作“雄鸡变羔羊”3、创建“鸡”变成“羊”的动画分别选中第1帧和第40帧,在第1帧第30帧和第40帧 第70帧分别创建形状补间动imi,完成后的时间轴状态如图 所示。项目四：邑作形状补间动田

5、人氓邮电由版社PCM.Ti T I rRF.KS项目四：邑作形状补间动 田人氓邮电由版社人LG邮血由版社项目四：刽作形状补间动L6BI操作一【基础练习】一制作“雄鸡变羔羊”4、自定义变形添加形状提示符项目四：刽作形状补间动【田1操作二【重点案例】一制作“汉子的演变”汉子的演变流程图操作二【重点案例】一制作“汉子的演变”1、绘制太阳项目邑作形状补间动田I项目四：邑作形状补间动田IKM35 MWleAsia人LG邮血由版社操作二【重点案例】一制作“汉子的演变”2、制作补间形状动画创建补间人LG邮血出版社wrs 4. TFIJ：COM PRFXS操作三【突破提高】一制作“浪漫的绽放”“浪漫的绽放”流

6、程图项目四：刽作形状补间动田1操作三【突破提高】一制作“浪漫的绽放”1制作项目四：刽作形状补间动田1打开模板制作叶片的生长幼制作叶片的生长功紳2最终效果初作存18的生长劝更制作花検的生长动页人LG邮血由版补人LG邮电由版社poirs &制作后的叶片及时间轴状态操作三【突破提高】一制作“浪漫的绽放”2、制作花梗的生长动画操作三【突破提高】一制作“浪漫的绽放”项目四：邑作形状补间动 田花楝各个时期状态项目四：邑作形状补间动 田花瓣各个时期形状wrs 4. TFIJ：COM PRFXS操作三【突破提高】一制作“浪漫的绽放”4、完成制作完成制作添加形状提示单击形状补间动画的开始帧，选择【修改】

7、/【形状】/【添加形状提示】命令，在形状上就会增加-个带字母的 红色圆圈，相应地在结束帧的形状上也会增加形状提示符, 如图所示。Ipj目四： 錚形状卜间动 【田1任务二任务二 掌握形状提示点原理掌握形状提示点原理JpJ目四：錚形状卜间动【田1人LC邮血出IK社POSTS去TFIJ：COMrRFXS人LC邮血出IK社POSTS去增加控制点只能在开始帧进行。控制点用字母表示，故多只冇26个。控制点最好从欠址图形的左上角开始，按逆时针顺序放宜。控制点的顺序要符介逻績。例如，在开始帧的条血线I:按乩b. c顺序放 曽3个控制点，在结朿帧的相应帧的直线就不能按a、c、b顺序放胃。控制点并卄设代得越女越好

8、，有时设胃个控制点就町以达到很好的效果。操作一【基础练习】一制作“蝙蝠飞翔”1、创建补间动画项目四：邑作形状补间动LSI任务二掌握形状提示点原理任务二掌握形状提示点原理形状提示点原理项目四：邑作形状补间动LSI添加形状提示和未添加形状提示的区别人LG邮电出版操作一【基础练习】一制作“蝙蝠飞翔”2、添加形状提示符项目四：制作形状补间动 画项目四：制作形状补间动 画s添加形状提示符后的添加形人泾邮血出版社操作一【基础练习】一制作“蝙蝠飞翔”3、完成制作人泾邮血出版社操作二【重点案例】一制作“翻书效果”操作二“翻书效果”流程图童人氏邮血由版社皆POSTS 4k TKIXCOM rREWIpj目四：

9、邑作形状卜间动LSI1、制作翻页效果JpJ目四： 邑作形状卜间动LSI电人LC邮血出版社操作二【重点案例】一制作“翻书效果”2、绘制书桌及小饰品项目四：邑作形状补间动田项目四：邑作形状补间动-POSTS去书底书桌及小饰品操作二3、完成制添加第本卩后的效果田童人氓邮!1出版祉修WT. & TE!J：COM PRF55S操作三【突破提高】一制作“旋转三棱镜”幺人民邮lllHl版祉项目四：邑作形状补间动田“选择三棱镜”流程图童人LG邮血由版祉修POST*i TFI JC n rRF*i%操作三【突破提高】一制作“旋转三棱镜”1、素材准备项目四：邑作形状补间动田伍丽湎玄疝_區）边複Wn宓;Qf

10、fl一1Qfflj宋杓g；I臣ER2JPQ工ER3jpg图层及库而板操作三【突破提高】一制作“旋转三棱镜”主场景设置项目四：邑作形状补间动iSBi2、设置主场景项目四：邑作形状补间动iSBi操作三【突破提高】一制作“旋转三棱镜”3、绘制辅助图形绘制三角形及变形人氓邮山由版社POSTS de TFI rCOVI PR FAS时间轴状态100.0% $ 100.0% 厂 约克人氓邮山由版社POSTS &TEIXCOMPRF55S操作三【突破提高】一制作“旋转三棱镜”4、制作旋转三棱镜效果人LC邮血出版社项目四：邑作形状补间动田人氏邮血出板祉poirs & TE! rCOM PRFS

11、S项目四：邑作形状补间动田填充图片移动顶点操作三【突破提高】一制作“旋转三棱镜”5、添加形状提示符fsm=wv添加形状提示符操作三【突破提高】一制作“旋转三棱镜”项目四：邑作形状补间动LEBI人LG邮ill出版社小结形状补间动画是指在两个形状Z间创建逐渐过渡 的动画。本项II首先介绍了形状补间动画的原理 和创建方法，帮助读者建立对补间动画的基木认 识，为后续深入学习补间形状奠泄基础；接着配 以丰富的补间形状动画案例，让读者从理论到实 践，进一步巩固所学的知识。本项目的难点足形状提示的使用，这是种创建 补间形状的重要辅助工具，用于在动画制作中精 确控制对彖的形状，读者务必牢固掌握形状提示 的创建和应用方法。补间动画在动画设计中应用广泛，创