用FLASH制作课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
线段的一半，位置重合，笔触高度选1），按F8
转换为图形原件，点任意变形工具，拖动小圆圈
至表盘中心位置
5、在此图层的91帧处插入关键帧，选择菜单栏 的“修改”—“变形”—“顺时针旋转90度”， 之间添加补间动画
6、在181帧、271帧、361帧处重复第6步
动作补间动画(20)
（全局修改）
5、复制图层1的第1帧，在图层2的第60帧处粘贴 帧
6、按下ctrl+enter测试 7、保存flash文件并导出SWF文件（课件）
动作补间动画(10)
实例8、初中数学课件制作：两个三角形关于某直
线对称
操作步骤：
1、新建一flash文件
（图层1制作） 2、在场景中心，绘制一直线，并在第60帧处插 入帧（初学者，此时可以对图层1加锁）
（图层1制作）
2、在场景中绘制一竖直线段，把线段中间部分擦
去，两头均剩余大约2mm长，按F8转换为图形原 件，在菜单栏上点击“窗口”—“变形”，在右 侧的变形面板上，旋转填写6度（是因为秒针跑 60秒位一圈360度）点“复制并应用变形”，点
29次
动作补间动画(18)
（以下图层2制作）
3、在场景中绘制一竖直线段（与小刻度原线段等
10、在图层3的第31帧—50帧间，单击鼠标右键，
选择“添加补间动画”,在图层3的第51帧处，插 入空白关键帧
（如下开始图层4制作） 11、如法炮制制作图层4…… 12、按下ctrl+enter测试
13、保存flash文件并导出SWF文件（课件）
动作补间动画(7)
实例6、蝴蝶沿着引导线飞舞
设计知识体系中最重要、也是最基础的，包括： 绘图和编辑图形、补间动画和遮罩。这是三个紧 密相连的逻辑功能，并且这三个功能自Flash诞生 以来就存在。补间动画是整个Flash动画设计的核 心，也是Flash动画的最大优点。学习Flash动画 设计，最主要的就是学习“补间动画”设计。
动作补间动画(2)
逐帧动画
通过以下实例，了解flash动画（影片）形成原理。
实例1、倒计时
用逐帧动画制作一个倒计时牌。在一个背景上，
数字从大到小的不断变化 。
实例2、蝴蝶逐帧原地飞舞
不同展翅姿态的几个蝴蝶图片，逐帧放置，组成 蝴蝶原地飞舞动画。
动作补间动画(1)
Flash动画设计的三大基本功能是整个Flash动画
7、在两个刻度图层最后添加帧
8、设置文档属性“帧频”为6 9、按下ctrl+enter测试 10、保存flash文件并导出SWF文件（课件）
形状补间动画
圆变方、方变圆 旋转的三棱锥
遮罩(1)
实例11、小学数学课件制作：测量长度
操作步骤：
1、新建一flash文件 （图层1制作） 2、把刻度尺图片554.jpg导入到场景中
作业（1）
数加法法则》一节引入部分制作动画，帮助学生
更好理解有理数加法法则：
小明在一条东西走向的跑道上行走，现规定向东 为正，向西为负。
（1）先向东走8米，再向东走3米，小明两次一 共向东走了多少米？
（2）先向西走8米，再向西走3米，小明两次一 共向东走了多少米？
作业（2）
（3）先向东走8米，再向西走3米，小明两次一
拖动上面的小圆圈至斜边（底边）中点处。
5、在图层2的第60帧处添加关键帧，点击“变
形”“垂直翻转”， 在第1帧—60帧间，单击鼠
标右键，选择“添加补间动画”
动作补间动画(15)
6、在图层2的第60帧处，点击鼠标右键，选择
“动作”，在下面编辑区写下“stop();”
7、按下ctrl+enter测试
纸片，如何剪能得到最大的正方形
操作步骤：
1、新建一flash文件
（图层1制作） 2、绘制一长方形，点击“修改”“变形”“缩放 或旋转”，“旋转”135度
动作补间动画(14)
（图层2制作）
3、绘制一个等腰直角三角形，使其腰长等于长方
形的宽，如图放置（与长方形右上角重合）
4、按下F8转换为图形组件用“自由变形”工具，
用FLASH制作课件
唐河一初中 武锁银
目
录
准备工作：软件的下载与安装 逐帧动画 动作补间动画 形状补间动画 遮罩 作业 网站分享与推荐
准备工作：软件的下载与安装
Flash8是课件制作的一个重要软件。数学、物理
等学科，用这个软件制作的课件，会更加生动形 象。
Fireworks8是图片制作的又一利器。它与Flash及 Dreamweaver合起来称为“网页三剑客”。
（如下图层3制作）
5、新建一图层（图层3），复制图层2的第一帧，
在图层3的第一帧粘贴帧；
（如下图层4制作）
6、新建一图层（图层4），复制图层2的第60帧， 在图层4的第一帧粘贴帧
7、按下ctrl+enter测试 8、保存flash文件并导出SWF文件（课件）
动作补间动画(13)
实例9、初中（小学）数学课件制作：一个长方形
共向东走了多少米？
（4）先向西走8米，再向东走3米，小明两次一
共向东走了多少米？
2、制作“圆变方、方变圆”动画（形状补间）
3、制作“展开的画卷”动画
4、制作“小兔子跷跷板”幼儿动画
网站分享与推荐
为便于相互联系，各位学员请把自己的信 息添加上去。 想用我开发的《期末评语系统》或其他系 统的，请与我直接联系。有学校或个人网 站制作、校园办公系统开发等业务的，你 可以大胆接单，我们可以合作！ 联系方式见网站
3、在图层1的第70帧处，插入帧。（初学者，此 时可以对图层1加锁）
动作补间动画(4)
（如下开始图层2制作）
4、新建一图层（图层2）
5、在图层2的第10帧处，插入空白关键帧，然后
将6.jpg（正电荷）图片导入到舞台上，并把图片
拖到电池正极附近
6、在图层2的第30帧处，插入关键帧，然后在场 景里，拖动正电荷至灯泡左接线柱附近，在图层2 的第10帧—30帧间，单击鼠标右键，选择“添加 补间动画”
动作补间动画(11)
（如下图层2制作）
3、新建一图层（图层2），在场景中直线的左侧，
绘制一三角形，按下F8转换为图形组件用“自由
变形”工具，拖动上面的小圆圈至直线上。
4、在图层2的第60帧处添加关键帧，点击“变
形”“水平翻转”， 在第1帧—60帧间，单击鼠
标右键，选择“添加补间动画”
动作补间动画(12)
（以下图层4制作）
9、新建一图层4，拖动到前三个图层的最下面，
并拖动图层，使其图层名与图层3的图层名对齐
10、在图层4的第一帧处，导入桌子图片，并调
整到如图的位置
11、按下ctrl+enter测试
12、保存flash文件并导出SWF文件（课件）
初中数学课件制作：结合自己的教学，为《有理
遮罩(3)
（以下图层3制作）
6、导入卷尺盒图片665.png，放在刻度尺0刻度
处
7、在图层3第60帧处插入一关键帧，将卷尺盒放
在刻度尺最大刻度处，并在第1帧--第60帧之间，
“添加补间动画”
8、在图层3的第60帧处，点击鼠标右键，选择
“动作”，在下面编辑区写下“stop();”
遮罩(4)
8、保存flash文件并导出SWF文件（课件）
动作补间动画(16)
实例10、初中（小学）数学、体育课件制作：中
心对称图形（以时钟秒表为例）
此类课件用flash制作操作简单，容易掌握，且不
胜枚举，比如：正多边形、五角星、齿轮、折
扇……
操作步骤：
动作补间动画(17)
1、新建一flash文件
实例7、小学数学简单课件制作：轴对称图形（展
翅原地飞舞的蝴蝶）
第一步：采集素材（网络下载一正放的蝴蝶）
第二步：素材加工
用Fireworks8打开图片，使用魔术棒，删除图片 周围白色部分，把周围透明化；再用剪辑工具截 取图片的一半。
第三步：课件制作： （图层1制作）
动作补间动画(8)
1、在Fireworks8中，复制“半蝴蝶”，在flash
实例3、春（字向四周直线飞舞）
实例4、蝴蝶直线飞舞
实例5、初中物理课件制作：电流的形成——电
荷的定向移动形成电流动画
动作补间动画(3)
制作步骤： （图层1制作） 1、在层1的第一帧处，将电路图A.jpg图片导入 到舞台上
2、在图层1的第10帧处，插入空白关键帧，然后 将电路图B.jpg图片导入到舞台上
长且位置重合，笔触高度选5），把线段中间部分
擦去，两头均剩余大约3mm长，按F8转换为图形
原件，在菜单栏上点击“窗口”—“变形”，在
右侧的变形面板上，旋转填写30度（是因为12小
时一圈360度）点“复制并应用变形”，点5次
（以下图层3制作）
动作补间动画(19)
4、在场景中绘制一竖直线段（长度约为小刻度原
（以下图层2制作）
遮罩(2)
3、新建一图层，在第一帧处绘制一矩形，高与刻
度尺的宽相同，长为1，与刻度尺0刻度对齐
4、在图层2第60帧处插入一关键帧，并将此矩形
的高设置与刻度尺的宽相同，矩形的长设置与刻 度尺等长，并在第1帧--第60帧之间，“添加补间 动画”
5、在图层2的图层名称上点右键，选择“遮罩”
中粘贴，按下F8转换为图形组件，用“自由变形”
工具，拖动上面的小圆圈至左或右边缘（蝴蝶肚
皮）处
2、在60帧处插入ຫໍສະໝຸດ 键帧，点击“修改”“变 形”“水平翻转”， 在第1帧—60帧间，单击鼠 标右键，选择“添加补间动画”
动作补间动画(9)
（图层2制作）
3、新建一图层（图层2）
4、复制图层1的第60帧，在图层2的第一帧处粘 贴帧
动作补间动画(5)
（如下开始图层3制作） 7、新建一图层（图层3） 8、在图层3的第31帧处，插入空白关键帧，然后 将右侧组件库中6.jpg（正电荷）图片导入到舞台 上，并把图片拖到灯泡右接线柱附近
9、在图层3的第50帧处，插入关键帧，然后在场 景里，拖动正电荷至开关左接线柱附近
动作补间动画(6)
转换为图形原件，点任意变形工具，拖动小圆圈
至表盘中心位置
5、在此图层的91帧处插入关键帧，选择菜单栏 的“修改”—“变形”—“顺时针旋转90度”， 之间添加补间动画
6、在181帧、271帧、361帧处重复第6步
动作补间动画(20)
（全局修改）
5、复制图层1的第1帧，在图层2的第60帧处粘贴 帧
6、按下ctrl+enter测试 7、保存flash文件并导出SWF文件（课件）
动作补间动画(10)
实例8、初中数学课件制作：两个三角形关于某直
线对称
操作步骤：
1、新建一flash文件
（图层1制作） 2、在场景中心，绘制一直线，并在第60帧处插 入帧（初学者，此时可以对图层1加锁）
（图层1制作）
2、在场景中绘制一竖直线段，把线段中间部分擦
去，两头均剩余大约2mm长，按F8转换为图形原 件，在菜单栏上点击“窗口”—“变形”，在右 侧的变形面板上，旋转填写6度（是因为秒针跑 60秒位一圈360度）点“复制并应用变形”，点
29次
动作补间动画(18)
（以下图层2制作）
3、在场景中绘制一竖直线段（与小刻度原线段等
10、在图层3的第31帧—50帧间，单击鼠标右键，
选择“添加补间动画”,在图层3的第51帧处，插 入空白关键帧
（如下开始图层4制作） 11、如法炮制制作图层4…… 12、按下ctrl+enter测试
13、保存flash文件并导出SWF文件（课件）
动作补间动画(7)
实例6、蝴蝶沿着引导线飞舞
设计知识体系中最重要、也是最基础的，包括： 绘图和编辑图形、补间动画和遮罩。这是三个紧 密相连的逻辑功能，并且这三个功能自Flash诞生 以来就存在。补间动画是整个Flash动画设计的核 心，也是Flash动画的最大优点。学习Flash动画 设计，最主要的就是学习“补间动画”设计。
动作补间动画(2)
逐帧动画
通过以下实例，了解flash动画（影片）形成原理。
实例1、倒计时
用逐帧动画制作一个倒计时牌。在一个背景上，
数字从大到小的不断变化 。
实例2、蝴蝶逐帧原地飞舞
不同展翅姿态的几个蝴蝶图片，逐帧放置，组成 蝴蝶原地飞舞动画。
动作补间动画(1)
Flash动画设计的三大基本功能是整个Flash动画
7、在两个刻度图层最后添加帧
8、设置文档属性“帧频”为6 9、按下ctrl+enter测试 10、保存flash文件并导出SWF文件（课件）
形状补间动画
圆变方、方变圆 旋转的三棱锥
遮罩(1)
实例11、小学数学课件制作：测量长度
操作步骤：
1、新建一flash文件 （图层1制作） 2、把刻度尺图片554.jpg导入到场景中
作业（1）
数加法法则》一节引入部分制作动画，帮助学生
更好理解有理数加法法则：
小明在一条东西走向的跑道上行走，现规定向东 为正，向西为负。
（1）先向东走8米，再向东走3米，小明两次一 共向东走了多少米？
（2）先向西走8米，再向西走3米，小明两次一 共向东走了多少米？
作业（2）
（3）先向东走8米，再向西走3米，小明两次一
拖动上面的小圆圈至斜边（底边）中点处。
5、在图层2的第60帧处添加关键帧，点击“变
形”“垂直翻转”， 在第1帧—60帧间，单击鼠
标右键，选择“添加补间动画”
动作补间动画(15)
6、在图层2的第60帧处，点击鼠标右键，选择
“动作”，在下面编辑区写下“stop();”
7、按下ctrl+enter测试
纸片，如何剪能得到最大的正方形
操作步骤：
1、新建一flash文件
（图层1制作） 2、绘制一长方形，点击“修改”“变形”“缩放 或旋转”，“旋转”135度
动作补间动画(14)
（图层2制作）
3、绘制一个等腰直角三角形，使其腰长等于长方
形的宽，如图放置（与长方形右上角重合）
4、按下F8转换为图形组件用“自由变形”工具，
用FLASH制作课件
唐河一初中 武锁银
目
录
准备工作：软件的下载与安装 逐帧动画 动作补间动画 形状补间动画 遮罩 作业 网站分享与推荐
准备工作：软件的下载与安装
Flash8是课件制作的一个重要软件。数学、物理
等学科，用这个软件制作的课件，会更加生动形 象。
Fireworks8是图片制作的又一利器。它与Flash及 Dreamweaver合起来称为“网页三剑客”。
（如下图层3制作）
5、新建一图层（图层3），复制图层2的第一帧，
在图层3的第一帧粘贴帧；
（如下图层4制作）
6、新建一图层（图层4），复制图层2的第60帧， 在图层4的第一帧粘贴帧
7、按下ctrl+enter测试 8、保存flash文件并导出SWF文件（课件）
动作补间动画(13)
实例9、初中（小学）数学课件制作：一个长方形
共向东走了多少米？
（4）先向西走8米，再向东走3米，小明两次一
共向东走了多少米？
2、制作“圆变方、方变圆”动画（形状补间）
3、制作“展开的画卷”动画
4、制作“小兔子跷跷板”幼儿动画
网站分享与推荐
为便于相互联系，各位学员请把自己的信 息添加上去。 想用我开发的《期末评语系统》或其他系 统的，请与我直接联系。有学校或个人网 站制作、校园办公系统开发等业务的，你 可以大胆接单，我们可以合作！ 联系方式见网站
3、在图层1的第70帧处，插入帧。（初学者，此 时可以对图层1加锁）
动作补间动画(4)
（如下开始图层2制作）
4、新建一图层（图层2）
5、在图层2的第10帧处，插入空白关键帧，然后
将6.jpg（正电荷）图片导入到舞台上，并把图片
拖到电池正极附近
6、在图层2的第30帧处，插入关键帧，然后在场 景里，拖动正电荷至灯泡左接线柱附近，在图层2 的第10帧—30帧间，单击鼠标右键，选择“添加 补间动画”
动作补间动画(11)
（如下图层2制作）
3、新建一图层（图层2），在场景中直线的左侧，
绘制一三角形，按下F8转换为图形组件用“自由
变形”工具，拖动上面的小圆圈至直线上。
4、在图层2的第60帧处添加关键帧，点击“变
形”“水平翻转”， 在第1帧—60帧间，单击鼠
标右键，选择“添加补间动画”
动作补间动画(12)
（以下图层4制作）
9、新建一图层4，拖动到前三个图层的最下面，
并拖动图层，使其图层名与图层3的图层名对齐
10、在图层4的第一帧处，导入桌子图片，并调
整到如图的位置
11、按下ctrl+enter测试
12、保存flash文件并导出SWF文件（课件）
初中数学课件制作：结合自己的教学，为《有理
遮罩(3)
（以下图层3制作）
6、导入卷尺盒图片665.png，放在刻度尺0刻度
处
7、在图层3第60帧处插入一关键帧，将卷尺盒放
在刻度尺最大刻度处，并在第1帧--第60帧之间，
“添加补间动画”
8、在图层3的第60帧处，点击鼠标右键，选择
“动作”，在下面编辑区写下“stop();”
遮罩(4)
8、保存flash文件并导出SWF文件（课件）
动作补间动画(16)
实例10、初中（小学）数学、体育课件制作：中
心对称图形（以时钟秒表为例）
此类课件用flash制作操作简单，容易掌握，且不
胜枚举，比如：正多边形、五角星、齿轮、折
扇……
操作步骤：
动作补间动画(17)
1、新建一flash文件
实例7、小学数学简单课件制作：轴对称图形（展
翅原地飞舞的蝴蝶）
第一步：采集素材（网络下载一正放的蝴蝶）
第二步：素材加工
用Fireworks8打开图片，使用魔术棒，删除图片 周围白色部分，把周围透明化；再用剪辑工具截 取图片的一半。
第三步：课件制作： （图层1制作）
动作补间动画(8)
1、在Fireworks8中，复制“半蝴蝶”，在flash
实例3、春（字向四周直线飞舞）
实例4、蝴蝶直线飞舞
实例5、初中物理课件制作：电流的形成——电
荷的定向移动形成电流动画
动作补间动画(3)
制作步骤： （图层1制作） 1、在层1的第一帧处，将电路图A.jpg图片导入 到舞台上
2、在图层1的第10帧处，插入空白关键帧，然后 将电路图B.jpg图片导入到舞台上
长且位置重合，笔触高度选5），把线段中间部分
擦去，两头均剩余大约3mm长，按F8转换为图形
原件，在菜单栏上点击“窗口”—“变形”，在
右侧的变形面板上，旋转填写30度（是因为12小
时一圈360度）点“复制并应用变形”，点5次
（以下图层3制作）
动作补间动画(19)
4、在场景中绘制一竖直线段（长度约为小刻度原
（以下图层2制作）
遮罩(2)
3、新建一图层，在第一帧处绘制一矩形，高与刻
度尺的宽相同，长为1，与刻度尺0刻度对齐
4、在图层2第60帧处插入一关键帧，并将此矩形
的高设置与刻度尺的宽相同，矩形的长设置与刻 度尺等长，并在第1帧--第60帧之间，“添加补间 动画”
5、在图层2的图层名称上点右键，选择“遮罩”
中粘贴，按下F8转换为图形组件，用“自由变形”
工具，拖动上面的小圆圈至左或右边缘（蝴蝶肚
皮）处
2、在60帧处插入ຫໍສະໝຸດ 键帧，点击“修改”“变 形”“水平翻转”， 在第1帧—60帧间，单击鼠 标右键，选择“添加补间动画”
动作补间动画(9)
（图层2制作）
3、新建一图层（图层2）
4、复制图层1的第60帧，在图层2的第一帧处粘 贴帧
动作补间动画(5)
（如下开始图层3制作） 7、新建一图层（图层3） 8、在图层3的第31帧处，插入空白关键帧，然后 将右侧组件库中6.jpg（正电荷）图片导入到舞台 上，并把图片拖到灯泡右接线柱附近
9、在图层3的第50帧处，插入关键帧，然后在场 景里，拖动正电荷至开关左接线柱附近
动作补间动画(6)