|
第2课
变形动画
|
|
| 变形动画是FLASH动画中比较特殊的一种过程动画,和运动动画不同的是,其动画对象只能是矢量图形对象。群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象(除非把它们打散成矢量图形)。变形动画可以在两个关键帧之间制作出变形的效果,让一种形状随时间变化成另外一种形状;还可以对形状的位置、大小和颜色进行渐变。
变形动画有两种形式,一种是不可控的(也叫简单变形),而另外一种则是可控的(通过添加控制点来实现,也叫控制变形)。下面先介绍一个简单变形动画的制作过程。 |
|
| 实例一(欢渡国庆)(观看效果)
(观看课件)
一、创建影片: 新建一个Flash文件。设置电影属性。尺寸大约400X300,背景浅桔色。 二、创建动画: 1、在绘图工具箱中选择矩形工具,用矩形工具在场景中画出一个没有边框的红色矩形。这是变形动画的第1帧。 2 单击第10帧并按F7键,插入一个空白关键帧,点椭圆工具场景中画出一个没有边框的蓝色小球。点第一帧,在下边的属性提示中,设置变形动画,选择形状渐变。此时,矩形变圆的动画完成。(播放一下看看) 3、点工具栏中的文字工具,看到下边的文字提示器面板,设置文字格式。在文字格式中选取英文字体为:Webdings,大小为:40,颜色为:红色。单击第20帧并按F7键,插入一个空白关键帧,单击第20帧关键帧,选择文字工具,并在场景上单击,然后输入一个字母v。这时场景中会出现一辆汽车符号,选择常用工具栏上的任意变形工具按扭, 调整汽车符号到合适的大小,执行"修改/分离",打散(分离)汽车,此时还可以点一下漆桶工具,选彩虹色,汽车变彩色。点第10帧,在下边的属性提示中,设置变形动画,选择图形变化。(播放一下看看) ▲提示:在英文字体中有很多特殊的字体,如Webdings,它可以产生各类图案。 4、单击第40帧并按F7键,插入一个空白关键帧,点工具栏中的文字工具。输入“欢渡国庆"并设置自己喜欢的颜色,然后打散文字,可能要打散两次呀。点第20帧在下边的属性提示中,设置变形动画,选择图形变化。(播放一下看看) 5、按F5在第50帧插入一帧,以延长第40帧的效果 ▲提示:因为Flash不能对群组、图符(组件)、字符或者位图图像进行动画变形,所以要将字符打散。有的要打散两次。 6、点控制菜单下的影片测试,看变形效果。 三、测试和保存文件: 保存:文件名:txjb.fla 导出影片,格式txjb.swf ,或gif动画格式txjb.gif
|
|
| 实例二(三角画法)(观看效果)(观看课件)
一、创建影片: 新建一个Flash文件。设置电影属性。尺寸大约300X300,帧频6px背景自定。 二、创建动画: 1、在绘图工具箱中选择直线工具,用直线工具在场景中画出一红色直线,,线粗为3,在第10帧按F6插入关键帧,回到第一帧,选中此直线,点工具栏中的任意变形工具,把直线拉短,注意要与原直线重合。播放一下看看 2在第一层的第10帧按F5,增加普通帧,目的是延长第10帧的效果。再增加一层,在第二层的第10帧按F7键,插入一个空白关键帧,再利用直线工具画三角形的第二边。这一层的第20帧按F6加关键帧,回到第10帧使第三边变短设置变形动画。(播放一下看看) 3 同理,在前两层的第20帧都按F5.再增加一层,在第三层的第20帧按F7键,插入一个空白关键帧,再利用直线工具画三角形的第三边。这一层的第30帧按F6加关键帧,回到第20帧使第三边变短设置变形动画(播放一下看看) 4、在第31帧的三层中都按F6,利用箭头工具选中31层的三边,改变颜色为黄色(闪动效果),第32帧再改回为红色第35帧加普通帧延长效果。 三、测试和保存文件: 导出影片,格式sanjiao.swf ,或gif动画格式sanjiao.gif |
|
| 实例三(帧帧动画)(观看效果)(观看课件)
一、创建影片: 新建一个Flash文件。设置电影属性。尺寸大约400X400,帧频1px背景枣红。调出查看_网格 二、创建动画: 1、在绘图工具箱中选择文字工具,设置文字属性面板,字体为华文行楷,字色为黑色,大小为49. 2、在舞台中左边输入“闪客沙龙”四字,在第2、3、4、5、6帧均按F6插入关键帧。 3、第一帧选中“客沙龙”删掉,第2帧选中“沙龙”删掉,第3帧选中“龙”删掉,第4 帧为全,第5 帧改字色为黄色,第6 帧为黑色。 4、在第6 帧点一下,在舞台右边合适位置输入“和睦家庭”,第6帧选中“睦家庭”删掉,第7帧选中“家庭”删掉,第8帧选中“庭”删掉,第9 帧为全,第10帧改字色为黄色,第11 帧为黑色。 三、测试和保存文件: 导出影片,格式zzdh.swf ,或gif动画格式zzdh.gif
|
|
| 实例五(添加变形提示)(演示)(观看)(图片下载) | |
| 实例六(位图转换矢量图)(演示)(观看) | |
| 实例七(位图打散及变形) (演示)(观看) | |