flash简单课件
巡山小妖精
519次浏览
2021年01月18日 10:57
最佳经验
本文由作者推荐
四年级美术教案-中国的别称有哪些
精品教学课件设计
| Excellent teaching plan
Flash
课件基础知识
多媒体计算机课件集语言、文字、图片、动画、音 乐、影像于一体
,
充分体现了人机交互性、教育性、趣味
性、观赏性的特点。
一、利用多媒体课件创设学习情境
二、利用多媒体课件克服时空限制化难为易
三、利用多媒体课件帮助学生理解教学内容
Flash< br>以便捷、完美、舒适的动画编辑环境，深受广大动画和课件制作者的喜爱，在制作课件之前，先对工
作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
一、工作环境
1
．工作窗口
在“开始页”
，选 择“创建新项目”下的“
Flash
文档”
，这样就启动
Flash8
的工作窗口并新建一个影片文档。
如图
1-11
所示。
图
1-11 Flash 8
的工作窗口
Flash
8
的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱
以及各种面板组成。
窗口最上方的是“标题栏”
，自左到右依次为控制 菜单按钮、软件名称、当前编辑的文档名称和窗口控制按
钮。
“标题栏”下方是“菜单栏”
，在其下拉菜单中提供了几乎所有的
Flash 8.0
命令项，通过执行它们可以满
足用户的不同需求。
“菜单拦”下方是“主工具栏”
，通过它可以快捷的使用
Flash 8.0
的控制命令。
“主工具栏”的下方是“文档选项卡”
，主 要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文
档选项卡”上右击，还可以在弹出的快捷 菜单中使用常用的文件控制命令。如图
1-12
所示。
图
1-12
文档选项卡
精品教学课件设计
| Excellent teaching plan
“文档选项卡”下方是“编辑栏”
，可以 用于“时间轴”的隐藏或显示、
“编辑场景”或“编辑元件”的切换、
舞台显示比例设置等。如 图
1-13
所示。
“编辑栏”下方是“时间轴”
，用于 组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，
在舞台上一层层地向上叠加。
如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。
Flash
中 有普通层、引导层、遮罩层和被遮罩层
4
种图层类型，为了便于图层的管理，用户还可以使用图 层
文件夹。
1-13
时间轴
“时间轴”下方是“工作区”和“舞台”
。
Flash 8
扩展了舞台的工作 区，可以在上面存储更多的项目。舞
台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、 按钮、导入的位图图形或视频剪辑等。如图
1-14
所示。
图
1-14
舞台
工作时根据需要可以改变“舞台“显示的比例大 小，可以在“时间轴”右上角的“显示比例”中设置显示比
例，最小比例为
8%
，最大 比例为
2000%
，在下拉菜单中有三个选项，
【符合窗口大小】选项用来自动调节到 最
合适的舞台比例大小；
【显示帧】选项可以显示当前帧的内容；
【全部显示】选项能 显示整个工作区中包括在“舞
台”之外的元素，如图
1-15
所示。
图
1-15
舞台显示比例
选择工具箱中的 【手形工具】
，在舞台上拖动鼠标可平移舞台；选择【缩放工具】
，在舞台上单击可
和
放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大 】
精品教学课件设计
| Excellent teaching plan 【缩小】
，
分别单击它们可在
“放大视图工具”
与
“缩小视图工 具”
之间切换，
如图
1-16
所示。
选择选择
【缩
放工具】后，按住键盘上的
Alt
键，单击舞台，可快捷缩小视图。
图
1-15
工具箱
图
1-16
缩放工具的选项
窗口左侧是功 能强大的“工具箱”
，它是
Flash
中最常用到的一个面板，由“工具”
、
“查看”
、
“颜色”和“选项”
四部分组成。如图
1-15
所示。
多个“面板”围绕在“舞台”的下面和右面，包括常用的【动作】面板、< br>【属性】
/
【滤镜】
/
【参数】面板
组，还有【颜色】面板组 和【库】面板等。
面板是
Flash
工作窗口中最重要的操作对 象，
下面我们逐一进行介绍
（这里只节选了部分重点内容，
详细内
容请看《中 文版
Flash8
基础与实例教程（职业版）
》
）
。
二、
Flash 8.0
基础绘图工具
实例演练——画一片树叶
现在我们就来实践一下，练习画一片树叶。打开
F ALSH
软件，系统会自动建立一个
FLASH
文档，在这里我们不改
变文档 的属性，直接使用其默认值。
（
1
）新建图形元件
执行 【插入】
|
【新建元件】命令，或者按快捷键
CTRL+F8
，弹出创建新元 件对话框，在【名称】文本对话
框中输入元件名称“树叶”，
【行为】选择“图形”，单击【确 定】按钮，如图
2-1-9
所示。
图
1-1-9
创建图形元件
图
2-1-10
“树叶”图形元件编辑场景
精品教学课件设计
| Excellent teaching plan
这时工作区变为“树枝”元件的编辑状态，如图
2-1-10
所示。说明： 图形元件是
Flash
的基本元素，有关它的详
细内容请参阅第
4
章 的有关内容。
（
2
）绘制树叶图形
在“树叶”图形元件 编辑场景中，
首先用
【线条工具】
画一条直线，
【笔触颜色】
设置为 深绿色，
如图
2-1-11
所示。
图
2-1-11
画直线
图
2-1-12
拉成曲线
图
2-1-13
连接两端
图
2-1-14
拉成曲线
然后用【箭头工具】将它拉成曲线，如图
2-1-12
所 示。再用【线条工具】绘制一个直线，用这条直线连接曲线
的两端点，如图
2-1-13
所示。用【箭头工具】将这条直线也拉成曲线，如图
2-1-14
所示。一片树叶的基本形状
已经出来了，现在我们画叶脉，在两端点间画直线，然后拉成曲线，如图
2-1-15
和图
2-1-16
所示。
图
2-1-15
画叶脉线
图
2-1-16
直线变曲
图
2-1-17
完成效果图
图
2-1-18
被选取状态
再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单 的树叶就画好了，如图
2-1-17
所
示。
（
3
）编辑和修改树叶
如果在画树叶的时候出现错误，比如说，画 出的叶脉不是你所希望的样子，你可以执行【编辑】
|
【撤销】
命令撤销前面一步的操 作，也可以选择下面更简单的方法：用【箭头工具】单击你想要删除的直线，这条直线变
成网点状，说明 它已经被选取，你可以对它进行各种修改，如图
2-1-18
所示。要移动它，就按住鼠标拖动 ，要
删除它，就直接按
DEL
键。按住
SHIFT
键连续单击线条， 可以同时选取多个对象。如果要选取全部的线条，是否
得按住
SHIFT
键挨个点击呢 ？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图
2-1-19
所示。
精品教学课件设计
| Excellent teaching plan
图
2-1-19
框选对象
图
2-1-20
【颜色】选项
图
2-1-21
调色板
说明：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式相 同的整个线条范围全部选取。
（
4
）给树叶上色
接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗？如图
2-1-20所示。
单击【填充颜色】按钮
，会出现一个调色板，同时光标变成吸管状，如图
2-1-21
所示。
说明：你除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方吸取你所需要的颜色。
如果你觉得调色板的颜色太少不够选，单击一下调色板右上角的【颜色选择器】按钮
，会弹出一个【颜
色】对话框，其中有更多的颜色选项，在这里，你能把选到的颜色添加到自定义颜色中 ，如图
2-1-22
所示。
图
2-1-22
【颜色】对话框
在
【自定义颜色】
选项下单击一个自定 义色块，
该色块会被虚线包围，
在
【颜色】
对话框右边的
【调色板】
中单击你喜欢的颜色，
上下拖动右边颜色条上的箭头，
移到你需要的深浅度上，
单击
【添加到自定义颜色】
按钮，
这个色块就被你收藏起来了。下一次要使用时，打 开这个【颜色】面板，在自定义色中可以方便的选取你中意的
颜色。
好了，现在我们 在调色板里选取绿色，单击工具箱里【颜料桶工具】
，在画好的叶子上单击一下，看看什么
效果 ，如图
2-1-23
所示。
精品教学课件设计
| Excellent teaching plan
图
2-1-23
填充颜色
图
2-1-24
填充色在封闭空间内
图
2-1-25
颜色填充后效果
三、
逐帧动画
从本单元起，我们将逐渐给大家介绍
Flash8.0
中的五种常见的动画形式：逐帧动画、形 状补间动画、动作
补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画（
Frame
By
Frame
），这是一 种常见的动画手法，它的原理是在“连续的关键帧”中
分解动画动作，也就是每一帧中的内容不同，连续 播放而成动画。
由于逐帧动画的帧序列内容不一样，
不仅增加制作负担而且最终输出 的文件量也很大，
但它的优势也很明显：
因为它相似与电影播放模式，很适合于表演很细腻的动 画，如
3D
效果、人物或动物急剧转身等等效果。
1
．逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称 为逐帧动画，
由于是一帧一帧的画，
所以逐帧动画具有非常大的灵活性，
几乎
可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧，如图
3-2-1
所示。
图
3-2-1
逐帧动画
2
．创建逐帧动画的几种方法
（
1
）用导入的静态图片建立逐帧动画
用
jpg
、
png
等格式的静态图片连续导入
Flash
中，就会建立一段逐帧动画。
（
2
）绘制矢量逐帧动画
精品教学课件设计
| Excellent teaching plan
用鼠标或压感笔在场景中一帧帧的画出帧内容。
（
3
）文字逐帧动画
用文字作帧中的元件，实现文字跳跃、旋转等特效。
（
4
）导入序列图像
可以导入
gif
序列图像、
swf
动画文件或者利用第
3
方软件（如
swish
、swift 3D
等）产生的动画序列。
4
．奔跑的豹子
茫茫雪原上，有一只矫健的豹子在奔跑跳跃，这是一个利用导入连续位 图而创建的逐帧动画，如图
3-2-3
所示。
图
3-2-3
奔跑的豹子
1
、
创建影片文档
执行【文件】
|
【新建】命令，在弹出的 面板中选择【常规】
|
【
Flash
文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为
400*260
象素，【背景色】为 白色，如图
3-2-4
所示。
图
3-2-4
创建新文档
2
、
创建背景图层
精品教学课件设计
| Excellent teaching plan
选择第一帧，执行【文件】
|
【 导入到场景】命令，将本实例中的名为“雪景
.bmp
”图片导入到场景中。在
第8
帧按
F5
，加过渡帧使帧内容延续。
3
、
导入
gif
动画
新建 一层，选择第一帧，执行【文件】
|
【导入到场景】命令，将本教程中的“奔跑的豹子”系列图 片导入。
此时，会弹出一个对话框，如图
3-2-5
所示。
3-2-5
系列图片导入
选择【是】按钮，
Flash
会自动把
gif
中的图片序列按序以 逐帧形式导入场景的左上角，如图
3-2-7
所示。
3-2-7
导入的
gif
动画在场景的上方形成帧帧动画
如图3-2-8
所示是导入后的动画序列，它们被
Flash
自动分配在
8< br>个关键帧中。
精品教学课件设计
| Excellent teaching plan
图
3-2-8
导入的
8
张图片
4
、调整对象位置
此时，时间帧区出现连续的关键帧，从左向右拉动播放头 ，就会看到一头勇猛的豹子在向前奔跑，但是，被
导入的动画序列位置尚未处于我们需要的地方，缺省状 况下，导入的对象被放在场景坐标“0，0”处，我们必须
移动它们。
你 当然可以一帧帧调整位置，
完成一幅图片后记下其坐标值，
再把其它图片设置成相同坐标值，< br>如果你有足
够耐性和时间，也无妨，那么，我们何不试试“多帧编辑”功能呢？
先把“雪景”图层加锁，然后按下时间轴面板下方的【绘图纸显示多帧】按钮
标记】按钮
，在弹出的菜单中选择【显示全部】选项，如图
3-2-9
所示。
，再单击【修改绘图纸
图
3-2-9
选择显示全部选项
最后执行【编辑】
|
【全选】命令，此时时间轴和场景效果如图
3-2-10
所示。
图
3-2-10
选取多帧编辑
用鼠标左 键按住场景左上方的豹子拖动，就可以一次把
8
帧中的图片一次全移动到场景中了。
精品教学课件设计
| Excellent teaching plan
四、
形状补间动画
形状补间动画是
Flas h
中非常重要的表现手法之一，
运用它，
你可以变幻出各种奇妙的不可思议的变形效果 。
本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间 动画的创建方法，
学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更 深地理解形状补间动画。
1
．形状补间动画的概念
（
1
）形状补间动画的概念
在
Flash
的时 间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该
形状或绘制 另一个形状，
Flash
根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
（
2
）构成形状补间动画的元素
形状补间动画可以实现 两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和
动作补间动画二者之 间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必
先“打散”再 变形。
（
3
）形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图
3-3-1
所示。
图
3-3-1
形状补间动画在时间帧面板上的标记
（
4
）创建形状补间动画的方法
在时间轴面板上动画开 始播放的地方创建或选择一个关键帧并设置要开始变形的形状，
一般一帧中以一个对
象为好，在 动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补
间】 旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图
3-3-1
所示，一 个形状补间动画
就创建完毕。
2
．认识形状补间动画的属性面板
Flash
的【属性】面板随鼠 标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击
时间帧，【属性】面板如 图
3-3-2
所示。
精品教学课件设计
| Excellent teaching plan
图
3-3-2
形状补间动画【属性】面板
五、动作补间动画
动 作补间动画也是
Flash
中非常重要的表现手段之一，
与“形状补间动画”不同的是 ，
动作补间动画的对象
必需是“元件”或“成组对象”。
运用动 作补间动画，您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，您甚
至能 做出令人称奇的仿
3D
的效果来。本实例详细讲解了动作补间动画的特点及创建方法，并分析了 动作补间动
画和形状补间动画的区别，我们精心设计的一个实例将带您进一步加深对动作补间动画的了解 。
1
．动作补间动画的概念
（
1
）动作补间动画的概念
在
Flash
的时 间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这
个元件的大 小、颜色、位置、透明度等等，
Flash
根据二者之间的帧的值创建的动画被称为动作变形动画。
（
2
）构成动作补间动画的元素
构成动作补间动画的元 素是元件，包括影片剪辑、图形元件、按钮等等，除了元件
,
其他元素包括文本都不
能 创建补间动画的
,
其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转 换成“元件”
后才可以做“动作补间动画”。
（
3
）动作补间动画在时间帧面板上的表现
动作补间动 画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图
3-4-1
所示。
图
3-4-1
动作补间动画在时间帧上的表现
（
4
）形状补间动画和动作补间动画的区别
精品教学课件设计
| Excellent teaching plan
形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表
所示。
区别之处
在时间轴上的表现
组成元素
动作补间动画
淡紫色背景加长箭头
影片剪辑、图形元件、按钮
形状补间动画
淡绿色背景加长箭头
形状，如果使用图形元
件、按钮、文字，则必先打
散再变形。
完成的作用
实现一个元件的大小、
位置、
颜色、透明等的变化。
实现二个形状之间的变
化，或一个形状的大小、位
置、颜色等的变化。
5
）创建动作补间动画的方法
在时间轴面板上动画开始播放的地 方创建或选择一个关键帧并设置一个元件，
一帧中只能放一个项目，
在动
画要结束的地 方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁
边的“ 小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立
了“动作补间动画”。
六、
引导路径动画
单纯依靠设置关键帧，
有时仍然无法实现一些复杂的动画效果 ，
有很多运动是弧线或不规则的，
如月亮围绕
地球旋转、鱼儿在大海里遨游等，在Flash
中能不能做出这种效果呢？
答案是肯定的，这就是“引导路径动画”。
将一个或多个层链接到一个运 动引导层，
使一个或多个对象沿同一条路径运动的动画形式被称为
“引导路径
动画”。 这种动画可以使一个或多个元件完成曲线或不规则运动。
1
．创建引导路径动画的方法
（
1
）创建引导层和被引导层
一个最基本“引导路径动画”由二 个图层组成，上面一层是“引导层”，它的图层图标为
“被引导层”，图标
同普通图层一样。< br>
，下面一层是
精品教学课件设计
| Excellent teaching plan
在普通图层上点击时间轴面板的“添加引导层”按 钮
通层缩进成为“被引导层”，如图
3-6-1
所示。
，该层的上面就会添加一个引导层
，同时该普
图
3-6-1
引导路径动画
（
2
）引导层和被引导层中的对象
引导层是用来指示元件运行路 径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形
工具或画笔工具等绘制出的 线段。
而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文 字等，但不能应用形
状。
由于引导线是一种运动轨迹，
不难想象，
“被引导”
层中最常用的动画形式是动作补间动画，
当播放动画时，
一个或数个元件将 沿着运动路径移动。
（
3
）向被引导层中添加元件
“ 引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导
线 ”的两端，被引导的对象起始、终点的
2
个“中心点”一定要对准“引导线”的
2个端头，如图
3-6-2
所示。
图
3-6-2
元件中心十字星对准引导线
图
3-6-3
路径调整和对齐
在图
3-6-2
中，我们特地把“元件”的透明度设为
50%
，使你可以透过元件看到下面的引导线，“元件” 中
心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。
2
．应用引导路径动画的技巧
（
1
）“被引导 层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路
径调整】 前打上勾，对象的基线就会调整到运动路径。而如果在【对齐】前打勾，元件的注册点就会与运动路径
对 齐，如图
3-6-3
所示。
（
2
）
引导层中的内 容在播放时是看不见的，
利用这一特点，
可以单独定义一个不含“被引导层”的“引导层”，< br>该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为
。
精品教学课件设计
| Excellent teaching plan
（
3
）在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮
，可以使“对象 附着于引导线”的操作更
容易成功。
（
4
）过于陡峭的引导线可能 使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。
（
5
）被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。
（
6
）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册 点对准线段的开始和结束
的端点，否则无法引导，如果元件为不规则形，可以按下工具栏上的任意变形工 具
，调整注册点。
（
7
）如果想解除引导，可以把被引导层拖离“ 引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选
择【属性】，在对话框中选择“正常”作 为图层类型，如图
3-6-4
所示。
图
3-6-4
图层【属性】面板
（
8
）如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现
2
个
端点，再把对象的起始、终点分别对准端点即可。
（
9
）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让
Flash
能辨 认出线段走向，否
则会使引导失败。
七、遮罩动画
在
F lash8.0
的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的
“< br>遮罩
”
完成的，如水波、
万花筒、百页窗、放大镜、望远镜
……
等等。
那么，
“
遮罩
”
如何能产生这些效果呢？
在本节，我们除了给大家介绍
“
遮罩
”
的基本知识，还结 合我们的实际经验介绍一些
“
遮罩
”
的应用技巧，最后，提
供二个很 实用的范例，以加深对
“
遮罩
”
原理的理解。
在
Flash8.0
中实现
“
遮罩
”
效果有二种做 法，一种是用补间动画的方法，一种是用
actions
指令的方法，在本节中，
我们 只介绍第一种做法。
1
．遮罩动画的概念
（
1
）什么是遮罩
“
遮罩
”
，顾名思义就是遮挡住下面的对象。
在
Flash8.0
中，
“
遮罩动画
”
也确实是通 过
“
遮罩层
”
来达到有选择地显示位于其下方的
“
被遮罩层
”
中的内容的目地，
在一个遮罩动画中，
“
遮罩层
”
只有一个，
“
被遮罩层
”
可以有任意个。
（
2
）遮罩有什么用
在
Flash 8.0
动画中，
“
遮罩
”
主要有
2
种用途，一个作 用是用在整个场景或一个特定区域，使场景外的对象或特定