广州工商职业技术学院教案
FLASH教案
授课学期： 2007—2008 第2学期
授课班级： 07 应用技术班
主讲教师： 黄 小 平
职称： 讲 师
广州工商职业技术学院计算机科学与工程系
广州工商职业技术学院教案
首 页
课程名称
Flash动画
课程编号
020006
学时分配
总学时 48 理论学时 32 实践学时 16
学分数
2
课程类型
必修课
公共课□ 专业课□ √
选修课
限选课□ 任选课□
授课班级
多媒体1、2班
授课方式
讲授和上机实践
考核方式
考试(考查 ) 考查( √ )
教学重点
能熟练的掌握flash软件的应用。
能对自己创作的作品能轻松的进行手绘。
能了解基本的action的代码。
教学难点
能熟悉的掌握软件的使用，并将编程方法合理的运用到flash的创作中。
能轻松的在flash中手绘一般的目标对象。
教学目标及基本要求
通过对本课程的学习，学生应能够使用Flash制作出精美的二维矢量图形、较复杂的交互式网页动画以及多媒体课件等。并能通过了解网络动画的制作过程，游戏的制作过程，并且能够制作出有趣的游戏和精彩的动画片。
教材
名 称
Flash实用教程
作 者
肖友荣
出版社
中国铁道出版社
出版时间
2007年8月
参考教材
Flash8 中文版入门基础教程
作者
陈彬
出版社及出版时间
2006.清华大学出版社
闪客剧场
作者
赵京
出版社及出版时间
2007.清华大学出版社
出版社及出版时间
2006.科学出版社
出版社及出版时间
2006
编写的图书"
陕西西北工业大学
授课教师
黄小平
职称
讲师
单位
计算机科学与工程系
授课学期
2008—2009年度 第2学期
广州工商职业技术学院教案
分页
授课时间
08 年 8 月27 日 第1周 星期3
课 次
1
授课内容
章节（专题）
第一章 FLASH8 的基础知识
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· Flash的发展历程
· Flash的主要特点
· Flash的工作环境
· Flash软件对硬件环境的要求
· Flash软件的安装
· 动画的输出与发布
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
熟悉工作环境
从开始”菜单启动flash 3。这就是flash 的操作界面。
和大多数工具软件相同，画面最上面是菜单和工具栏；画面左边是绘图工具栏，里面有一些图形工具，跟Photoshop的工具栏有点像；时间轴（Timeline），也就是动画的脚本区，在这里可以分层摆放各元素并规划其出场顺序，上面的数字表示帧数。画面上最广阔的白色区域是舞台，这是编辑区，在这里摆放一些图片、文字、按钮、动画等。下面我们开始制作一个小动画。
设置动画大小和颜色
这是两个向上运动的小球，我们来看看它是如何制作的。 打开“File”菜单，点“New”，建立一个新动画。
把编辑区移到中间去，点“View”菜单里的“Work Area”选项。
你看，这就把它舞台移到画面中央了，这样更适合于我们编辑。
这个编辑区有些大，我们把它改小点。 打开“Modify”菜单，，单击“Movie”。
出现了一个对话框，把动画的大小设为320×240，点“OK”关闭对话框。
设置动画大小和颜色
这是两个向上运动的小球，我们来看看它是如何制作的。 打开“File”菜单，点“New”，建立一个新动画。
INCLUDEPICTURE "http://www.hongen.com/pc/homepage/flash/img/snap004.gif" \* MERGEFORMATINET
把编辑区移到中间去，点“View”菜单里的“Work Area”选项。
你看，这就把它舞台移到画面中央了，这样更适合于我们编辑。
这个编辑区有些大，我们把它改小点。 打开“Modify”菜单，，单击“Movie”。
出现了一个对话框，把动画的大小设为320×240，点“OK”关闭对话框。
广州工商职业技术学院教案
分页
授课时间
08 年 9 月1日 第2周 星期1
课 次
2
授课内容
章节（专题）
第一章 FLASH8 的基础知识
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· Flash文件基本操作
· 影片属性的设置
· 舞台和工作区的概念
· 面板、工具栏操作
· 动画的预览和测试
· Flash播放器的使用
· 动画参数设置
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
动感球体的制作
逐步
说明
关于失联党员情况说明岗位说明总经理岗位说明书会计岗位说明书行政主管岗位说明书
：
1）选择菜单File－>New，创建一个新电影。
2）选择菜单Modify－>Movie,弹出电影属性设置对话框，分别在Width和Height域中输入：150px。在Background域中选择如图所示的背景颜色。点击OK按钮，关闭属性设置对话框。
3）选择工具栏中的画圆工具，单击参数栏中的边框颜色按钮，在弹出的菜单中选择左上角的黑框，即把线框设置成无线条。
4）按住Shift键，在工作区中按下并拖动鼠标，画出一个圆。
选择工具栏中的油漆桶工具，点击参数栏中的填充颜色按钮，在弹出的下拉菜单中选择自定义颜色按钮，选择Gidient选项卡，点击第二个颜色渐变，单击第一个颜色箭头，改变它的RGB值为（153，204，204）。
用鼠标左键单击圆形图片的左上角，点击后的图形如图所示。
5）用鼠标右键单击图层Layer1的第15帧，在弹出的菜单中选择Insert Keyframe项，即在图层Layer1的第15帧处插入一个关键帧。
6）选中工具栏中的油漆桶工具按钮，用鼠标左键单击圆形图片的右下角。单击后的图形如图所示。
7）用鼠标右键点击图层Layer1的第1帧，在弹出的菜单中选择Properties项，
这时弹出帧属性对话框，切换到Tweening选项卡，在Tweening域中选择Shape项，点击OK按钮，关闭属性对话框。
8）用鼠标右键点击图层Layer1的第1帧，在弹出的菜单中选择Copy Frames项，复制第1帧。
再用鼠标右键点击图层Layer1的第30帧，在弹出的菜单中选择Paste Frames项，粘贴刚复制的帧。
9）用步骤7中的方法建立程序如图所示。
10）选择菜单Control－>Test Movie即可看到动感球体的效果。
广州工商职业技术学院教案
分页
授课时间
08 年9 月8 日 第3周 星期3
课 次
3
授课内容
章节（专题）
第二章 FLASH8 动画制作素材
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 矢量图形和位图图像的区别
· 设置绘图环境
· 绘图工具和绘图辅助工具的使用
· 图形对象的显示模式
· 图形对象的基本操作
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
绘制图形和符号
此时在时间轴上自动生成了“层1”，而且在第1帧显示了一个空心蓝色圆点，表示该帧中没有内容。
先来画一个圆，选择“铅笔工具”，在工具栏下方出现属性选择项，首先选择“圆形”，在舞台左下角拉出一个圆环，当所拉圆形为正圆时，鼠标旁边会就出现一个小圆圈。
点“漆桶”工具，在填充颜色（Fill color）中选择“红黑渐变”填充色，把鼠标移到在圆环内点一下，圆环就被填上颜色，这时圆就变了一个小球了。
用选择工具在边框线上点一下，选中边框线，按Delete键将其删除。
选中球体，打开“Insert”菜单，选择，选择“Creat Symbol（生成符号）”，在出现对话框中,输入名称，并将小球的属性定为图形（Graphic），点“OK”关闭对话框。
这样就将小球生成为一个符号，它的作用是可以重复使用而不增大文件存储空间，还能让小球产生运动。
Flash制作镜面文字
此实例实现的是制作一个跳动的文字镜像效果。效果实现主要有两个方面:
· 一是通过延迟不同元件的动画开播时间，实现了文字的先后运动。
· 二是通过对中间帧动画变速调整，实现了跳动的弹性效果。
· 而效果的主要制作步骤也是有两个，一是制作字符模板，二即是制作具体效果。
· 难点在于元件转换、元件替换、中间帧动画调速和简单的播放控制。
制作字符模板
1.新建一个电影，在属性面板中设置其尺寸为550pxX400px,选择一种颜色（本例为#FFCCFF）作为背景色。
2.单击或直接按R键从工具箱中选择矩形工具 。将边框色设定为无，填充色设定为#FF99CC，用Rectangle（矩形）工具在舞台上画一个大矩形，盖住舞台的下半部分。
3．单击或直接按T键从工具箱中选取文本工具 ，并在属性面板中。将字体设定为黑体，字体大小设为96，颜色为#FF99CC，在舞台上写一个“X”大写字母，这个“X”将会被作为所有文字的模板。
4．选中字符“X”，选择“插入/转换为元件”菜单命令或直接按F8，将弹出 “转化为元件”对话框。将“行为”设置为“图形”并在“名称”文本框中为其命名为“char_tpl”，单击确定将字符“X”转化为图形元件 “char_tpl”。选中刚转化成图形元件“char_tpl” 的字符X，再次打开“转化为元件”对话框。这一回，将“行为”改为“影片剪辑”，并为其重新命名为“m_char_tpl”，将“图形”元件 “char_tpl”转化为“影片剪辑”元件“m_char_tpl。”鼠标双击影片剪辑元件“m_char_tpl”的字符X，进入元件编辑模式。选中舞台上的字符“X”，然后选择“窗口/信息”菜单命令或直接按Ctrl+I，打开“信息”面板。接着把其上的Y值（也就是字符X的纵坐标值）改为50。
5．选中时间线上的第20帧，选择“插入/关键帧”菜单命令或直接按F6，插入一个关键帧。接着在第40帧处，用同样的操作插入另一个关键帧。单击时间线上的第20帧，将“信息”面板上的Y值改为-70，这将使文字X上移70个单位。单击时间线上的第1帧，在“属性”面板上将“补间” 动画类型选项改为无能无力渐变，加速方式设为100，即慢慢减速。单击时间线上的第40帧，选择“窗口/动作“菜单命令或直接按F9，打开Actions （动作）面板后，在面板中输入以下程序语句：
gotoAndPlay(_currentframe-40);
· 此 ActionScript脚本使影片剪辑“m_char_tpl”元件重新回到第1帧开始播放。这么做可以使落体运动显得更加真实，同时， _currentframe语句的使用，也减少了后面制作中可能会遇到的阻力，此时影片剪辑“m_char_tpl”的时间轴状态。
6．回到主场景。将舞台上的X删掉后，这样字符模板就制作完成了。
作具体效果
1．选择“窗口/库”菜单命令或直接按F11键，打开“库”面板。右击图形元件“char_tpl”，从弹出的快捷菜单中选择“复制”菜单命令，打开“复制元件”对话框。为复制的图形元件命名为“ g_镜”，然后单击“确定”按钮复制一个图形元件。双击“库”中新复制的图形元件“g_镜”，进入元件编辑模式。将字符X改为字符“镜”。
2.参照第1步，分别复制制作出元件 g_面、g_文和g_字等图形元件，并分别将字符“X”改为相应的“面”、“文”和“字”等字符
3．右击Library（库）中的影片剪辑元件“m_char_tpl”，然后从弹出的快捷菜单中选择“复制”菜单命令，打开“复制元件”对话框。在名称文本框中输入“ m_镜”，单击“确定”按钮复制一个影片剪辑元件双击Library（库）中的元件m_镜，进入元件编辑模式。单击第1帧，选中舞台上的X。选择“修改/ 交换元件”菜单命令，打开“交换元件”对话框。
4．选中列表中的元件g_镜，单击OK完成元件的交换。这时候，舞台上的X已经变成了“镜”字。单击第40帧，选中舞台上的X。再次使用交换元件命令，将这个X也换成同样的“镜”字。再单击第1帧，选择“插入/帧”菜单命令或直接按F5，插入一个帧。还是选择第1帧，选择“插入/关键帧”菜单命令或直接按F6，插入一个关键帧。右击第1帧，从弹出的快捷菜单中选择“转换为空白关键帧”菜单命名，将第1帧变为普通帧，这时候动画起始帧（第2帧）的加速方式属性已经变为0，需要将其重新设为100。
5．参照第3到第4步，依次作出相应字符的“影片剪辑”元件m_面、m_文和m_字。这三个影片剪辑和第一个m_镜在制作上基本上一样，唯一不同的地方是在第4步时插入的普通帧的个数，是以5帧作为间距进行插入，还有就是要注意上面1步提到的加速方式属性问题。元件m_面、m_文和m_字。
6. 回到主场景。将制作好的元件m_镜、m_面、m_文和m_字等“影片剪辑”拖到舞台上，创建相应的实例，选中四个字后，选择“窗口/排列”菜单命令或直接按Ctrl+F3，打开“排列”面板，如图1-46示。依次点击面板上的 ， 和 按钮，使用方向键，将文字移动到边界之上。
7．下面来做文字的镜像。选中四个字，选择“编辑/复制”菜单命令或直接按Ctrl+D，复制四个字，选择“修改/变形/垂直翻转”菜单命令，将四个复制文字垂直翻转。按Ctrl+F3快捷键打开“属性”面板。接着将颜色一项设置为“高级选项”后，单击随后出现的“设置”按钮，在弹出的“高级效果”对话框中将各个值设定为如下的样子。
广州工商职业技术学院教案
分页
授课时间
08 年 9月15 日 第1周 星期3
课 次
4
授课内容
章节（专题）
第二章 FLASH8 动画制作素材
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 文本对象的创建
· 三种文本对象的区别
· 文字的变形
· 文本与矢量图形的转换
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
淡入淡出的滚动字幕
本例为淡入淡出的滚动文字，文字从下至上逐渐出现又逐渐消失，最终效果如图1-11所示。淡入淡出滚动文字的特效是一种常见的文字动画效果，这种文字效果动感很强，用于活跃页面气氛。常用在电视、电影的片头、片尾和网页中。本例主要应用Flash MX 2004中的文字编辑工具、绘图工具、镜像处理等技巧。
图1-11 设计效果图
【设计要点】
设置影片属性；使用“文字工具”写入文字；使用颜料盒上色；使用镜像处理图像；设置帧的属性。
【步骤】
(1) 启动Flash MX 2004，如果“属性”面板没有打开，可选择菜单栏中的“窗口”｜“属性”命令打开它。在“属性”面板中，确认“帧频”文本框中的数值为12。“背景颜色”框指示舞台的颜色。单击“背景颜色”框，然后在弹出的颜色样本中单击黑色样本。或者选择菜单栏中的“修改”｜“文档”命令，打开”文档属性”对话框进行设置。如图1-12所示。
图1-12 影片属性
(2) 单击“时间轴”面板上“图层1”的第1帧。单击工具箱中的“填充色”按钮 ，选中左下角的灰色渐变颜色，如图1-13所示。
图1-13 选中灰色渐变
(3) 单击工具箱中的“矩形绘图工具”按钮画一个矩形，在工具箱中单击箭头工具 ，分别单击矩形的各边，按Delete键将边框删除。用“选择工具”按钮选中矩形，单击菜单栏中的“修改”｜“变形”｜“顺时针旋转90°”命令，也可按Ctrl+Shift+9键。如图1-14所示。
图1-14 旋转后的矩形
(4) 按Ctrl+C键和Ctrl+V键复制一个矩形。选中复制得到的矩形，单击“修改”｜“变形”｜“取消变形”命令取消变形，然后按Ctrl+Shift+Z键进行镜像处理得到其镜像，如图1-15所示。
图1-15 镜像后的矩形
(5) 将两个矩形对接，对齐后按Ctrl+G键将它们进行组合。将组合体移动到场景中央，右击组合体，在弹出的快捷菜单中选择“缩放”，也可单击工具箱中的“缩放”按钮 ，将矩形适当放大，使其充满整个场景。如图1-16所示。
图1-16 组合后的矩形
(6) 右击“时间轴”面板上的“图层1”的第60帧，从弹出的快捷菜单中选择“插入关键帧”命令，插入一个关键帧。单击“插入图层”按钮 ，插入一个新的图层。单击“时间轴”面板上“图层2”的第1帧。在工具箱中单击“文本工具”按钮 ，将主窗体下面的属性窗口中的字体设为宋体，文字大小设为23。并输入文字，本例文字为“今天太阳升起前要把你忘记，或者，明天太阳升起前把你忘记，或者，后天...总之，我有很多很多的明天 可以用来忘记你。”如图1-17所示。
图1-17 输入文字
(7) 单击文字，当输入的文字出现线框时，说明文字已被选取，然后将它们移到场景的下部。如图1-18所示。
图1-18 创建补间动画
(8) 右击“时间轴”面板上“图层2”的第60帧，在弹出的快捷菜单中选择“插入关键帧”命令，插入一个关键帧。单击“时间轴”面板上“图层2”的第1帧，用“选择工具” 选中文字，然后将它们移到场景的上部。单击“时间轴”面板上“图层2”的第1帧，然后从“属性”面板中的“补间”下拉列表框选择“动作”选项。如图2-9所示。
图1-19 补间动作
(9) 按Ctrl+Enter键观看效果，按Ctrl+W键回到编辑状态。
广州工商职业技术学院教案
分页
授课时间
08 年 9月22 日 第1周 星期3
课 次
5
授课内容
章节（专题）
第三章 FLASH8 动画制作基础
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 将图形文件导入Flash
· 位图文件的处理
· 元件与实例的概念
· 三种元件的创建与引用
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
Flash时钟
一、制作时钟各个部件
先交待一下，我们要制作的是典型的闹钟一样的时钟：圆圆的“身体”，长短依次的递减的秒针、分针、时针。现在我们要做的就是先将这身体和指针打造出来。
1）File>New或者直接点击工具栏上的New图标新建一个文件。
2）选择Modify>Movie或者Ctrl+M唤出Movie Properties面板，调整影片的尺寸规格为270×320（当然咯，你也可以自己定义你喜欢的尺寸）。
3）Insert>New Symbol或者Ctrl+F8唤出Symobl Properties面板，新建一个outeregde的Graphic（图形）组件。
4）选择View>Grid>Show Grid或者Ctrl+’打开网格显示开关。这样做的原因是为了在今后的制作过程中对位置的感觉更好些。
5）好了，现在点击工具条中的Oval Tool或者直接按O键选择椭圆工具。按住Shift键画一个圆，这个圆要大些（注：按住Shift画圆可以画出正圆来，同样按住Shift画矩形画出的是正方形）。
6）利用箭头工具（Arrow Tool）选中,接着点选工具栏中的对齐（Align）按钮，在弹出的选择框中先点击最右方的那个to State扭，让其陷入，再分别选择Align horizontal center和Align vertical center按钮，作用是将这个圆形放置到场景的中心来。
7）重复以上的动作，做一个小一些的正圆（这就是钟的内表面了），也同样放置到场景的中心。
8）再一次选择箭头工具（Arrow Tool）（图 Arrow）选择这个小圆内部色块，按下Delete键。工作区中是不是出现了一个漂亮的圆环呢？钟的表面已经做好了！
现在该做指针了，相对于圆环来说，指针简直就是Easy!
9）再新建一个Movie Clip组件(为什么不是Graphic呢？哈哈，因为待会要对其进行编程控制的)Sencond。
点选工具条上的矩形工具Ranctangle Tool（直接按键R）画一个矩形长条。要求是一个竖着的长方形，细一些。
10）用Subselect Tool（直接按键A）将其选中，接着点选工具栏中的对齐（Align）按钮，在弹出的选择框中先点击最右方的那个to State扭，让其陷入，再分别选择第一行的Align horizontal center和Align bettom edge按钮，作用是将这个矩形下方尾部放置到场景的中心来。
我们这样做是因为待会要用Action让其旋转，而现在定义的中心就是待会旋转的中心。
11）用同样的步骤制作分针minutes和时针hours，注意的是它们依次变短变粗。
1）来到主场景，选择Window>Library或者Ctrl+L,唤出我们可爱的Library(库----这里放了我们做好了的一些组件)。
2）好的，先用鼠标拖出outeredge组件放置在场景中，将当前层改名为outeredge。再将几个做好的指针组件拖出，按照顺序（当然是按时、分、秒的顺序由上到下咯）依次摆放，将当前层的名称改为clockhands，便于记忆。
是那个选择Insert>Layer或者直接点击层标识位置下的那个Insert Layer按钮），改名为numbers。（双击该层即可改名）
INCLUDEPICTURE "http://www.pcvz.com/Article/design/200512/20051292263392.jpg" \* MERGEFORMATINET
4）再利用Text Tool（直接按键T）在相应的位置写上数字：3、6、9、12。界面已完成！(注意：以上各层都请在第2桢位置选择Insert>Frame或F5插入桢)
广州工商职业技术学院教案
分页
授课时间
08 年9 月29日 第6周 星期3
课 次
6
授课内容
章节（专题）
第一章 FLASH8 动画制作基础
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 动画的概念
· 帧的概念及基本操作
· 逐帧动画的制作
· 变形动画的制作
· 运动动画的制作
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
制作课件
步骤：
⑴整体结构规划
步骤1：规划
步骤2：新建影片文档
舞台尺寸为500*400像素（按需要可以任意设置尺寸）。
步骤3：总片头动画以竞赛的内容特点来设计。
步骤4：设计课件主控导航界面。
方法一：利用素材在Photoshop中设计界面，然后导入到FLASH中。
方法二：直接利用FLASH中的绘图工具设计界面。
步骤5：用［添加场景］按钮，为影片文档添加两个场景，并分别命名为“场景31”和“场景32”。
说明：其他对应的场景创建类似。
⑵导航控制的实现方法
步骤1：在场景间切换
为场景1最后一帧的后面插入一个空白关键帧，并定义帧动作为：
gotoAndPlay(“场景2”，1)；
步骤2：定义场景2中控制按钮的动作
单击场景2中的“题目1”时，转到场景31并进行动画的播放。
控制“题目1”的动作脚本为：
on(press){
gotoAndPlay(“场景31”，1)；
}
控制“正确答案”的动作脚本为：
On(press){
gotoAndPlay(n);//n是正确答案所在的帧。
}
控制按钮“下一题”的动作脚本为：
on(press){
gotoAndPlay(“场景32”，1)；
}
步骤3：定义从场景32中的动作
控制“正确答案”的动作脚本和上面类似。
控制按钮“返回”的动作脚本为：
on(press){
gotoAndPlay(“场景2”，1)；
an1.enabled=0;
aa=new Color(an1);
aa.setRGB(x);//x 代表十进制数。
setProperty(“an1”,_alpha ,30);或
setProperty(“an1”,_visible ,0);
}
以上是用了几个简单的命令来实现的，可以看出用动作脚本语言能很好地控制动画程序，虽然想精通FLASH编程并非易事，但是我们可以在实践中和本学科特点结合，慢慢掌握这门语言不是不可能的。
广州工商职业技术学院教案
分页
授课时间
08 年 10 月6 日 第7周 星期3
课 次
7
授课内容
章节（专题）
第四章 基本动画制作
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 图层的概念及基本操作
· 多层叠加动画的制作
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
酷炫鼠标
逐步说明：
1）选择菜单File－>New，建立一个新电影。
2）选择菜单Modify－>Movie，弹出电影属性对话框，设置如图所示。
3）新建一图层“background”，选择工具栏中的文字工具，设定字体为“_Sans”，大小为“48”，颜色为淡蓝色。
设置完毕，在工作区中点击鼠标并输入文字“Cool Mouse”。
INCLUDEPICTURE "http://www.hongen.com/pc/homepage/flashsl/flash12/img/flash004.gif" \* MERGEFORMATINET
4）选择菜单Insert－>Symbol，输入图符名称“ball”，在Behavior域中选择“Graphic”项，
进入图符“ball”编辑模式。
5）绘制如图所示的圆形图片。
INCLUDEPICTURE "http://www.hongen.com/pc/homepage/flashsl/flash12/img/flash007.gif" \* MERGEFORMATINET
6）选择菜单Insert－>Symbol，输入图符名称“btn”，在Behavior域中选择“Button”项，
进入图符“btn”编辑模式。
7）用鼠标右键点击图层Layer1的“hit”帧，在弹出的菜单中选择“Insert Keyframe”项，即在“hit”处插入一个关键帧。
8）选择工具栏中的画圆工具，并在工作区中绘制一圆形如图所示。
9）选择菜单Insert－>Symbol，
INCLUDEPICTURE "http://www.hongen.com/pc/homepage/flashsl/flash12/img/flash009.gif" \* MERGEFORMATINET
输入图符名称“cool mouse”，在Behavior域中选择“Movie Clip”项，
进入图符“cool mouse”编辑模式。
10）在图符资料库中点击并拖动“btn”到工作区中。
点击增加图层按钮以增加图层Layer2，在图层Layer2的第2帧插入一关键帧，选中它，从图符资料库中拉入图片“ball”。
11）在图层Layer2的第14帧处插入一个关键帧，用常用工具栏的Scale按钮，略微放大图片，并设置它的Apha值为9%。
12）用鼠标右键点击Layer2的第2帧，在弹出的菜单中选择“Creat Motion Tween”项，建立渐变路径。
13）用鼠标双击Layer2的第1帧，进入帧属性对话框，切换到“Action”选项卡，点击“+”按钮，选择“Stop”项。
这里需要说明的是后面的渐变动画是由鼠标来控制的，如没有响应鼠标事件，该Movie Clip永远停留在第1帧。
14）下面讲述怎样用鼠标控制后面的渐变动画。用鼠标右键点击工作区中的“btn”按钮，在弹出的菜单中选择“Properties”项，
进入该按钮属性对话框。切换到“Action”选项卡，点击“+”按钮，在弹出的菜单中选择“go to”语句，这时您将看到在Action下方已加入了三条语句。我们先选择第一条语句“On(Release)”，在右边栏中默认选择的是“Release”，意思为：当鼠标释放时，执行下一条语句。这里我们选择“Roll Over”，
表示鼠标移到该按钮上时，即触发鼠标事件。它与第三条语句配套使用，第三条语句即表结束这个鼠标事件。最后我们选择中间那条语句，默认值为“Go to and Stop(1)”，表示跳动到第1帧，并停止。这里我们在“Number”区域中输入“2”，选中Control域中的“Go to and Play”，表示跳动到第2帧并向后播放。
设置完毕，点击“确定”按钮，关闭属性对话框。
15）用鼠标点击等时线窗口右上角的按钮，在弹出的菜单中选择“Scene 1”，切换到场景1。
新建图层“cool mouse”，从图符资料库中拉入“cool mouse”，连续复制它至布满整个工作区，如图所示。
16）选择菜单Control>Test Movie，即可测试所制作的电影效果。
广州工商职业技术学院教案
分页
授课时间
08 年10 月13 日 第8周 星期3
课 次
8
授课内容
章节（专题）
第一章 基本动画制作
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 引导层的特性
· 运动引导动画的制作
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
所谓交互式动画是指用户可以参与控制、操作的动画。在Flash中，交互式动画是通过ActionScript脚本语言编程实现的。有以下三类交互动画：
按钮动作：通过ActionScript在按钮上添加交互功能。
帧 动 作：通过ActionScript在帧上添加交互功能。
电影剪辑：通过ActionScript在电影剪辑（片段）上添加交互功能。
制作一个按钮，超级链接到某网站。
要求：1、掌握按钮类符号的创建、编辑方法。
2、初步了解为按钮添加动作（ActionScript编程）的方法。
步骤：
按Ctrl+L打开符号库，单击+按钮，新建一个“按钮类”符号。
绘制按钮符号。按钮类符号一共只有4个关键帧，分别表示鼠标的3种状态：一般、经过、按下）和响应区。
一般（Up ）：按钮未被按下（抬起Up）时的状态。
经过（Over）：鼠标划过按钮（但未按下）时的状态。
按下（Press）：按下（单击鼠标左键）按钮时的状态。
反应区：有效的点击区域（响应区、热区）。
绘制按钮符号就是在这4帧中分别画出按钮的形状、改变其颜色等编辑工作。
返回场景1，从符号库中将按钮拖到图层1的第1帧舞台上，创建一个按钮的实例。将“图层1“重命名为“按钮层”。
为按钮添加动作（ActionScript编程）：在按钮实例上单击鼠标右键，选取“动作”菜单项，按图4.2-1所示进行设置。
图4.2-1
按下Ctrl+Enter键测试效果。
在按钮上添加文字：在按钮层上新建一个“文字层”，并输入文字“我的网站”，调整好位置，使之位于按钮上。按下Ctrl+Enter键测试效果。
按同样的方法，再创建一个按钮实例，命名为“我的邮箱”。在弹出的对象动作窗口中的URL栏中输入“mailto:12fwebmaster@163.com”。按下Ctrl+Enter键测试效果。
制作电影的预载
●逐步说明：
1）Flash的“swf”电影文件主要在网上发行，如果电影文件使用到大量的动画及音效，一边下载一边播放必定会使作品的效果大打折扣，使用预先下载画面，一开始时先让浏览者等一会儿，等到整个电影文件全部下载完成之后，才会跳至电影的主要画面，这样就可以让电影一路很顺畅的播放。
2）绘制出下载界面如图所示。
3）该电影场景共分两段画面，前面一段是预先下载画面Preloader，后面一段是电影主要画面Movie Start。用鼠标右键点击主画面的第一个影帧，选择“Properties”项，
把弹出的对话框切换到“Label”选项卡，在Name域中填入“start”，即在该帧设置其标签名为“start”。
4）新增一Movie Clip，绘制出一长方形色块，并从图符资料库中拉入到场景中的适当位置，
用鼠标双击它，把弹出的对话框切换到“Definition”选项卡,在Instance Name域中输入“loader”,即其实体名字为“loader”。
5）选择工具栏中的文字工具，单击其参数栏中的“Text Field”按钮，在长方形色块下方拖出如图所示的文本区域。
用箭头工具把它选中，并用鼠标右键单击它，在弹出的菜单中选择“Properties”项，
INCLUDEPICTURE "http://www.hongen.com/pc/homepage/flashsl/flash13/img/flash010.gif" \* MERGEFORMATINET
进入文本框属性对话框，在“ariable”域中输入“percent”，表示在该文本框中显示变量“percent”的值。
6）分别在图层Layer1中的第1、3帧处插入关键帧。用鼠标双击第一帧，进入帧属性对话框，切换到Actions选项卡，输入语句如图所示。
7）我们输入的语句是一个“If...Else...End If”结构。下面我们逐一解释一下：第一、第二两条语句表示如果（_framesloaded >= _totalframes）已下载的影帧数已经等于电影文件的总影帧数，代表电影已经下载完成，就会跳至主画面的第1个影帧start播放。这里的“_framesloaded”和“_totalframes”属于系统变量。点击“=”按钮，在弹出的菜单中选择“Expression Editor”，
即进入调函数和变量的对话框，这两个变量可在这里找到并调用。
第三条语句是“Else”，表示如果条件不成立，将执行以下的语句。
在这里，第四、第五条两语句即为条件不成立时所要执行的语句。第四条表示：如果电影文件尚未下载完成，就会设定长方形色块的X缩放等于下载影帧百分比乘以一百，因为X缩放的设定值是1到100，所以要乘以一百。
第五条表示：如果电影文件尚未下载完成，就会在Text Field“percent”处显示“下载影帧百分比乘以一百”的整数（Int)，再加上一个百分比符号。
第六条表示：结束“If”语句。
8）用鼠标双击图层Layer1的第三帧，在弹出的对话框中切换到Action项，输入“go to and play(1)”语句。最后得到的程序如下图所示：
9）测试电影下载情况：在本机上运行，由于下载速度太快，可能看不到下载画面，我们可以这样测试：选择菜单Control－>Test Movie，进入测试影片画面，然后选中Contrl菜单中的“Show Streaming”项，
这样就可以在你的电脑上模拟下载的速度。下载完毕后跳到主画面的带有“start”标签的帧。
广州工商职业技术学院教案
分页
授课时间
08 年10 月20 日 第9周 星期3
课 次
9
授课内容
章节（专题）
第五章 高级动画制作
授课学时
3
授课类型
理论课√□ 实验课√□ 实训课□ 习题课 □其它（ ）
教学目的与要求
（分掌握、熟悉、了解三个层次表述使学生接受的知识点）
本章教学目的在于主要让学生掌握Flash的新增功能和启动，退出和相关的界面等等，为以后打好基础。
【知识点】
· 遮罩的特性
· 遮罩动画的制作
· 添加场景的方法
· 场景播放顺序
· 多场景动画的制作
教学重点
与难点
重点：
（1）了解整体的界面相关情况，能熟练的开关软件界面。
（2）能动手制作一个小型动画
难点： 了解形状变型动画和运动动画之间的区别。能灵活运用。
教学方法
与手段
1．方法：讲授以及PPT演示，计算机演示
2．设备、教具：计算机，FLASH教学软件PPT，白板等
3．√是（否）多媒体
课件来源
由教材作者提供，通过网上下载并修改和补充。
使用章节
第1章
授课基本内容及板书设计见教案内页
广州工商职业技术学院教案
内页
在一些片头动画里我们经常能看到很炫的模糊效果，极具视觉冲击。高质量的模糊效果大多利用PS处理后才导入flash中进行制作。其实，在flash中也可以利用其脚本功能来实现动态模糊的效果（效果还可以的）。
·首先用PS，制作两张图。一张清楚的，一张模糊的（用高斯模糊）。
·然后把两张图片导入到FLASH中，分别建立三个图层，顺序依次为 ：清楚的图片（最下面）、模糊的图片（在中间）、最上层为AS。 最重要一点：选中模糊的图片。按下F8将其转换为movieclip，同时在属性面板上将其实例名命名为blurred。
·在as层上加入代码如下。
[code]var myColor:Color = new Color(blurred);
var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};
myColor.setTransform(white);
setc();
function setc(){
onEnterFrame = function(){
white.rb-=5;
white.gb-=5;
white.bb-=5;
white.ab-=5;
myColor.setTransform(white);
}
}[/code]
实验九：字滚动条
逐步说明：
1）我们把此例中的文本放于一个名为text.txt的文件中，在此文件里的文字如下所示：
text=一、特效
1 雪花效果制作
2 模糊字的制作
…
二、按钮制作（包括下拉菜单）
1 一个圆形动态按钮
2 长方形动态按钮
…
三、程序控制
1 从制作一个简单的计数器开始
2 COOL MOUSE（蝴蝶）(界面上可打上COOL MOUSE）
…
文件开头的“text=”是变量名称，这是必须的，而且变量名称和待会儿我们要制作的Text Field变量名称应相同。
2)设置界面如图所示：
3）制作按钮元件btn_arrow，如图所示。
4）新增Movie Clip:text up。分别在第1、2、3帧处插入一个空关键帧。
a 第1个关键帧的Action为：stop（停止）。 b 第2个关键帧的Action为：Set Variable:"/:text.scroll"=/:text.scroll-1。即执行到第2格时，会告知场景上的Text Field（变量名为text）目前所显示的行数往上移一行。
c 第3个关键帧的Action为：Go to and Play（2）。即与第二帧实现循环。
5）新增Movie Clip:text down。复制Movie Clip：text up，并命名为text down。更改第二个关键帧的Action为：Set Variable:"/:text.scroll"=/:text.scroll+1。即执行到第2格时，会告知场景上的Text Field（变量名为text）目前所显示的行数往下移一行。
6）安排电影场景：
a 此例中有一块白色的区域是Text Field大小的范围，在上面还有一段文字“FLASH十全大补”。
b 放置Text Field：放置一个Text Field在白色区域的上面，设定变量名称为text。
c 将text up导入场景并定义实体名字为up；将text down导入场景并定义实体名字为down。
d 导入按钮：导入
浙公网安备 33021202002483