Flash 教案
朱剑梅
教学计划
第一步：Flash入门
第二步：flash运动动画的制作
第三步：flash的形状动画
第四步: flash复杂的形状动画
第五步：制作按一定轨迹运动的动画
第六步: flash遮罩层的使用
第七步：遮罩层与引导层的结合使用
第八步：滴水涟漪效果
第九步：文字动画与声音的导入
第十步：flash综合应用二：贺卡的制作第十一步：flash按钮的制作
入门教学
一．什么是FLASH
Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。
二．FLASH的特点
1.使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。
2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。
3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash
4.0的版本中
已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的'身材'。
4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。
三．FLASH工作环境
1 .舞台(Stage)
就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。
2 时间轴窗口(Timeline)
用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。
3 绘图工具栏(Drawing Toolbar)
放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器
(Modifier)也会在工具条下面的位置出现，修改器的作用是改
变相应工具对图形处理的效果。
4 标准工具栏(Standard Toolbar)
列出了大部分最常用的文件操作，打印，剪贴板，撤消和
重做，修改器以及控制舞台放大比例的图标和选项，便于进行
更为快捷的操作。
5 图库窗口(Library Window)
用以存放可以重复使用的称为符号的元素。符号的类型包
括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。
6 控制器面板(Controller)
控制电影的播放操作的工具集合，一般不大常用，处于隐
藏状态。
四．操作任务：制作由圆形到方形的形状动画
操作步骤：
１．新建一个影片；
２．按Ctrl+M，调出影片属性，修改影片的背景和宽度、高度。
３．在工具箱中选择圆形工具，在工作区中画一个圆形，如果
同时按住Shift键，就会画一个正圆形。
４．在时间轴上的第20帧点鼠标右键选择"Insert Keyframe"命令，或按F6键，在20帧插入关键帧。
５．在工作区中画一个方形，这个方形在第20帧。
６．在时间轴上，将鼠标移到第1至第20帧之间单击左键。７．按Ctrl+F调出帧面板，在该面板中的Tweening（变形）项中选取"Shape"形状，即可在第1帧至第20帧之间创建了形状动画。此时时间轴上1-20帧之间出现黑色箭头，并且底色变马了绿色。
８．按回车键测试影片。
９．保存影片：按Ctrl+S或点菜单：File-Save命令。
１０．注意这样保存的文件扩展名为.fla，这是flash的源文件。
如果点菜单：File-Export Movie（输出影片），这样保存的是flash的播放文件，其扩展名为.swf。通过该任务的操作，学生熟悉flash的基本界面，掌握形状动画的制作方法，学会保存flash源文件和播放文件的方法。
运动动画的制作
任务一：制作一个运动的小球
操作步骤：
一．启动flash5.0.
二．按要求设定影片的属性：width 为500pixels, height 为300pixels,background 为浅蓝色.
三．在工作区的左侧画一个红色小球。
四．按F8将红色小球转换成组件（Graphic）、命名为ball1。
五．在时间轴第20帧上单击鼠标右键选"Insert Keyframe"
命令，插入关键帧。
六．点取工具箱中的移动工具，将小球拖到工作区的右侧，（如
果拖动时同时按住Shift键，则小球就会平移）。
七．在时间轴上第1帧和第20帧中单击鼠标右键，选取"create
motion tween"命令，就会在1和20帧之间产生了运动动画，1
和20帧之间变成浅蓝色底。
八．按回车键或Enter+回车键，测试该动画，就会看到小球
从工作区的左侧移到工作区的右侧。
九．保存影片。
通过本任务学生掌握将图形转换成组件的方法，掌握运动动画的制作方法。注意产生运动动画的个体必须是组件。这与图形动画是不同的。
任务二：制作碰撞的小球
操作步骤：（掌握层的使用，层的重命名等操作，发布动画。）一．新建一个影片，按要求设定好影片属性。（按Ctrl+M）。二．点击时间轴左侧的Insert Layer按钮或选菜单Insert-Layer命令在Layer上面新建一个层Layer2.
三．在Layer1名称上双击鼠标左键，将Layer1改名为redball.同样将Layer2改名为GreenBall.
四．在redball层的第一帧绘制一个红色小球，按F8将小球转换为组件，命名为ball1.并将这个小球拖动到工作区的左上角。
五．在redball层的第20帧单击鼠标右键，选"Insert Keyframe"命令，在20帧插入关键帧，将红色小球拖到工作区的中央。
六．在redball层的第40帧插入关键帧，将小球拖到屏幕的左下角。
七．在redball层的第1帧到第20帧之间单击鼠标右键，选
择"Create Motion Tween"（创建运动动画）命令。同样在20至40帧之间创建运动动画。
八．在greenball层同样创建运动动画，注意绿色小球的起始位置可以在工作区的右上角，在20帧的位置应该是在工作区的中间，与红色小球挨着。在40帧的位置在工作区的右下角。九．保存动画，发布动画。
通过本任务，学生掌握图层的基本操作，包括增加图层，图层的重命名，两个图层的配合设置。
按一定轨迹运动的动画的制作
任务一：制作按一定轨迹运动的小球
操作步骤：
1．新建影片，设置影片的高度和宽度值，设定合适的背景。2．在影片的第一帧画一个小球。
3．按F8将小球转换为图形组件，命名为Ball.
4．在图层面板中单击"Add guide Layer"按钮，添加一个引导层。
5．在引导层用铅笔工具画一条任意的线。
6．在引导层的第25帧上单击鼠标右键选"Insert Frame"或按F5插入帧。
7．在小球所在的层的第25帧上按F6插入关键帧。
8．在小球所在的第一帧上用移动工具将小球移动到引导线的起始位置。在第25帧上将小球移动画引导线的结尾位置。
注意：小球的中心出现较大的圆圈时说明这时小球与两个端点吸附到一起了。
9．在小球的第1至第25帧之间单击鼠标右键，选择"create motiontween"命令。
10．测试影片。
11．保存影片。
通过本任务的操作，学生学会制作按一定轨变运动的动画。
任务二：发挥自己的想象，制作一个按一定轨迹运动的动画。如："飞舞的蝴蝶"
Flash遮罩的应用
任务一：制作探照灯文字
操作步骤
１．新建一个文件。
２．按要求设定影片的宽度和高度：宽度为500pixes.高度为300pixes.背景为浅蓝色。
３．在图层１的第一帧输入文字"日坛中学"。
４．在图层1的第20帧按F5,将帧延长到20帧。
５．增加一个图层，命名为Mask.
６．在mask图层的第1帧画一个园形，并选中这一个圆形，按F8将其转换为Griphic组件。
７．在mask图层的第20帧，按F6插入关键帧。
８．在mask图层的第20帧，将园形拖到文字的右侧。９．在mask图层的第1到20帧之间单击鼠标左键，将这些帧选中，然后单击鼠标右键，选择"Create motion tween"命令。１０．在mask图层上单击鼠标右键，选择Mask命令。
１１．按回车键测试影片（或按Ctrl+Enter测试)。
任务二：遮罩层的应用之二制作遮罩字
１．新建一个文件。
２．设定文件的宽度和高度分别为500,300，背景任意。３．在影片的第一层输入文字"赏花"，并将字体设为隶书，加粗，文字的大小为150.
４．新建一个图层，并将这个图层命名为background. ５．在background图层导入一个图像文件。
６．将这个图像文件按Ctrl+B打散，用吸管工具在这个打散后的图像上单击，此时，填充色变为这个图案，而工具则变为颜料桶工具。
７．将这个打散后的图像删除。
８．点选矩形工具，在工作区中拖出一个大小覆盖住文字的矩形（该矩形内填充的是导入的图案）．
９．将矩形选中，按F8将其转换成符号，命名为bg．
１０．在background所在的图层中，在第25帧插入关键帧，并将矩形拖至屏幕的右侧．
１１．在该图层的第一帧，将矩形向左拖动
（注意：还使该矩形能够覆盖住文字）
１２．在该图层的第1至第25帧之间制作运动动画.
１３．在文字所在的图层的第25帧按F5，将帧延长到25帧．１４．在文字所在的图层上单击右键，选择＂Mask＂命令．
１５．按按Ctrl+Enter测试影片。
知识点：
１．遮罩的意思是：在遮罩层中对象的外边缘之内的被遮罩内容均被显示，而在此之外的内容则不被显示．
２．作好遮罩层后，遮罩层和被遮罩层均被锁定，如果解锁则不显示遮罩效果．
遮罩与引导层的组合应用--妙笔生花
操作步骤：
1．新建一个文件，双击层的名称，将层的名称改为"文字"。2．单击工具栏上的"文字"工具，在"字符"面板中，设置字体为"华文新魏"，字的大小为200，字的颜色为红色，在画面的中央输入汉字"妙"，并在该层的第90帧单击鼠标左键并按F5，将文字扩展到第90帧。
3．新建一个图层，将层的名称改为"笔画"。
4．单击工具箱上的"笔刷"工具按钮，在工具箱下端的"选项"区中，选择"笔刷形状"为圆形，大小为较小的圆，并设置填充颜色为蓝色，在"笔画"层的第1帧中的笔画开始处画一个圆点。5．单击"笔画"层的第2帧，按F6插入关键帧，继续用笔刷沿"妙"字笔画涂抹，要求涂抹部分应正好覆盖下面的字的笔画。6．在"笔画"层后面的各帧中，重复以上步骤5，依次覆盖写过的笔画部分。
7．在"笔画"层面板中单击右键，选择"mask"命令，将笔画作为遮罩层，可以按Ctrl+Enter看一下效果。
8．在"笔画"层上面插入一个新层，命名为"毛笔"。
9．在"笔"层的第一帧导入笔的图片。（位置在"网上邻居/teacher/flash/笔.jpg"）
10．按Ctrl+M，调出修改影片属性面板，将背景变为较深的颜色。
11．选中"毛笔"层的第一帧，按Ctrl+B，将毛笔打散。12．单击"工具箱"上的套索工具按钮，在工具箱下端的"选项"区内，单击"魔术棒属性"按钮，将范围值设定为200，移动鼠标到图形的白色区域，单击鼠标，选中白色区域，按Delete键将其删除。
13．在该层的第1帧按F8键，将图形转换成组件，模式为"Graphic"。命名为"笔"，
14．按Ctrl+L，调出库面板，双击组件"笔"，进入编辑状态，调整该组件的中心点到笔尖的位置。
15．按Ctrl+M，还将背景改为白色。
16．回到场景中，在"毛笔"层的上面添加引导层，在引导层沿笔画画一些引导线。
17．在笔所在的层，结合遮罩层笔画的位置，在笔画的捌弯处，插入关键帧，并将毛笔拖到这些弯捌弯处，吸附在引导线上。在两个关键帧之间创建运动动画。
18．保存影片，按Ctrl+Enter测试影片。
分析：
１．该动画由两部分组成，一个是文字渐显的动画，它运用了遮罩层的技术；另一个是毛笔书写的动画，而其路径就是"妙"字的笔画。
２．"笔画"层是遮罩层，它实际上是逐帧动画。在用笔涂抹"妙"字笔画时，涂抹部分要正好覆盖笔已写过的笔画。由于笔画时粗时细，需要不断调整"笔刷"的大小，否则涂抹的部分较大，就会显示出多余的笔画，造成动画的失真。对于涂抹错误的部分，可以用工具箱上的"橡皮"工具来擦除多余的部分。
３．将毛笔的图像文件导入后，为了方便操作，应选将图形中的白色背景去除，可以将画面的背景颜色临时设置为深色。另外，毛笔是沿"妙"字笔画路径进行运动，所以必须将毛笔图形转换为组件。
４．要以在文字笔画的转折处增加的关键帧处，将毛笔旋转一定角度，表现用笔方向的改变，来增强书写动画的真实感。
制作滴水涟漪效果
操作步骤：
1．新建一个影片，将影片的背景设置为深蓝色。
2.选择菜单中的"Insert/New symbol"命令，新建一图符shuiz，用铅笔工具画出一轮廓为如图所示的图形组件。
3.点击菜单"Window/Panels/Fill"调出填充面板，将填充类型选"linear Gradient(直线渐变"，填充颜色选择由淡蓝色到白色的渐变。设定好后，用该颜色填充水滴的内部区域。
4.点取工具箱中的选择工具，选中水滴的外轮廓线，按"Delete"键将其删除。
5．选"Insert/Newsymbol"命令，在出现的对话框内选择"Graphic"新建一图符bowen，用工具栏中椭圆工具画出一圆形为如图所示；
6．在第30帧处插入一关键帧，选择工具箱下部的缩放工具将该椭圆变大。点击菜单"window/panels/stroke"命令，调出描边面板，将椭圆的边直径变为3.5，如图所示：
7．在第1帧和第30帧之间按Ctrl+F，调出帧面板，切换到Tweening项，选择Shape(形状)项，在第1帧和第30帧之间创
建形状动画。
8．切换到Scene1，按Ctrl+L调出图库面板，从图符资料库中拉入图符：shuiz，将其置于屏幕上部的位置。
9．在第10帧处插入一关键帧，将水滴拖到屏幕下部的位置（注意：拖动时按住Shift键，可使其跟第一帧的水滴在一条垂直线上）。
10.在第1至第10帧之间单击鼠标右键选择"Create Motion Tween"命令创建运动渐变动画.
11.选择菜单命令："Insert/Layer"，新建一图层Layer2，在第10帧处插入一关键帧，从图符资料库中拉入图符：bowen，调整其位置为如图所示：
12.在第40帧处插入一关键帧，点击菜单"Window/Panels/Effect"调出效果面板，选择设置该帧中符号的Alpha值为0，在第1帧和第40帧之间单击鼠标右键，选择"create motion tween"命令，创建运动动画。
13.选中图层2中的第10至第40帧，单击右键，选择"copy frame"命令，将这些帧拷贝下来。
14．在第2层上面插入新层layer3，在该层的第14帧处按F6插入关键帧，在该帧上单击右键选择"paste frame"命令，将第