完整版flash教学示例

1、目的：1、画图工具的使用； 2、动画制作的基本过程； 3、引导层的使用； 4、遮罩层的使用； 5、帧帧动画的使用； 6、变形动画的实现。例1运动的光碟一. 建立新动画：1. 运行Flash MX。这时系统启动并自动建立了一个新文件。执行：“文件/新建”菜单命令或按可以新建一个的影片文件。未矗若-】2. 设置舞台属性：执行“修改/文档”菜单命令（或按 Ctrl+J ）。其实Flash MX提供了 “属性提示器”见下图1。R-S-Kej lanAikL 亡4图1 影片属性设置再点开“大小”可以设置文档属性见图 2：（ 1）播放速度（帧频）（2）舞台尺寸（尺 寸）（3）背景颜色 （4）选用何种标尺单

2、位等。300*100的蓝色背景舞一般每秒12帧的播放速度比较合适。这里我们设定一个尺寸为 台。二.建立组件：1. 新建光碟元件（创建一个图符） 执行“插入/新建元件”菜单命令元件起名（最好是取拼音名或数字名， 上就进入到创建新元件的编辑状态2. 在绘图工具栏中选椭圆工具。（或按 比如Ctrl-F8键）进入建立元件的对话框窗口，给guang），选择类型是图形。然后按确定按钮。马并将其下的属性提示器参数设置为下图3所示。文ejs性尺寸；550 PXt 宽K400 px（高）匹飢丿打印机（）|内容Q1 戦认丁背融:Fj祯频世）：121 fps标尺单位：1橡乗Kejiansiu- com帮助QP I

3、设肖賦认值1t 确走 J 腿消1文档属性图2Kej ianiiLL com椭圆工具的属性提示器（边框色和填充色）shift键不松手，画出3. 在工作区里拖动鼠标绘制一个圆（在拖动鼠标的同时按下 来的是正圆）。注意：圆的中心一定要和舞台中心的“ +”对准。最好从查看中调出标尺和网格。4. 利用直线工具画一园的直径，选中此直径，调出窗口下边的“变形面板”（见图4）旋转设45度，在右下边的旋转复制按钮（向右小箭头），连按三次，就会出现四条直径，把圆分为8叶。團5. 再在一边利用椭园工具画一小的正园，选中拖入大圆的正中心，记住一定要中心对 齐。6. 利用漆桶工具，分别在 8叶中充入不同的好看的颜色，这

4、样元件就做好了。 三.建立运动动画：1. 设置起始位置：（1）元件做好后，点击时间轴右上角的“场景 1”回到主场景。（2）按Ctrl-L 打开图库，发现里面已经有一个做好了的名为guang的 的元件。在预览窗口中把该元件拖动到工作区中的中央， 此时时间轴的第1帧上的小圆圈已经由空心 变成了实心，表明该帧不再为空，变为关键帧。2. 设置目的位置：（1）在时间轴第10帧单击鼠标左键，该帧变蓝表示被选，在此处按F6键插入一个关键帧，第10帧也变为实心小黑点。（2）单击选中时间轴上的第 1帧，下边出现帧的属性面板，点开“补间”和“旋转”的向下箭头选择如图 5。主青迁命：r斷牡能转-调gsjfis程司芳

5、匚墜司步.:警 循琳0滤站anxL丄C鬥5 在帧面板中设置运动动画 小球运动建好后的时间轴状态如图 6:Hi-a 吕5 ” m， H且 表示过这时时间轴窗口的状态如图 6所示，第1帧和第10帧之间出现了一个实线箭头, 背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，渡不成功，需要重新查看每一个关键帧及其属性。3. 测试效果：执行 “窗口 /工具栏/控制栏”菜单命令，打开控制面板，按播放钮播放动画，者按下Ctrl + Enter预览窗口，以全屏预览动画，可以看到本页上面的左边的动画效果。4. 如果想让光蝶向前滚动，可以点一下时间轴的第一帧，光蝶放到舞台左边，再在 第10

6、帧把光蝶放到舞台右边，就会出现滚动效果。shift+5. 如果想让光蝶向前动，可以点一下时间轴的第一帧，去掉旋转，再把光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。（移动对象可以用f J T J）四.存盘:用Flash做动画不难吧。做好了动画不要忘记存盘，执行“文件/保存”菜单命令（或按Ctrl + S键），在弹出的对话框中输入存档文件名，确定。这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下 Ctrl +Enter键，则系统会自动生成.swf的电影文件，可以用Flash 5电影播放器直接观看。导出FlaslhPlayer加载顺序:_确毎j选项:生成大

7、小抿告防止导入省略跟晾动作允许调试匚学-密码:JTEG晶质50C0-1O03音频熬3音频事件廻】：MF3, 16 ktps.单貫這flash 5FlisK 5VFl ask 1 riash 23覆畫=音谡置版本:帮a I Kejianxiu. com例 2 相片的运动一. 新建动画文件1 新建 / 文件。2 设置影片属性 : 或按 ctrl+F3 550*400 ，帧频 12 ，背景颜色自定。二. 导入你的相片这时在舞台和图库中都有了你的相片点插入菜单下“ 转化为元件 ”，组件起名 +”表示已为元件，你可以删掉他，此1 点 文件 / 导入 ，找到相片的位置，点打开， 了2 相片转化为元件。点一

8、下舞台上的相片， “pic ”，类型或行为“图形”此时相片上出现一个“ 时组件库中已保存此元件。三. 制作动画A. 运动效果1 ）制作第一个关键帧 :回到场景 1，选择箭头工具，将 pic 从图库中拖放到舞台的 左上角的外侧。2 ）制作第二个关键帧：用鼠标单击第15帧。此时帧变成蓝色。 按f6键添加关键帧。 将相片拖动到舞台右下角。3 ）创建动画 ：单击第一帧。在下边的帧面板上找到“补间”点开下拉条，找到“运 动渐变”，设置为运动，如是想让相片旋转，再点下边的“旋转”下拉条，设为顺时针，次 数为“ 1”按回车键看一下播放效果。B. 放大效果1 ）在 30 帖处按 F6 插入关键帧，此时把相片拖

9、入舞台中央。2 ）点工具栏中的任意变形工具， 此时在相片周围出现八个方块，拖运，可使相片变 大，变形，变成你想要的样子。你可以让相片放大的和舞台一样的大。3 ）再在回到 15帧，在帧面板上设置运动动画。点回车看一下播放效果。C. 淡出且变小效果1 ）在45帖处按F6插入关键帧，点工具栏中的任意变形工具，此时在相片周围出现八个方块，拖运，可使相片变小。2） 再点一下此时舞台上的相片组件，下边的属性提示器会出现相应的提示， 找到“颜 色”点开下拉条，找到“透明度或” “Alpha”再在其后的方框中设为 20%此时相片变的透 明且淡 .3）再在回到 30帧，在帧面板上设置运动动画。点回车看一下播放效

10、果。D. 推进效果100%，回到 45 帧建立运动动同理，在 60 帧插入关键帧，使相片再放大，调透明度 画，回车会看到相片向前变清晰且向前推进的效果。E. 由正面到反面的渐变效果1 ）在 75 帧按 f6 插入关键帧，找到窗口下边的“变形” ，点一下“倾斜”再在后边的“垂直斜度” 框中输入“180”则相片为反面显示。（或直接利用变形工具拖动， 效果更好）2）回到 60 帧， 在帧面板上设置运动动画。点回车看一下播放效果。要想让反面效果保 存时间长一些，可在第 90 帧处按 F5 四. 存盘1 存成 flash 文件 : 格式为 *.fla2 输出可播放文件 : 格式为 *.swf3 输出动画

11、文件 : 格式为 *.gif 。选择路径,输入文件名,确定。 。文件 / 导出影片。设置参数导出。 文件 / 导出影片。例 3：雨滴的制作一 .建水滴图形元件 :1按Ctrl+8新建图形元件1 （ shuidi）,利用椭园工具画一无边框椭园，再利用黑箭头工具调整此图形为水滴状。2 点选中图形, 在混色器中选取放射状 （径向） 颜色调整为从白色到淡蓝色的渐变。 （大小约 2*4 )二. 建水波图形元件按Ctrl+8新建图形元件2（ shuibo），利用椭园工具画一无填充椭园。白色。三 . 建水滴运动动画1 导入一张有水面的图片，调整与场景大小相同，再在场景中增加两个层三层分别为由下到上分别为图片

12、层、水滴层、水波层。2在水滴层第一帧拖入 shuidi，放在场景上边一些， 在第15帧按F6。将水滴调到场景中下边，同时调整水滴大小较第一帧的大一些。建立运动动画3在 水波层15帧拖入shuibo，放在水滴正下方，使水滴在水波的正中央，在第30 帧按F6，单击修改-变形-缩放与旋转，调整其实大小为第一帧的2倍，透明度设为 0，建立运动动画。四.测试保存。例 4：小飞机沿轨迹运动（引导层）一.新建影片 新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。二.制作小飞机元件 :1.利用矩形工具在舞台上拖一矩形， 用箭头工具向外拖一角， 再将另一对角向内拖动， 用 直线工具连接刚拖过的两

13、个角，利用漆桶工具改变两三角的颜色。2.利用箭头工具选中整个飞机，执行“插入 /转换为元件 ”，则飞机上出现一小三 . 制作动画 :1.创建飞机运动图层 :（1）单击第一层的第 1 帧，将飞机拖放在场景中的左上角。（2）选择第20桢，按F6键插入关键桢。（ 3）找到属性面板，建立 1-20 桢之间的小飞机运动动画。在 “使路径适应2. 单击时间轴窗口上的“添加引导图层”按钮， 或执行“插入 /运动引导层” 增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。 然后用铅笔工具在场景中画一个平滑曲线3. 选择第一层的第 端对准。4. 选择第一层的第5. 按 Enter

14、测试。四. 测试和保存影片 : 分别执行“文件 是 :fly.fla 和 fly.swf+字”。”上打勾。 为第一图层o1 帧。拖动第 1 帧上的飞机到曲线左端点上， 注意一定要“ +”与线一20 帧。用同样的方法将小球拖动到曲线的右端点上。/ 保存”和“文件 / 导出影片”命令保存和导出影片，文件名分别例 5: 遮罩的运动一 . 新建影片 :新建一个电影文件，导入一张你喜欢的图片，利用任意变形工具使其放大到和舞台 一样的大。二. 创建遮罩层1. 点插入菜单下的新建元件， 性质为图形， 利用矩形工具在舞台中央拖一 矩形， 颜 色任意。2. 回到场景，新建图层 2 ，打开窗口菜单下的库，将正方形

15、拖出到舞台中央，利用 任意变形工具使其缩小，这时此正方形默认在第一帧。3. 在第 20 帧按 f6 插入关健帧，调整此正方形到整个舞台。4. 回到图层 2 的第一帧，在属性面板建立运动动画，并把旋转调为顺时针，次数为5. 点（选）中图层 2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图 标内缩。三. 测试和保存影片 :1. 按 Ctrl+Enter 测试影片2. 分别执行“文件 / 保存”和“文件 / 导出影片”命令保存和导出影片，文件名分别是 fm.fla 和 fm.swf 。例 6：被遮罩的运动一. 新建影片 :新建一个电影文件，全用默认。二. 创建被遮罩层1. 导入“清明上河图”

16、图片，调整高度。上河图的开始端在舞台的最右边，在第00帧处按F6插入关健帧，然后按住Shift，同时利用键盘上的方向键向左移动上河图，直到图的左边与舞台的右边对齐。102. 回到第一帧，在帧属性面板建立运动动画。三. 创建遮罩层1. 新增加图层 2，在舞台正中画一椭圆，高度比上河图的上下边各高出一些。2. 点（选）中图层 2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图因图片较大可能有的效果不好， 如果不出效果，执行标内缩。按 Ctrl+Enter 测试影片 改/ 帧/ 翻转帧”）四. 创建背景层1. 选中图层 2，新建图层 化为元件，在属性面板中将背景图的3，在图层 2 的上边）导入

17、一与上河图相宜的图片，转Alpha （透明度）设为20%2. 现在为了保证图层 1 和 2不被改动，点击图层上的“锁定”标志。3. 在图层 3 的适当位置，（你所画的做为遮罩园以外的地方） 利用文字工具输入 明上河园”，字体字色自定，再输入“张择端” 五. 测试和保存影片。例 7：帧帧动画一. 创建影片 :新建一个Flash文件。设置电影属性。尺寸大约400X400，帧频1px背景枣红。调出查看 / 网格。二. 创建动画 :1. 在绘图工具箱中选择文字工具，设置文字属性面板，字体为华文行楷，字色为黑 色，大小为 49.2. 在舞台中左边输入 “闪客沙龙”3. 第一帧选中“客沙龙”删掉，第第4

18、帧为全，第 5 帧改字色为黄色，第四字，在第2、3、4、5、6帧均按F6插入关键帧。2 帧选中“沙龙”删掉，第 3 帧选中“龙”删掉，6 帧为黑色。4. 在第 6 帧点一下， 在舞台右边合适位置输入 “和睦家庭” ，第 6 帧选中 “睦家庭” 删掉，第 7帧选中“家庭”删掉，第 8帧选中“庭”删掉，第 9 帧为全，第 10 帧改字色为 黄色，第 11 帧为黑色。三. 测试和保存文件 : 导出影片，格式 zzdh.swf ，或 gif 动画格式 zzdh.gif 。变形动画是 FLASH 动画中比较特殊一种过程动画， 和运动动画不同的是， 其动画对象 只能是矢量图形对象。群组对象、图符引例对象、

19、符号和位图图像均不能够作为变形动画 的对象（除非把它们打散成矢量图形） 。变形动画可以在两个关键帧之间制作出变形的效果， 让一种形状随时间变化成另外一种形状；还可以对形状的位置.大小和颜色进行渐变。变形动画有两种形式，一种是不可控的（也叫简单变形） ，而另外一种则是可控的（通 过添加控制点来实现，也叫控制变形） 。下面先介绍一个简单变形动画的制作过程。例 8：欢渡国庆.创建影片：新建一个Flash文件。设置电影属性。尺寸大约400X300,背景浅桔色。二. 创建动画 :1. 在绘图工具箱中选择矩形工具，用矩形工具在场景中画出一个没有边框的红色矩 形。这是变形动画的第 1 帧。2 单击第 10 帧并按 F7 键，插入