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
三、实训要求或建议：
先由老师演示，再由学生进行操作。

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