flash实训指导书

江苏财院实训指导书之计算机系列

网页制作Flash Mx 2004

实例教程

实训指导书

干建松编

2008年5月12日

目录

实训一制作电子相册 (1)

实训二制作百叶窗 (3)

实训一制作电子相册

一、实训目的：

1、练习导入多张连续的相片

2、调用库内的按钮并设置按钮的动作

二、实训内容：

1、打开Flash Mx 2004 新建一个flash文档。

2、分别插入图层1和图层2 ，并将图层1和图层2分别改名为“相片层”“按钮层”

3、导入相片：选中“相片层”的第一帧，然后点击菜单“文件->导入”，从弹出的对话框中选择所要导入的相片并点击“打开”按钮。当系统弹出对话框询问是否导入连续的图片时，点击“是”导入一系列图像。

4、调用共享库的按钮：点击“窗口－>其他面板－>公用库－>按钮”，在弹出的“库列表”中拖动所要的按钮到按钮层。

5、设置按钮的动作:选中“往后方向”的按钮，在动作面板中，输入

on (release) //按下鼠标

{ nextFrame(); //跳到下一帧

}

6、设置按钮的动作:选中“往前方向”的按钮，在动作面板中，输入

on (release) //按下鼠标

{ prevFrame(); //跳到前一帧

}

7、在“按钮层”的最末帧（与“相片层”最末帧对齐）处插入关键帧。

8、按“控制－>测试影片”，发现动画不停在闪动，为了使得动画在开始时静止，我们需要在“相片层”的第一帧处设置“停止”动作，方法如下：选中“相片层”的第一帧，在动作面板中，添加“Stop（）”，此时第一帧处多了一个标志“a”。

三、实训要求或建议：

先由老师演示，再由学生进行操作。

此实训题目提供了多个相框的素材，可以根据实际情况给相片添加不同的相框，

以达到更赏心悦目的效果。

实训二制作百叶窗的效果

一、实训目的：

1、进一步的练习使用蒙板实现神奇的效果

2、对齐工具的使用

3、利用“形状”的属性设置图形的大小

二、实训内容：

1、打开Flash MX并新建一文档，适当修改文档属性（尺寸：400×300）

2、将图层1改名为“图片1”，并导入一幅图片，并适当调整图片与舞台同大小。（图1）

图1

3、新建一图层，命名为“图片2”，并再导入一图片，同样，调整到与主场景同大。

图2

4、Ctrl+F8新建一电影符号，命名为“叶片”。（图3）

图3

5、在电影符号“叶片”中画一无线框的长矩形，长400（同主场景的宽）高30（主场景的1/10大小），并让其中心对齐。（图4）

图4

6、在第30帧处插入关键帧，将矩形尺寸改为400×1。（图5）

7、设置1－30帧为Shape（形状）动画，并在第30帧中加入stop()（如果想让百叶窗效果循环，也可以不加）。（图6）

图6

8、再新建一电影符号，命名为“百叶窗”。进入到“百叶窗”符号中编辑。

9、Ctrl+L打开库面板，并拖出十个‘叶片’电影符号。（也可以拖出一个后，再复制出9个。并整齐地排列，使其完全复盖主场景。（图7）进行排列的时候，可以使用对齐工具。修改—对齐—按高度均匀分布。

图7

10、回到主场景中，并新建一图层，命名为“百叶窗”。把‘百叶窗’电影符号拖入进来，并中心对齐。（图8）

图8

11、设置‘百叶窗’层为遮罩层。（右击－－＞遮罩）测试一下

12、我们发现，图片没能完全切换，还有百叶窗的几个小条（没加stop除外）这时我们可以修改一下‘叶片’符号。进入‘叶片’电影符号中，在第31帧中插入一空白关键帧（快捷键F7）并把第30帧中的stop()删除。在31帧中加入stop()（图9）

图9

三、实训要求或建议：

先由老师演示，再由学生进行操作。

在掌握一个横状百叶窗的操作基础上，可以提高要求再添加一个竖状的百叶窗进行竖状切换，进一步的强化百叶窗多变的效果。