第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

实例四 学写毛笔字 看看我做的:(见笑)

1、做图形元件“毛笔”

A:画一竖长无边线矩形,填充--线性--左灰右深黄。
B--画一个椭圆做笔尖--填充放射渐变--左浅右深。利用黑箭头工具调整椭园,使之样子象毛笔头的形状。
C、利用箭头工具--分别选取笔杆和笔头,旋转成45度--把二者拖到一起组成一枝笔--把椭圆向左下拖出一个平行的尖来--转成图片入库(二者均不要边线)
2、键入“一”字
回到场景, 选华文行楷,字的大小为200(注意自已打入200)或利用任意变形工具拉大。在场景中写一个大写的“一”字,调整使其在场景的中央。利用修改-分离,打散“一”字

3、 写字
A、再增加一层为“毛笔层”拖入笔。
B、在“字”层,第二到第40帧全按F6都变为关键帧用橡皮擦去笔尖后面所有的字。
C、按毛笔写“一”的运笔 方法。在每一帧,调整笔在字上的位置,同时用橡皮擦掉笔后边的字的部分,一直到第四十帧。相信你比我有耐心。来吧,干吧~~~~~~~~~~~。
4、背景
重建一图层为背景层,可以是填充你喜欢的颜色,可以是导入的一幅画
5、注意做这个字是要耐心的,要时间,所以要注意及时保存呀。

 

实例五(添加变形提示)演示(观看)(图片下载)
实例六(位图转换矢量图)演示)(观看)
实例七(位图打散及变形)    演示)(观看)