第八课制作形状补间动画

1、第八课制作形状补间动画第1页，共17页，2022年，5月20日，3点49分，星期一第八课 制作形状补间动画逐帧动画要一帧一帧的绘制动画内容，工作量太大了有什么好的想法，怎么处理？可以只设定动作的起始帧和终止帧吗，中间动画由系统自动生成？当然可以，形状补间动画可帮助解决此问题第2页，共17页，2022年，5月20日，3点49分，星期一第八课 制作形状补间动画形状补间动画原理1、在起始关键帧中绘制一个物体的形状，然后在终止关键帧中更改该物体的形状或绘制另一个物体。2、在两关键帧中创建动画，中间部分由系统自动生成，这种动画类型就是“形状补间动画”。绘制绘制系统生成第3页，共17页，2022年，5月2

2、0日，3点49分，星期一范例：制作一个圆变成正方形的动画第一步：打开软件，选择“Flash文档”，系统自动生成新文件或者使用文件|新建命令第八课 制作形状补间动画第4页，共17页，2022年，5月20日，3点49分，星期一第二步：选择椭圆工具，选择填充颜色，移动到舞台中，按下左键拖动画圆（按住Shift键不放拖动画正圆）第八课 制作形状补间动画1、选椭圆2、选填充颜色3、选第一帧4、舞台画圆第5页，共17页，2022年，5月20日，3点49分，星期一第三步：单击时间轴的第30帧处，右键单击，插入空白关键帧。第八课 制作形状补间动画第6页，共17页，2022年，5月20日，3点49分，星期一第四

3、步：单击第30帧（空白），选择矩形工具，选择填充颜色，在舞台上画一个正方形（按Shift键画正方形）第八课 制作形状补间动画第7页，共17页，2022年，5月20日，3点49分，星期一第五步：选择1-30帧任意一帧，打开下方属性面板，选择补间为形状。时间帧面板变为淡绿色，在起始帧和终止帧之间有一个长箭头。第八课 制作形状补间动画第8页，共17页，2022年，5月20日，3点49分，星期一第六步：按下Ctrl+Enter测试，可以观察到圆变正方形。第八课 制作形状补间动画第9页，共17页，2022年，5月20日，3点49分，星期一拓展练习羔羊变公鸡小鱼变螃蟹提示：第1帧画鱼，第30帧画螃蟹，就可

4、以制作一个鱼变螃蟹的动画。拓展：还可以使用该动画制作下雨、爆炸、汽车尾气以及各种图案的变化等效果哦，试试看你能不能制作出来？第10页，共17页，2022年，5月20日，3点49分，星期一拓展练习拓展：还可以使用该动画制作下雨、爆炸、汽车尾气以及各种图案的变化等效果哦，试试看你能不能制作出来？改变位置及颜色改变形状改变颜色（白色）第11页，共17页，2022年，5月20日，3点49分，星期一制作形状补间动画文字变形第12页，共17页，2022年，5月20日，3点49分，星期一制作形状补间动画_文字变形选择第1关键帧，输入“1”，调整大小、颜色等第一步输入文字1使用选择工具选择文字，右键单击打散第

5、二步打散文字在第20帧右键单击添加空白关键帧，输入“2”，并选择文字打散第三步输入文字2选择1-20帧中的一帧，打开属性面板，设置补间为“形状”。第四步创建动画第13页，共17页，2022年，5月20日，3点49分，星期一完成范例“1”变“2”01将文字“Flash动画”变形为正方形02制作形状补间动画_文字变形第14页，共17页，2022年，5月20日，3点49分，星期一45第九课 形状补间动画1二、形状补间动画的主要变形类型1、同一图形的变形 2、不同图形之间的变形 3、图形变文字：文字必须先分离（选择文字右击分离）第15页，共17页，2022年，5月20日，3点49分，星期一45第九课 形状补间动画14、文字到文字的变形(文字必须分离） 5、一图到多图的变形 6、多图到一图的变形第16页，共17页，2022年，5月20日，3点49分，星期一45第九课 形状补间动画1三