一、 实验目的
1、熟悉flash窗口的构成 2、掌握flash基本绘图工具
3、掌握flash三种元件的创建方法 4、掌握逐帧动画的制作方法 5、掌握动作补间动画的制作方法 6、了解形状补间动画的制作方法 二、 实验内容
在最后一个硬盘上建立以“自己学号+姓名”为名的文件夹,将以下实验内容都保存在该文件夹中。
1、基本绘图工具的使用
(1)利用绘图工具制作如下所示的图形元件——兔子。
步骤:1、Ctrl+F8新建一个元件,命名为“兔子”。将当前层的名字改为“头”,用椭圆工具画一个椭圆作为兔子的头,笔触颜色为黑色,笔触高度为3,填充如下从白色到粉红#FF99FF的渐变,类型为“放射状”。用填充变形工具调整渐变的位置如下。
2、新建一个层,取名为“身体”。复制上一步的椭圆到“身体”层中,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。将“身体”层置于“头”层下方(如下图所示)
3、新建一个层,取名为“腿”。再次复制椭圆到“腿”层,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。
4、新建一个层,取名为“脚”。 再次复制椭圆到“脚”层,用任意变形工具调整椭圆到如下形状,填充纯粉色。
5、新建一个层,取名为“尾巴”。 再次复制椭圆到“尾巴”层,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。
6、新建一个层,取名为“胳膊”。 再次复制椭圆到“胳膊”层,,用任意变形工具调整椭圆到如下形状,并用填充变形工具调整渐变的位置如下。
7、新建一个层,取名为“另一只胳膊”。复制出另一支胳膊,填充纯粉色,放在“身体”层下方。
8、新建一个层,取名为“耳朵”。复制一支胳膊作为耳朵,用任意变形工具调整形状,并用填充变形工具调整渐变的位置。 9、新建一个层,取名为“另一只耳朵”。复制出另一只耳朵,填充纯粉色,用任意变10、形工具调整好角度后放在身体最下层。
11、新建一个层,取名为“眼睛”。用椭圆工具画出如下小椭圆,填充白色。再用椭圆工具画出黑色的眼珠。
12、新建一个层,取名为“鼻子”。用椭圆工具画出如下小椭圆,填充红色。 13、新建一个层,取名为“嘴巴”。先用直线工具在兔子脸上画出如下三角形。
再用选择工具将线条调整为如下曲线后填充红色。
14、新建一个层,取名为“木棍”。用矩形工具在兔子前面画一根木棍,至此兔子元件完成。各图层之间的关系如下图所示。
15、回到场景,将“兔子”元件拖到舞台中可以观看效果。最后将文件保存成“兔子.fla”和“兔子.swf”。
(2)利用绘图工具绘制如下图所示的图形元件——救护车。
步骤:1、Ctrl+F8新建一个元件,命名为“救护车”。
2、建立3个图层,分别用来绘制救护车的灯、轮子、车身。图层结构如下所示:
3、填充相应颜色。
4、回到场景,将“救护车”元件拖到舞台中可以观看效果。最后将文件保存成“救护车.fla”和“救护车.swf”。
2、逐帧动画
(1)制作动画:玩木棍的小兔子。
步骤:1、执行“文件”——“打开”命令打开“兔子.fla”。 2、Ctrl+L打开“库”,在库中右击“兔子”图形元件,在弹出菜单中执行“直接复制”,出现如下图所示的窗口后点击“确定”,这样就复制了一个名为“兔子1副本”的图形元件。这时,这两个图形元件的内容是一样的。
3、双击“兔子1副本”的图形元件,进入后台编辑环境。
4、将“尾巴”图层解锁,其他图层处于锁定状态。选中该图层的第一帧。
5、点击“任意变形工具”,用鼠标将中心点(空心圆圈)拖动到尾根。
6、将鼠标指针放在边角控制点的位置上,当指针变为旋转箭头形状时,拖动鼠标,适当调整尾巴的方向。这样“兔子1副本”元件就制作好了。
7、利用相同方法调整兔子的两只胳膊和木棍的旋转方向。
8、回到场景,在“图层1”的第2帧插入空白关键帧,再从“库”中将“兔子1副本”拖到场景。
9、按下【绘图纸外观】按钮,在时间帧的上方,出现
绘图纸外观标记。这时使用选择
工具将两帧中兔子的位置进行适当调整,使头部、身体和腿完全重合即可。 10、Ctrl+Enter,测试。 11、Ctrl+S,保存。
(2)制作书中8.1.3节“打字效果”和8.1.4节“看家的狗”
3、动作补间动画、影片剪辑的应用
(1)制作动画:救护车启动了。
步骤:1、执行“文件”——“打开”命令打开“救护车.fla”。 2、删除图层1中第1帧中的内容。
3、在“库”中选中“救护车”图形元件,点击右键,执行“类型”—“影片剪辑”,将其类型转换为影片剪辑。
4、双击“救护车”影片剪辑元件,进入编辑状态。
5、将“轮子”图层和“车身”图层锁定,选中“灯”图层的第1帧,用鼠标右键点击“灯”,在弹出菜单中执行“转换为元件”。在弹出的对话框中选择“影片剪辑”类型,名称为“灯”,点击确定。
6、在“库”中双击“灯”,进入“灯”的编辑状态。
7、在“图层1”的第2帧插入关键帧,并将第2帧的画面中的灯得光芒去掉,灯的颜色变为蓝色,如下图所示。
8、在“库”中双击“救护车”,进入“救护车”的编辑状态。将“灯”图层和“车身”图层锁定,选中“轮子”图层中左边的轮子,用鼠标右键点击“灯”,在弹出菜单中执行“转换为元件”。在弹出的对话框中选择“影片剪辑”类型,名称为“轮子”,点击确定。
9、在“库”中双击“轮子”,进入“轮子”的编辑状态。
10、在“图层1”的第4帧插入关键帧,选中第1帧在右键菜单中执行“创建补间动画”,并在属性面板中将旋转属性设置为“顺时针”,如下图所示。
11、双击“救护车”影片剪辑元件,进入编辑状态。
12、选取右边的轮子,按Delete键删除,再将“库”中的影片剪辑“轮子”拖到右边轮子处。
13、回到场景,将“库”中的影片剪辑“救护车”拖到场景的右侧,在30帧处插入关键帧。选中第1帧在右键菜单中执行“创建补间动画”。 14、在图层上方增加一个图层,命名为“music”。 15、执行“文件”—“导入”—“导入到库”,在本实验素材中选择“救护车声.wav”文件。这时,在库面板中会出现“救护车声.wav”文件。
16、在“music”图层选中状态下,将库中的“救护车声.wav”拖到舞台中,出现虚框后放开左键。时间轴如下图所示。
17、大功告成。Ctrl+Enter,测试。Ctrl+S,保存。
(2)制作书中8.2.3节“文字动画”
因篇幅问题不能全部显示,请点此查看更多更全内容