04 flash形状补间练习

《04 flash形状补间练习》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、形状补间动画　形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的、不可思议的变形效果。　　本课从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅。学习目的u      创建形状补间动画　　u      将文字转变为形状　　u      添加形状提示课前热身实例1——庆祝国庆　　国庆的夜空绚丽多彩，朵朵礼花在天空中绽放，远处传来礼炮的轰鸣声，让我们来给这美丽的夜晚增加点喜庆，挂几个大红灯笼来庆祝祖

2、国的生日吧！见素材包图3-3-4庆祝国庆实例画面　制作步骤　步骤1创建新文档　　执行【文件】

3、【新建】命令，在弹出的对话框中选择【常规】

4、【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×330像素，【背景色】为白色，如图3-3-5所示。图3-3-5文档属性 　　步骤2创建背景图层　　执行【文件】

5、【导入】

6、【导入到舞台】命令，将名为“节日夜空.jpg”图片导入到场景中，选择第80帧，按键盘上的F5键，增加一个普通帧，如图3-3-6所示。图3-3-6插入

7、背景图片　步骤3创建灯笼形状　　我们先来画灯笼，执行【窗口】

8、【设计面板】

9、【混色器】命令，打开【混色器】面板，设置各项参数，渐变的颜色为白色到红色，如图3-3-7所示。图3-3-7【混色器】面板设置之一新建一个图层，并将其重新命名为“灯笼一”。选择工具箱中的【椭圆工具】，设置【笔触颜色】为无，在场景中绘制出一个椭圆做灯笼的主体，大小为65×40像素。　　接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8所示设置深黄色到浅黄色的【线性】渐变填充。从左到右三个填充色块的颜色值分别为：#FF9

10、900、#FFFF00、#FFCC00。图3-3-8【混色器】面板设置之二选择工具箱上的【矩形工具】，设置【笔触颜色】为无，绘制出一个矩形，大小为30×10像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7×10像素，作为灯笼上面的提手。　　最后用【线条工具】，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。图3-3-9画好的灯笼　　步骤4复制粘贴四个灯笼　　复制刚画好的灯笼，新建三个图层，在每个图层中粘贴

11、一个灯笼，调整灯笼的位置，使其错落有致地排列在场景中。　　在第20、40帧处为各图层添加关键帧，如图3-3-10所示。图3-3-10错落有致的灯笼及时间轴面板　　步骤5把文字转为形状取代灯笼　　选取第一个灯笼，在第40帧处用文字“庆”取代灯笼，在【属性】面板上，设置文本类型为【静态文本】，字体为【隶书】，字体大小为60，颜色为红色。　　对“庆”字执行【修改】

12、【分离】命令，把文字转为形状。如图3-3-11所示。图3-3-11用“庆”字替换第一个灯笼依照以上步骤，在第40帧处的相应图层上依次用“祝”、“国

13、”、“庆”三个字取代另外三个灯笼，并执行【分散】操作，其效果如图3-3-12所示。图3-3-12用文字形状取代灯笼形状及文字打散　　步骤6设置文字形状到灯笼形状的转变。　　在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。　　具体办法是分别复制第20帧中的“灯笼”图形，再分别粘贴到第80帧中，当然，你应该先清除第80帧处4个“灯笼”图层中的内容哦！　　　步骤7创建形状补间动画。　　在“灯笼”各图层的第20、60帧处单击帧，

14、在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，建立形状补间动画，如图3-3-13所示。图3-3-13创建形状补间动画　　步骤8导入声音和设置声音　　执行【文件】

15、【导入】

16、【导入到库】命令，打开名为“sound.mp3”的文件，将其导入到库中。　　添加一层，在第20、60帧处按F6键，创建关键帧，在【属性】面板上单击【声音】旁边的小三角，选择sound.mp3，如图3-3-14所示。图3-3-14声音设置 设置好的时间帧面板如图3-3-15所示。图3-3-15设置好的时间帧面板 

17、说明：有关声音导入及应用的详细内容请参阅本教程第12的相关内容。实例2——添加形状提示练习为得到流畅自然的形状变形动画，可以添加形状提示，本例是专为此而设计的练习。　　　　步骤1创建新文档　　执行【文件】

18、【新建】命令，新建一个影片文档，设置舞台尺寸为300×200像素，设置【背景色】为蓝色#0000FF。　　步骤2创建变形对象。　　我们要在场景中写二个数字“1”，让它们同时变形，一个加形状提示，一个不加形状提示，看看这二个变形有什么不同。