Flash课件制作培训教案.docx
《Flash课件制作培训教案.docx》由会员分享，可在线阅读，更多相关《Flash课件制作培训教案.docx（24页珍藏版）》请在冰豆网上搜索。
Flash课件制作培训教案
（此文档为word格式，下载后您可任意编辑修改！
）
Flash课件制作培训教案
授课：
曾荣木
教学目标：
●了解FlashMX新增功能
●安装FlashMX应用程序
●熟悉FlashMX创作环境
●清楚FlashMX目录结构
●了解FlashMX应用范围
教学过程
一、FLASH工作环境
1、场景：
就是工作区，最主要的可编辑区域。
在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。
2、 时间轴：
用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。
时间轴上有图层，图层上有帧。
3、 工具栏：
放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。
可以与调色板配合使用。
4、 库：
窗口---库，用于存放元件。
5、 属性、帧动作等面板。
二、基本概念：
1、图层：
关于图层（Layer）的概念，学过Photoshop的人都不会陌生。
形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。
所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。
使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。
图层是Flash中最基本而且重要的内容，因而需要很好地掌握。
图层可划分为标准层、引导层、遮蔽层。
2、帧：
如果我们把帧形象比喻的话，它就是电影胶片上的其中一张，整个动画的播放原理是和放电影一样，它同样是利用人的视觉暂留原理。
如果把图片以一定的速度一张张地从眼前经过的话，看上去就好象是一个运动的画面。
制作动画的过程也就是将这些静态的图像一张张的连续地变化，从而形成动画。
（1）帧的定义：
它是构成动画作品的基本单位。
它里面装载着FLASHMX中播放的几乎所有内容，包括声音、图像、文字、图形等，并且可以对这些内容进行编辑操作。
FLASH动画是通过若干个静止的图像连续显示而成的，这些静止的图像就是“帧”。
（2）帧的常用类型：
关键帧、空白关键帧、过渡帧、已分配行为帧、标签帧（浅红色为作者自己命名，FLASH系列书中无此命名，此处主要是为讲述的方便而已）等。
◆关键帧：
动画播放中必须的帧。
表示方法：
黑色实心圆点
◆空白关键帧：
不含任何内容的关键帧。
◆过渡帧：
出现于过渡动画的两个关键帧之间，用于显示某一FLASH过渡动画的若干层效果。
表示方法：
带有箭头的线蓝色方格
如果过渡帧显示如下：
即两个关键帧之间出现一条虚线段，则表示此段渐变动画过程有错误。
我们称它为“错误的过渡帧”，至于什么原因造成此种错误，我们将在以后的课件制作过程中加以剖析
3、元件：
（1）图形元件：
图形元件可用于静态图像，并可用来创建连接到主时间轴承可重用动画片段，图形元件与主时间轴同步运行。
交互式控件和声音在图形元件的动画序列中不起作用。
（2）影片剪辑元件影片剪辑元件即一段Flash动画，使用影片剪辑元件可以创建可重用的动画片段。
影片剪辑是主动画的一个组成部分，但拥有它们自己的独立于主时间轴的多帧时间轴。
可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以交互式控件、声音甚至其他影片剪辑实例。
也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。
当播放主动画时，影片剪辑元件也在循环播放。
（3）按钮元件：
可以利用flash提供的按钮，也可以自己制作。
窗口—共享库---Buttons
三、引导线、引导层
1、引导线：
引导线就是轨迹或辅助线的作用。
它让物体沿着引导线路径运行。
（即物体运动的轨迹，一般使用钢笔工具来制作）
2、引导层：
引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提供运动轨迹。
同时在一个引导层中可以有多条运动轨迹。
四、遮蔽
有遮蔽层和被遮蔽层。
被遮蔽层只能显示遮蔽层中有内容的部分。
五．实例讲解
练习一：
画任意角度的角
1、先在场景中用直线工具画一条直线。
并按复制、粘贴变为两条。
2、选中其中的一条，打开Transform面板，在Rotate（旋转）中输入需要的角度，如30°等均可。
3、将两条直线连成角度，即成为需要的角。
4、如果角方向向左，我们要向右，可以用ModifytransformFilpHorizontal进行水平翻转即可。
（ModifyTransformFilpVertical则表示垂直翻转，可以试一试它的效果）练习二：
画长方体
1、先用矩形工具画一个长方形。
选中它，按旋转按钮，拉中间一个圆形手柄把它变为平行四边形。
2、复制粘贴这个平行四边形，得到两个。
将第二个放在第一个下面适当位置。
3、用直线工具把各个角连线，连线时可见到大圆圈，即正好连上。
4、全部连上后，再Stork面板，将其中应为虚线的改为虚线。
练习三：
文字的描边及填充渐变色
1、在场景中用文字工具输入所要的文字，如“计算机”。
2、用crtl+B将文字打碎。
3、用油漆桶工具，再点击打开Fill面板，可以为文字设置渐变色，再到文字上点击即可。
4、用墨水瓶工具，再打开stoke面板，可以为文字选择边的颜色及粗细，再到文字上点击即可。
（注意：
文字要描边或是要设置为渐变色，必须将其打碎）
练习四：
柔边效果
1、用圆形工具画一个黄色的圆形代表月亮，圆形不要边框。
2、选Modifyshapesoftenfilledges,然后在其中设置Distance为30，Numberofsteps为30，Expand为向外柔化，Inset为向内柔化。
（注意输入的数据不能太大）
练习五：
制作浮雕字
1、设置电影属性（ctrl+M），将其底色设为浅蓝色。
在第一层中输入所要的字：
如“计算机”。
颜色为黑色。
点击复制。
2、增加一层，在该层中粘贴，得到刚才一样的字样。
双击字，将字全部选中，打开A面板，改变它的颜色为白色。
3、再增加一层，同样粘贴，再改变它的颜色为深蓝色。
4、调整三层字样的位置，基本重叠，上层深蓝色，中层白色靠左上一点，底层黑色靠右下一些。
练习六：
制作空心字
1、在第一层中输入所要的字，如“计算机”。
字体选择得粗些。
用ctrl+B将字打碎。
2、用墨水瓶工具，打开stroke面板，在其中选描边的颜色和粗细。
3、图上点击文字的边，逐个点击直到都描好。
4、选箭头工具，按住shift键，逐个点击字的填充部分，全部选中后用DEL删除即可。
练习七：
运用变形工具制作规则图形
1、用椭圆工具画一个花瓣，无边框，将其设置为中心渐变色。
2、将画好的花瓣群组（Modifygroup），或是F8将其转为一个符号亦可。
3、用ModifyTransformEditCenter,（编辑中心点），将中心点（+号）拖至底端中间位置。
4、打开Transform面板，在rotate中输入一定的旋转角度，如45度，按下面左面一个复制旋转按钮，按多次直至画完。
5、其他如画风车、齿轮等规则的东西都可以考虑用这个办法。
练习八：
用位图作文字背景
1、用FileImport导入一张图片并打碎（Ctrl+B）。
2、输入所要的文字（大些粗些容易看出效果），并同样打碎。
3、用吸管工具到图片上单击并到文字上点击即可完成。
4、如果要将图片放入一个圆形或椭圆形中，比如加工一张人的照片，方法亦同上，将两个图形都打碎，用吸管吸取，再到画出的图形上单击即可。
5、如果要对画出的图形作修改，就点击油漆桶工具，在工具栏里的最下面点击后一按钮（TransformFill）,再到图上点击，然后可以拖动图上的方形和圆形手柄作修改。
第一类动画：
运动动画
练习一：
小球（文字）的移动
1、点击圆形工具，在下面选择小球边线的颜色和内部的颜色（亦可选择无色），然后在场景中画一个小球。
2、在第30帧按F6（表示插入关键帧），然后拖动小球移动一段距离。
3、重新点击第一帧，按右键选CreateMotionTween,再到第30帧同样选CreateMotionTween，表示创建了两者间的移动的动画。
4、另一方法是打开Frame面板，在Tweening项中选Motion，效果一样。
在面板中有一个选项easing是指加速度，+的数字越大，小球运动将逐渐减慢，-的数字越大，小球运动越快。
5、文字的移动同理。
练习一引申：
移动同时改变其他性质
1、如输入文字“计算机”，用上面的方法设置了它从第1帧到第30帧之间的运动。
2、点击第一帧，打开Frame面板,在Rotate中选择CW或CCW（分别为顺时针和逆时针），然后在后面的框中输入数字，如输入“1”，即旋转的次数。
3、点击第30帧，将文字放大。
再预览可以发现文字一边放大一边旋转。
4、还可以在第30帧打开Effect面板，选Tint,任意改变颜色。
（如Effect面板为灰色，即无法改动，只要选中对象后按F8，选Graphic，将其转为符号即可操作了。
）
练习一再引申：
图片（文字）的翻入翻出
1、设置好上面所述的1——30帧之间的动画。
用图片和文字都可以。
2、第一帧是起始位置，比如可以放在场景外，也可以是变形的，旋转过的均可。
3、第30帧是最终位置，即你想让它最后停留在什么位置，是什么状态。
即设置成什么样。
练习一再引申：
图片（文字）的淡入淡出
1、先用Fileimport导入图片,或在场景中输入好文字，然后用F8，选Graphic（表示图片符号）将其变为符号，这样这个符号就存在库里了，可以作各种加工。
（有的操作如果不是符号就不能进行）
2、这时打开Effect面板，选Alpha即可设置这个符号的透明度。
这时同样制作上面的一些运动，又可以加上透明度的变化。
3、比如“计算机”三个字，在场景左面外面是完全透明的，移动到场景中变不透明，停留一会后，再移出到右面外面变成完成透明。
练习二：
弹性球
1、画一个小球，设置它在第1帧到第15帧之间，由上至下运动，在第一帧打开Frame面板，把easing项设置为-70％，即小球越弹越快。
2、再设置它在第15帧到第30帧之间，由下至上运动，在第15帧同上把easing项设置为+70％，即小球越弹越慢。
3、添加一个新层，在小球落地处画一条粗直线代表地面。
第二类动画：
变形动画
练习一：
线条的缩放
1、用直线工具在场景中画一条直线。
2、点击第30帧，按F6插入关键帧。
然后再用直线工具将这条线加长。
3、点击第1帧，打开Frame面板，选择shape。
练习二：
进度条的延长
1、用矩形工具画一个矩形。
2、点击第30帧，按F6插入关键帧。
然后再用放大的工具将矩形拉长。
3、点击第1帧，打开Frame面板，选择shape。
练习三：
圆形变成方形
1、用圆形工具画一个圆，并用Ctrl+B打碎。
2、在第30帧按F7插入空白关键帧。
用矩形工具画一个方形，并打碎。
3、设置两者之间为shape.
第三类动画：
帧帧动画
练习一：
打字机效果
1、设置属性Ctrl+M，设置为550×200，蓝色。
2、用文字工具在场景中输入文字，选黄色，大小为60，如“计算机应用知识讲座”。
然后用Ctrl+B打碎。
3、在1—9帧上都F6。
（共几个字就几帧）让每一帧都成为关键帧。
但现在每一帧上的内容都一样。
4、回到第一帧，选中“算机应用知识讲座”删去，只保留“计”。
到第二帧，选中“机应用知识讲座”删去，保留“计算”两个字。
以下类推，第三帧保留三个字，第四帧保留四个字，直到第九帧保留全部字。
练习二：
打字机效果二
1、设置属性Ctrl+M，设置为550×200，蓝色。
2、在第一帧上输入一个字母，如“V”，在第二帧上F6，让它保持到第二帧。
3、在第三帧上连在V的后面输入“E”，在第四帧上F6，保持到第四帧。
4、同理在第五帧上输入“V”，在第六帧上F6。
在第七帧上输入“Y”，在第八帧上F6。
5、到第一帧，用Ctrl+B将“V”打碎，选Transform面板，选中Cons项，再将100％改为130％。
即将第一帧的“V”放大为原来的130％。
第二帧的“V”则保持不变。
6、同理将第3帧的“VE”打碎后，放大“E”。
（因为不打碎就不能对“E”进行单独操作）
7、同理放大第5、7帧的“R”和“Y”。
注意偶数帧上的字都保持原来大小不变。
练习二引申：
帧帧动画结合变形动画
1、保持上面的一个动画不变。
在这一层的第20帧处F5。
意为将这个动画保持到20帧。
2、增加一层。
在第八帧上F6。
用直线工具，打开Stroke面板，选择线的颜色为黄色，线宽度为4。
然后在字母“Y”的下面画一小段线。
3、在第20帧处F6，打开Frame面板，设置1—20帧之间为shape。
4、如果想让这条线段形成一个长方形，将字围住，其方法是：
再增加三层，每层上做一条线的变形。
引导层动画
练习一：
随路线运动的小球
1、在第一层上画一个小球。
双击该层层名Layer,可以将层名改为“小球”。
2、在“小球”层上右键选AddMotionGuide，这样就为这一层添加了一个引导层。
选铅笔工具，再在下面选画的线为Smooth，然后第二层中任意画一条曲线。
3、将小球拖动到线的起点处。
出现一个大圆圈，即正好在起点处。
4、分别在两个层的20帧处F6，表示将两个层都保持到第20帧。
5、点中小球层的20帧，然后拖动小球到线的终点。
6、在小球层1和20帧都右键选CreateMotionTween.
练习二：
卫星的运转
原理同练习一，就是将引导层画为一个椭圆形。
但要注意的是，椭圆要用橡皮擦去一点，形成一个开口，否则无法确定小球运动的开始处和终点处。
遮罩动画
练习一：
聚光灯效果
1、在第一行上输入一行文字，如“计算机应用”。
按F5保持到第30帧。
2、增加一层。
在这一层上，刚才文字的左面画一个圆，颜色不论。
然后在这一层的第30帧上F6，再将这个圆拖动到文字的右面。
并设置1—30帧之间为Motion。
3、在圆形这一层的层名上点右键，选Mask。
4、用ControlTestMovie来预览。
或用F12打开新窗口预览。
练习二：
文字的电影序幕效果
1、在第一层上写一段文字，在第一帧处将文字放在场景外面下面。
到第100帧处，将文字放到场景的上面外面。
再将1—100之间设置为Motion。
2、增加一层，拖住这层放在第一层的下面。
在场景中画一个渐变色的长方形，可以画成上下白色，中间蓝色。
按F5保持到100帧。
3、在文字层上按右键选Mask.
遮罩运用练习三
1、在第一层上写文字，如“计算机”。
字体粗些大些。
层名可改为“文字”。
2、增加一层，拖住这层放在第一层的下面，层名可改为“图片”。
在这一层上用FileImport导入一张图片，用F8将这张图变为图片符号。
将这张图放在文字的左边。
3、分别在两层的第30帧F6。
文字层保持不变。
拖动图片到文字的右边，并将图片层设置为Motion.
4、在文字层上右击选Mask。
5、如果想始终显示文字，则再加一层，将其拖在最下面，层名可改为“文字2”。
在“文字”层的第一帧上按“复制”，然后到“文字2”层第一帧上用“shift+ctrl+V”原地粘贴，即保持与第一层上的文字重合。
然后也在第30帧上F6。
遮罩运用练习四（连续的遮罩）
1、在第一层写文字，如“计算机”。
字体粗些。
层名可改为“文字”。
2、增加一层，将它拖到“文字”层的下面。
层名可改为“图片”。
在这层上导入一张图片，用F8转为符号。
3、将这张图片加工为狭长的长方形，宽度正好盖住字体。
然后用复制粘贴复制一两个，将它们连成一个狭长的长条，用Modify+Group将它们群组为一个符号。
4、在“图片”第一帧上将图片拖至文字左面（图片的右端正好盖住文字）。
在两层的50帧上均F6。
在图片层的第50帧，将图片拖至右面（图片的左端正好盖住文字）。
在1—50帧之间设置为Motion.
综合运用
一、在powerpoint中导入flash动画
1、打开新建的演示文稿，选择模板为“空白”。
2、选择视图工具栏控件工具箱，打开“控件工具箱”面板。
3、在该面板中选择“其他控件”中的“ShockwaveFlashObject”。
这时鼠标会变成十字形，在文稿中拉出一块面积，导入的动画就在该面积中播放。
（这块面积以后仍可以改变大小和位置）
4、在所拖出的这块区域中按右键中选择属性，打开属性面板。
5、在属性面板中双击“自定义”，打开“属性页”面板。
6、在这个面板中，在影片URL中输入动画的路径。
如：
C:
\MyDocuments\qiu.swf。
然后确定即可。
二、文字的出入效果
1、在第一层上输入文字，设置字体，字号，文字颜色。
文字排列成几行。
插入图层2。
用画圆工具在文字的中间位置画一个很小的圆形，颜色任意，并用F8转为符号。
2、在两层的第50帧处按F6。
到第二层50帧选择圆形，将圆形放大，大小至能覆盖所有文字。
3、将圆形层设置为Motion。
再用右键菜单选择“mask”。
这样，就制作成了一个圆形展开的出入效果。
把第1帧画为一个较大的圆形，30帧变化为小的圆形，则形成了圆形关闭的退出效果。
当然，把图层2的圆改为其他形状后，可以做成椭圆、方形、棱形以及其他任意形状的出入、退出效果。
三、制作水波倒影
第一步选一张适合有倒影效果的图片，日出、日落、高山等等，然后用FileImport导入第一帧，再按F8将其转变成图片符号，放在合适的位置，然后再在第40帧处F6。
第二步建立一个新层，把刚才的符号从库中取出，放在上一层的图片之下，再用ModifyTransformFlipvertical将其倒转，然后将其调整到原图的三分之二左右，贴紧上面一个图的下底边即可，然后在第40帧处按F6插入一个关键帧。
第三步再建立一个新层，把第二层的图片复制粘贴过来，在Effect面板中选“Alpha”，取其值为39％，然后再把图片向下移少许（看上去有重影即可），再在第40帧处按F6。
第四步接下来制作水纹了。
新建一个图符，[Insert]→[NewSymbol]，属性设为“Graphics”，然后选择画矩形的工具，用任何颜色都可以，画出一个长窄的矩形条来，再选择“箭头”，把矩形拉成弯弯的有点像月牙的形状，画好第一个后，同样是在第一帧，把画好的复制粘贴一下，放在下面一点儿的位置上，同时拉大拉长，如法炮制，做出七八条水纹即可，做好后在第一帧按[F8]键，把它们全部转化成一个图符。
第五步回到场景一，再建立一个新层，把刚才做的水纹图符从库中取出，注意，此时选择[Modify]→[Transform]→[EditCenter]，将中心点放在水纹的最顶上（这一步很重要），这样一来，水纹就可以从上自下、从小到大的变化了。
在这一层中，我们再在40帧处按[F6]插入一个关键帧，再将水纹向下拉到图片最底边，再在第一帧处按右键，选择“CreatMotionTween”。
最后在水纹一层上右键点mask即可。
四、又一种浮雕字
1、在第一层上输入文字，比如一首诗《静夜思》。
字体为隶书，大小为30，颜色为淡灰色。
2、点击复制，然后增加一层，在这层的第一帧上，用shift+Ctrl+V将刚才的文字原地复制到第二层。
然后打开A面板，将文字的颜色改为白色。
3、到第一层第一帧（即灰色文字层），用键盘上的方向键，将文字向下、向右移动各两格。
五、文字扫描
1、用Ctrl+M，设置属性为500×200，蓝色。
2、InsertNewSymbol，名字：
F选Graphic，确定后进入F这个图片符号的编辑状态。
3、选A面板，字体为ArialBlack，大小为75，黑色。
输入“F”。
4、同2—3步，制作下面几个字母，如A、C、E。
5、InsertNewSymbol，名字：
FACE。
选Graphic。
将字母一个个拖入，并排好对齐。
形成词FACE。
6、回Scene1。
增加四个图层。
将各层改名，从下至上分别为：
FACE、E、C、A、F。
7、在FACE层第一帧，拖入符号FACE，在第10帧F5。
8、①在F层第3帧F6，将“F”符号拖入，并盖住字母“F”。
②在F层第6帧F6，在3—6帧中设置为运动。
③回到F层第3帧，将“F”符号向左移动一小段距离，打开Transform面板，将它放大到原来大小的130％。
④到F层的第6帧，打开Effect面板，选Tint，将F的颜色改为白色。
9、同样以上四步处理其他字母。
注意A为4—7帧，C为5—8帧，E为6—9帧。
六、制作全屏播放
1、打开制作完成的fhash文件。
2、双击第一帧（任意哪一层的第一帧均可）。
打开了FrameActions面板。
3、在面板中选加号，然后选BasicActionsFSCommand。
4、在下拉菜单中选择fullscreen。
这样播放出的就是全屏了。
七、翻书效果
1、在第一层上先画一本书的样子。
比如画一个长方形，中间竖着画一条线。
将左、中、右三条竖线对齐。
2、双击书的右面一半，选复制。
3、增加一层，在这一层上将制作右面一半书页翻动的效果。
先按Shift+Ctrl+V将原地粘贴书的右页。
4、在第5帧上F6。
选旋转按钮Rotate，拖动右面中间一个圆圈，将其往上拖，造成了书页翻动一点的效果，然后在第1帧上，打开Frame面板，选Shape。
5、同理，到第10帧F6，再用旋转按钮，还要配合放大缩小按钮Scale，逐步变形。
在5—10帧也设置为变形。
6、其他步骤都同理制作。
可以用1—5、5—10、10—15、15—20这几步做好书本翻到将近垂直前的动画。
7、特别要注意的是，当书页翻到将近垂直时，要用一帧将其翻到左页去。
这里就可以在21帧F6，将书本翻到左面。
这时21帧的书页样子应与第20帧的正好相反对称，可以复制20帧的书的样子，再用垂直翻转ModifyTransformFilpVertical即可得到。
然后分别在26、31、36、41帧做出书本翻到某种程度的状态。
8、比如在26帧时，书的样子应该与前面的15帧相反。
因此这时可以复制15帧的书的样子，再用垂直翻转ModifyTransformFilpVertical即可得到。
9、同理第31帧的图可用前面的第10帧的复制翻转一下得到，第36帧的用第5帧复制翻转得到。
第40帧就把书页放平即可。
制作按钮
一、普通按钮
1、InsertNewSymbol,选择Botton，确定后即来到按钮的编辑状态。
2、Up是按钮的初始状态，Over是鼠标悬浮在按钮上时它的状态，Down是鼠标按下按钮的状态。
Hit是指按钮的触发区域，这个一般不用设置。
我们要设置的是前三帧。
3、在Up状态画一个长方形，选无边框，渐变色灰色。
4、在Over状态上F6，将按钮改变颜色为渐变色红色。
5、在Down状态上F6，将按钮改变颜色为渐变色绿色。
6、回到主场景，将按钮从库里拖出来。
预览一下它的三个状态。
二、按钮上加超链接
1、用上面的方法，先制作一个按钮。
或点WindowCommonLibrariesButtons,打开Flash自带的按钮库，拖出一个按钮。
2、在该按钮上右击，选Actions。
就打开了ObjectActions面板。
在其中选+号，选BasicActionsGetURL，打开对话框后，在URL项里输入所要的网页名。
如：
就可以链接到新浪网了。
3、如果要点按钮后，链接到某个信箱，同样，在URL项里输入
升级会员 