Flash课件基础知识
多媒体计算机课件集语言、文字、图片、动画、音乐、影像于一体,充分体现了人机交互性、教育性、趣味性、观赏性的特点。
一、利用多媒体课件创设学习情境
二、利用多媒体课件克服时空限制化难为易
三、利用多媒体课件帮助学生理解教学内容
Flash以便捷、完美、舒适的动画编辑环境，深受广大动画和课件制作者的喜爱，在制作课件之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。
一、工作环境
1．工作窗口
在“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗口并新建一个影片文档。如图1-11所示。
图1-11 Flash 8的工作窗口
Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。
窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。
“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash 8.0命令项，通过执行它们可以满足用户的不同需求。
“菜单拦”下方是“主工具栏”，通过它可以快捷的使用Flash 8.0的控制命令。
“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1-12所示。
图1-12 文档选项卡
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。
“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。
时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。
Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。
1-13 时间轴“时间轴”下方是“工作区”和“舞台”。Flash 8扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示。
图1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如图1-15所示。
图1-15 舞台显示比例
选择工具箱中的【手形工具】，在舞台上拖动鼠标可平移舞台；选择【缩放工具】，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和
【缩小】，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-16所示。选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。
图1-15 工具箱图1-16 缩放工具的选项
窗口左侧是功能强大的“工具箱”，它是Flash中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。如图1-15所示。
多个“面板”围绕在“舞台”的下面和右面，包括常用的【动作】面板、【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。
面板是Flash工作窗口中最重要的操作对象，下面我们逐一进行介绍（这里只节选了部分重点内容，详细内容请看《中文版Flash8基础与实例教程（职业版）》）。
二、Flash8.0基础绘图工具
实例演练——画一片树叶
现在我们就来实践一下，练习画一片树叶。打开FALSH软件，系统会自动建立一个FLASH文档，在这里我们不改变文档的属性，直接使用其默认值。
（1）新建图形元件
执行【插入】|【新建元件】命令，或者按快捷键CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称“树叶”，【行为】选择“图形”，单击【确定】按钮，如图2-1-9所示。
图1-1-9 创建图形元件图2-1-10 “树叶”图形元件编辑场景
这时工作区变为“树枝”元件的编辑状态，如图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所示。
图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所示。
图2-1-23填充颜色图2-1-24填充色在封闭空间内图2-1-25 颜色填充后效果
三、逐帧动画
从本单元起，我们将逐渐给大家介绍Flash8.0中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画（FrameBy Frame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。
1．逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。
图 3-2-1 逐帧动画
2．创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。
（2）绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容。
（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、创建背景图层
选择第一帧，执行【文件】|【导入到场景】命令，将本实例中的名为“雪景.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个关键帧中。
图3-2-8导入的8张图片
4 、调整对象位置
此时，时间帧区出现连续的关键帧，从左向右拉动播放头，就会看到一头勇猛的豹子在向前奔跑，但是，被导入的动画序列位置尚未处于我们需要的地方，缺省状况下，导入的对象被放在场景坐标“0，0”处，我们必须移动它们。
你当然可以一帧帧调整位置，完成一幅图片后记下其坐标值，再把其它图片设置成相同坐标值，如果你有足够耐性和时间，也无妨，那么，我们何不试试“多帧编辑”功能呢？
先把“雪景”图层加锁，然后按下时间轴面板下方的【绘图纸显示多帧】按钮，再单击【修改绘图纸标记】按钮，在弹出的菜单中选择【显示全部】选项，如图3-2-9所示。
图3-2-9选择显示全部选项
最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图3-2-10所示。
图3-2-10选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动，就可以一次把8帧中的图片一次全移动到场景中了。
四、形状补间动画
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。
1．形状补间动画的概念
（1）形状补间动画的概念
在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
（2）构成形状补间动画的元素
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。
（3）形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图
3-3-1所示。
图3-3-1 形状补间动画在时间帧面板上的标记
（4）创建形状补间动画的方法
在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。
2．认识形状补间动画的属性面板
Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。
图3-3-2 形状补间动画【属性】面板
五、动作补间动画
动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。
运用动作补间动画，您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，您甚至能做出令人称奇的仿3D的效果来。本实例详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状补间动画的区别，我们精心设计的一个实例将带您进一步加深对动作补间动画的了解。
1．动作补间动画的概念
（1）动作补间动画的概念
在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。
（2）构成动作补间动画的元素
构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
（3）动作补间动画在时间帧面板上的表现
动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图3-4-1所示。
图3-4-1 动作补间动画在时间帧上的表现
（4）形状补间动画和动作补间动画的区别
形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。
5）创建动作补间动画的方法
在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。
六、引导路径动画
单纯依靠设置关键帧，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？
答案是肯定的，这就是“引导路径动画”。
将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。
1．创建引导路径动画的方法
（1）创建引导层和被引导层
一个最基本“引导路径动画”由二个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标同普通图层一样。
在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图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）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层的图标为。
（3）在做引导路径动画时，按下工具栏上的【对齐对象】功能按钮，可以使“对象附着于引导线”的操作更
容易成功。
（4）过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。
（5）被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。
（6）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以按下工具栏上的任意变形工具，调整注册点。
（7）如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型，如图3-6-4所示。
图3-6-4图层【属性】面板
（8）如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。
（9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。
七、在Flash中应用声音
Flash提供了许多使用声音的方式。可以使声音独立于时间轴连续播放，或使动画与一个声音同步播放。还可以向按钮添加声音，使按钮具有更强的感染力。另外，通过设置淡入淡出效果还可以使声音更加优美。由此可见，Flash对声音的支持已经由先前的实用，转到了现在的既实用又求美的阶段。
1. 将声音导入Flash
只有将外部的声音文件导入到Flash中以后，才能在Flash作品中加入声音效果。能直接导入Flash的声音文件，主要有WAV和MP3两种格式。另外，如果系统上安装了QuickTime 4或更高的版本，就可以导入AIFF格式和只有声音而无画面的QuickTime影片格式。
下面介绍如何将声音导入Flash动画中。
（1）新建一个Flash影片文档或者打开一个已有的Flash影片文档。
（2）执行【文件】｜【导入】｜【导入到库】命令，弹出【导入到库】对话框，在该对话框中，选择要导入的声音文件，单击【打开】按钮，将声音导入，如图5-8所示。
图5-8 【导入到库】对话框
（3）等声音导入后，就可以在【库】面板中看到刚导入的声音文件，今后可以像使用元件一样使用声音对象了，如图5-9所示。
图5-9 【库】面板中的声音文件
2. 引用声音
将声音从外部导入Flash中以后，时间轴并没有发生任何变化。必须引用声音文件，声音对象才能出现在时间轴上，才能进一步应用声音。
接着上一小节继续操作。
（1）将“图层1”重新命名为“声音”，选择第1帧，然后将【库】面板中的声音对象拖放到场景中，如图5-10所示。
图5-10 将声音引用到时间轴上图5-11 图层上的声音
（2）这时会发现“声音”图层第1帧出现一条短线，这其实就是声音对象的波形起始，任意选择后面的某
一帧，比如第30帧，按下F5键，就可以看到声音对象的波形，如图5-11所示。这说明已经将声音引用到“声音”图层了。这时按一下键盘上的回车键，可以听到声音了，如果想听到效果更为完整的声音，可以按下快捷键Ctrl+Enter。
3. 声音属性设置和编辑
选择“声音”图层的第1帧，打开【属性】面板，可以发现，【属性】面板中有很多设置和编辑声音对象的参数，如图5-12所示。
图5-12 声音的【属性】面板
面板中各参数的意义如下。
【声音】选项：从中可以选择要引用的声音对象，这也是另一个引用库中声音的方法。
【效果】选项：从中可以选择一些内置的声音效果，比如让声音的淡入、淡出等效果。
【编辑】按钮：单击这个按钮可以进入到声音的编辑对话框中，对声音进行进一步的编辑。
【同步】：这里可以选择声音和动画同步的类型，默认的类型是【事件】类型。另外，还可以设置声音重复播放的次数。
引用到时间轴上的声音，往往还需要在声音的【属性】面板中对它进行适当的属性设置，才能更好地发挥声音的效果。下面详细介绍有关声音属性设置以及对声音进一步编辑的方法。
八、按钮元件及动作脚本
按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。
从外观上，按钮可以是任何形式，可以是图形，也可以是文字。比如，可能是一幅位图，也可以是矢量图，可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。
1．【动作】面板的组成
【动作】面板是Flash的程序编辑环境，它由两部分组成。右侧部分是“脚本窗口”，这是输入代码的区域。左上角部分是“动作工具箱”，每个动作脚本语言元素在该工具箱中都有一个对应的条目。
2．添加动作脚本
你可以直接在【脚本窗口】中编辑动作、输入动作参数或删除动作。还可以双击“动作工具箱”中的某一项或“脚本窗口”上方的【将新项目添加到脚本中】按钮，向【脚本窗口】添加动作。
如果想定义一个按钮的动作脚本，该按钮用来控制影片播放，那么需要先选中这个按钮，然后切换到【动作】面板，在“动作工具箱”中展开【全局函数】，选择【影片剪辑控制】类别，双击该类别下的【on】动作，这样“脚本窗口”中就自动出现相应的on动作脚本，并且屏幕上同时还弹出了关于on动作的参数设置菜单。
3。常用动作脚本函数及举例：
Stop()：停止
选中要停止的帧，打开动作面板，选择全局函数中的时间轴控制，双击stop即可。
例：stop();
Play()：播放
例：on (press) {play();}
gotoAndPlay()：到某一帧并播放，可以在场景之间切换。
例：on (press) {gotoAndPlay(35);}或on (press) {gotoAndPlay("ch1aa");}或on (press) {gotoAndPlay("场景2",1);}或on (press) {gotoAndPlay("场景2","cj2aa");}
gotoAndStop()：到某一帧并停止，可以在场景之间切换。
例：on (press) {gotoAndStop(35);}或on (press) {gotoAndStop("ch1aa");}或on (press) {gotoAndStop("场景2","cj2aa");}
on()：当发生特定鼠标事件时执行某一操作。
Fscommand()：浏览器全屏或退出浏览窗口。
例：选择第一帧，打开动作面板，输入fscommand("fullscreen",true);全屏
选择按钮，打开动作面板，输入：on (press) {fscommand("quit");}退出浏览。
《动画基础知识》教学设计 淮安市上河镇初级中学贡新扬 一、教材分析 《动画基础知识》是苏科版8年级第8章第1节教学内容，是学习动画制作的基础。根据课程要求，学生需要了解动画技术的发展历程与现状，理解和掌握动画制作技术中的基本知识与基本技能，培养主动学习、探究动画制作技术的兴趣，增强技术创新的使命感。教材安排了两块内容，动画基础和常用的动画制作软件。动画基础部分又包括动画原理和动画分类两部分，动画原理的理解是后续使用动画软件制作动画的基础。常用的动画制作软件主要以Ulead GIF Animator为主，并借实践探索活动进一步理解动画原理，有助于后面的Flash 动画软件的学习和使用。 二、学情分析 本课的学习者是八年级学生，年龄大约在13-15岁，这个年龄段的学生对动画片、网络中各种动漫非常熟悉且有亲切感，有着天马行空的想象力和学习创新技术的冲动欲望。学生已经掌握计算机的基本操作方法，对新软件的使用有一定尝试探索能力，能区分图片、视频等不同形式的媒体，为本课学习铺平了道路。 三、教学目标 1．知识与技能： 了解动画的基本原理及动画的分类；会用Ulead GIF Animator制作简单的GIF动画； 2．过程与方法： 通过实验、实践和操作探究，经历动画发展的过程；经历GIF动画的操作探究过程，掌握Ulead GIF Animator制作GIF动画的步骤和方法； 3．情感态度与价值观 在学习、探究过程中，激发学生的学习热情，感受新技术优势，增强使用创新技术的使命感，通过了解中国动画的现状和未来，激发爱国热情。 4．行为与创新： 在探究学习过程中培养创新意识。 四、教学重点 了解动画的基本原理 五、教学难点 动画的形成条件 六、教学策略 “动画”对学生来说，既熟悉又陌生。虽然从小一直在看各种类型的动画片，但对动画技术的了解却非常少。为了让学生能更清晰地了解动画的原理与发展历程，本节课采用情境教学、实践体验、探究教学方法，分创设情境，问题引入——实践体验，初识原理——了解历程，再识原理——实践操作，理解原理——思维导图，总结内化五个环节进行教学。 “创设情境，问题引入”环节通过播放经典的动画集锦视频勾起对动画的初步认识，设置与教学目标相关的一系列问题引发学生思考，形成认知冲突。“了解历程，初识原理”环
Flash二维动画制作基础知识要点 1.动画：通过一系列彼此相关联的单个画面来产生运动画面的一种技术。 2.计算机动画生成方法有：关键帧动画、运动路径动画、变形动画、物理模型动画、 逐帧动画 3.帧——就是动画中最小单位的单幅影像画面，时间轴上的一格就是一帧。帧 分为关键帧、空白关键帧和过渡帧。 4. 关键帧——相当于二维动画中的原画。指角色或者物体运动或变化中的关键 动作所处的那一帧。关键帧以实心的圆点表示。 5. 关键帧与关键帧之间的动画可以由软件来创建，叫做过渡帧或者中间帧。 6. 空白关键帧：在一个关键帧里面什么对象也没有添加，但可添加对象。这种 关键帧被称为空白关键帧，空白关键帧以空心的圆点表示。 7. 元件：动画中可以反复取出使用的小部件，可独立于主动画进行播放，元件 类型：按钮元件、图形元件、影片剪辑元件 8. 库：存储元件的仓库，通过窗口菜单调用 9. 实例：将元件拖放到场景中的过程便是建立该元件的一个实例。故：场景中 的元件就称为一个实例。一个元件可产生多个实例。元件变则实例变；实例变，元件不变。 Flash操作要点： ①时间轴、帧、层、元件、库的概念②文档属性的设置③帧与层的基本操作④实例属性的设置⑤文本及应用⑥逐帧动画、简单对象的移动和变形⑦元件的编辑、应用与管理⑧音频素材的应用 图一：时间轴、帧、层、动画的编辑与应用
按上面的序号讲解其意思及功能： 1、新建图层按钮，也可以直接右击图层，“插入图层”命令，则会在右击的图层的上方插入一新 图层。 2、新建文件夹（图层很多时，可用文件夹来组织图层，使时间轴面板更加整齐） 3、删除图层按钮，也可以直接右击图层，“删除图层”命令。 4、当前帧（与第10点的红色的播放线一致），说明当前播放到第10帧。 5、帧频（Frame Per Second，每秒钟播放的帧数，帧频越大，播放速度越快） 6、播放到当前帧用时0. 9秒 7、窗口缩放，如右图，（当编辑局部时，放大窗口；编辑整体时，缩小窗口，以便于整体布局） 8、编辑元件，，单击此处可以快速地打开元件，编辑元件 9、编辑场景，一个动画可以由多个场景组成。 10：播放指针，指示当前播放到第几帧。 11、显示图层轮廓 12、给图层加锁/解锁：锁住图层，防止图层被修改 13、隐蔽/显示图层：也是防止图层被修改一种方法。 14、说明当前是在场景2里做动画。 15、说明当前编辑的FLASH文档名为：flash复习1 . fla 16、图层图标：双击可以打开“图层属性”对话框， 如右图，可以在这里给图层重命名。 17、图层名称：双击此处也可以给图层重命名。 依据上图一的常见问题及解答： （1）、图层的重命名：双击图层名称处，或者双击图层图标在“图层属性”里设置。 （2）、在“背景”上面插入一层：选中“背景”层，单击新建图层按钮，或者右击，“插入图层”。（3）、删除“背景”层：选中“背景”层，单击删除图层按钮；或者右击“背景”层，“删除图层”。（4）如上图所示，当前正在编辑哪个图层？为了防止其它图层被修改，应该怎么办？答：从
第1章Flash动画基础知识 动画作为一种老少皆宜的艺术形式，具有悠久的历史，犹如民间的走马灯和皮影戏等古老的动画形式。当然，真正意义的动画是在摄影机出现以后才发展起来的，并且随着科学技术的不断发展，又注入许多新的活力。 Flash动画是一种交互式动画格式，通过计算机与动画开发软件相结合制作而成。它也是目前网络上最流行的动画之一。 本章将初步展开对动画概念以及Flash动画的应用范围的介绍，以便用户对Flash动画进行更深层的了解。 1.1 Flash动画概述 如今，计算机的加入使动画的制作变简单了，好多人通过较流行的Flash软件来制作一些短小的动画。为了让用户能够了解一下正统的动画制作，这里讲述一下动画的基础。 1.1.1 什么是动画 动画是利用人的“视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的图画，如图1-1所示。它的基本原理与电影、电视一样，都是视觉原理。 图1-1 连续画面 其中，“视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。 1．传统动画及制作过程 传统动画片是用画笔画出一张张图像，并将不同图像中细微的变化着的连续画面，经过摄影机或者摄像机进行拍摄，然后以每秒钟24格的速度连续放映。这时，所画的不动的画面就在银幕上或荧屏里活动起来，这就是传统动画片。
传统动画的创作过程和方法可能因人各异，但其基本规律是一致的，有总体设计、设计制作、具体创作和拍摄制作等阶段。 总体设计阶段 动画与影片制作类同，都需要有一定的剧本，即故事的情节。然后，通过滑稽的动作取得类似连环画的故事草图，将剧本描述的动作表现出来，如图1-2所示。 图1-2 绘制角色 设计制作阶段 此时，在故事板的基础上，确定背景、前景及道具的形式和形状，完成场景环境和背景图的设计，以及对人物或其他角色进行造型设计，如图1-3所示。 在动画制作时，由于动作与音乐必须匹配，所以音响效果一般在动画制作之前完成。然后，再将声音精确地分解到每一幅画面位置上。 图1-3 完成场景环境和背景图 具体创作阶段 先由动画设计师绘制动画的一些关键画面，也称为原画创作。并且在绘制过程中，由专人负责动画中固定人物角色。再由助理动画设计师完成两幅图画之间的中间画，并由其他美术人员绘制角色动作的连接画，并使其符合指定动作时间，表现得接近自然动作，如图1-4所示。
信息技术中考 Flash模块基础知识复习题参考 一、单项选择题： 1、Flash是一款（）制作软件。 A．电子表格B．二维动画C．网页D．文本文档 2、Flash动画的制作原理是（） A．电影B．电视节目C．网页D．视觉暂留 3、Flash是( )公司开发的动画制作软件。 A．Micromedia公司 B. IBM公司 C. Adobe公司 D. Apple公司 4、在flash中，对帧频率正确描述是( )。 A.每小时显示的帧数 B.每分钟显示的帧数 C.每秒钟显示的帧数 D.以上都不对 5、（）是进行Flash动画制作的最基本的单位 A.帧 B.元件 C.场景 D.图层 6、测试影片的快捷键是（）。 A．Enter B．Ctrl+Enter C．Ctrl+Shift D．Enter+Shift 7、在Flash中，利用时间轴上的（）可以改变场景中对象的叠放顺序。A．关键帧B．场景 C．图层D．工具栏 8、可以编辑和修改的Flash文件的扩展名为（）。 A．.fla B．.doc C．.swf D．.xls 9、引导层和被引导层的位置不能改变，引导层在（），被引导层在（）。A．下、上B．上、下 C．左、右D．右、左 10、在Flash中，下列关于关键帧的说法不正确的是（）。 A．定义动画变化B．定义更改状态 C．可以对实例对象进行编辑D．显示为 11、在Flash中，如果要创建一个圆形变为方形的形状补间动画，必须要先将圆
形转换为（） A．元件B．分离模式 C．图层D．关键帧 12、新建的Flash文件默认帧频为12 fps，当需要加快动画播放速度时，帧频应调整为（）12 fps 。 A．大于B．小于 C．等于D．与帧频无关 13、观看一段动画，该动画属于（）。 A．逐帧动画B．其他 C．形状补间动画D．运动补间动画 14、图示动画的类型为（）。 A．形状补间动画B．运动补间动画 C．逐帧动画D．补间动画 15、对普通帧描述错误的是（）。 A．延长动画播放时间B．延续上一关键帧内容 C．可以对其包含的对象进行编辑操作 D．图例为 16、图示动画的类型为（）。 A．形状补间动画B．运动补间动画 C．逐帧动画D．补间动画 17、Flash导出影片后的文件，扩展名为（）。 A．.fla B．.doc C．.swf D．.xls 18、以下哪个快捷键能够快速插入关键帧( ) A、F5 B、F6 C、F7 D、F8 。 19、Flash无法直接创建的动画效果是（）。
第7章Flash 8基础与实例（2）—— 常见动画的制作 知识点： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配：2学时 教学内容： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点： 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点： 形状补间动画与动作补间动画的区别。 教学方法与手段：讲授法，多媒体展示 教学过程： （一）创设意境，导入新课（设疑法、提问法） 导入： 教师展示几个Flash实例，然后引导学生一个一个亲自动手制作。引入新课程： （二）新课教学（讲解法、提问法、示范法、实验法）
本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成的一种动画。 优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。 缺点：每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1．用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 2．绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D等）产生的动画序列。 三、绘图纸功能 1．绘图纸的功能
Flash8基础绘图工具 在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是放大了16倍的矢量图效果。 图2-0-1 矢量图放大到16倍时依然清晰 位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是象素点，位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。
图2-0-2 位图放大16倍时模糊不清 在Flash动画制作过程中，会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件，如Corel公司的CorelDRAW 软件、Macromedia公司的FreeHand软件和Adobe公司的 Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过FLASH基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash 也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单除了，它还是能够胜任的。 第一节基本绘图工具（上） Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色，如图2-1-1所示是Flash工具箱。
图2-1-1 绘图工具面板 我们将分两节来学习这些工具的使用方法。在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。 1．绘制和处理线条 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】，移动鼠标指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。 【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2-1-2所示。
Flash基础知识 教学目标： 【知识与技能】 1.熟悉Flash的工作界面 2.利用工具栏的工具绘制、修改图形 3.理解元件的作用，并掌握创建元件的操作 4.了解时间轴，理解帧、图层的概念，并掌握帧的操作 【过程与方法】 1.通过工具提示信息了解工具的用途 2.通过鼠标的形状变化及形状区别其不同的功能 3.学会知识的迁移，把Photoshop所学的知识迁移到Flash的学习中去。【情感、态度与价值观】 1.体验信息技术的发展使得动画的设计变得简单。 教学过程： 【引言】 随着信息技术的发展，动画的实现也随之发生了改变。由以往的手工绘图并利用机器快速翻动画面实现动画，到现在只要有一台计算机就能进行制作及实现。 Flash作为一款基于矢量图形的动画制作工具，以其出色的表现能力以及快捷方便的操作，赢得了IT业的青睐。它不但能设计动画，还能使动画拥有交互性，因此，它是多媒体技术最好的体现。
下面让我们来学习Flash软件的基础知识。并通过以后的学习来体现其强大的多媒体技术的魅力。 【教学内容】 一、利用工具栏绘制简单图形 1.认识工具栏 工具栏中的工具使您可以绘制、涂色、选择和修改插图，并可以更改舞台的视图，如图所示。
工具栏分为四个部分： ?“工具”区域包含绘画、涂色和选择工具。 ?“视图”区域包含在应用程序窗口内进行缩放和移动的工具。 ?“颜色”区域包含用于笔触颜色和填充颜色的功能键。 ?“选项”区域显示选定工具的组合键，这些组合键会影响工具的涂色或编辑操作。 【观察并回答】 如何知道工具栏中的工具的名称及其用途是什么？Flash给了我们哪些提示？ 1.绘制及修改图形 图形是动画的基本元素，利用工具栏的工具绘制、修改图形是FLASH动画制作的基础。 （1）常用绘制图形的工具 直线工具、椭圆工具、矩形工具、多角星形工具、画笔工具、刷子工具。 绘制的方式一般都是选中所需工具，并在舞台上利用鼠标进行绘画。（2）修改图形的工具 *移动工具、部分选取工具、*任意变形工具、橡皮擦工具。 这里重点介绍移动工具及任意变形工具。 ?移动工具的4种功能： 【演示】
注意事项： 1、首先先将此文档另存到桌面，文件命名方式为“班级+学号+姓名”，例如“101班05张三”。 2、提交试卷时，务必于文档的形式提交（不能用文件夹形式提交）。 3、请注意将答案填写在答题卡内。 答题卡 一、单项选择题（每小题3分，共60分） 1 2 3 4 5 6 7 8 9 10 D B D C B D C D B A 11 12 13 14 15 16 17 18 19 20 B B B D D A B A A D 二、多选题（每小题 1 2 3 4 5 ABCD AB AC ABCD BD 1 2 3 4 5 6 7 8 9 10 ××√√√√√×√√ 试题 一、单项选择题（每小题2分，共60分） 1、下列关于Flash软件说法正确的是（）。 A、Flash软件只能制作动画 B、它是一个专做位图的软件 C、Flash软件是一个矢量图软件，但是不能做网页 D、它是一个矢量图软件，可以制作动画、网页 2、Flash软件保存格式为（）。 A、 ai B 、 fla C、 pnd D、 png 3、Flash基本动画原理是利用人们眼睛的（）作用，以每秒钟跳动24格的速度连续放映，造成人物活动的感觉。 A、放大 B、透视 C、过滤 D、视觉暂留 4、在时间轴上，（）是Flash创作中最基本的操作单位。 A、舞台 B、图层 C、帧 D、帧和图层 5、在Flash中元件共有几种类型？（） A、 2种 B、 3种 C、5种 D、 6种6、图层的种类不包括（）。 A、引导层 B、遮罩层 C、普通层 D、参考层 7、在Flash 中，要绘制一颗四角星，可以使用（）工具 A、钢笔工具 B、线条工具 C、多角星形工具 D、铅笔工具 8、图形元件、影片剪辑元件和按钮元件都存储在什么地方？（）在这个地方我们可以重复使用以上元件。 A、帧 B、舞台 C、场景 D、库 9、按（）键可以将文本打散 A、 Ctrl + A B、 Ctrl + B C、 Ctrl + C D、 Ctrl + D 10、使用椭圆工具时，按住（）键的同时拖动鼠标可以绘制正圆？ A、 Shift B、 Alt C、 Alt + Shift D、 Del 11、要选择连续的多个帧，可以配合（）键进行选取。 A、Ctrl B、Shift C、Alt D、Del 12、关于动作补间动画中，下面哪个描述是不正确的？（） A、动作补间动画的起始帧和结束帧都必须是关键帧 B、动作补间动画的对象必须是元件 C、动作补间动画的对象必须是同一个元件 D、动作补间动画的对象可以是不同的元件 13、下图中哪个图层是引导层，那个图层是被引导层（） A、图层2、图层3 B、图层3、图层4 C、图层4、图层1 D、图层4、图层3 14、形状补间只能用于：( ) A、形状 B、任何图形 C、任何图像 D、位图 15、在测试动画时Flash自动发布的播放文件的后缀是：( ) A、 swt B、 fla C、swd D、swf 16、遮罩的制作必须要用两层才能完成，下面哪一描述正确？（） A．上面的层称之为遮罩层，下面的层称之为被遮罩层 B．上面的层称之为被遮罩层，下面的层称之为遮罩层 C．上下层都为遮罩层 D．以上答案都不对 2015—2016学年第一学期信息技术期末试卷（笔试题）
Flash基本绘图工具 在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差， 位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状。 在Flash动画制作过程中，会大量地运用到矢量图形。虽然有一些功能强大的矢量图绘制软件，如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过Flash基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单处理，它还是能够胜任的。 第一节基本绘图工具 Flash 工具箱提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色。 我们将分两节来学习这些工具的使用方法。在本节中，将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。
1．线条的绘制与处理 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。 用【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2所示。 图2 直线【属性】面板 在如图2所示的【属性】面板中，单击其中的【笔触颜色】按钮，会弹出一个调色板，此时鼠标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值，16进制数值以#开头，如：#99FF33，如图3所示。 图3 笔触调色板 现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图4所示。 图4 【笔触样式】对话框 为了方便观察，我们把【粗细】设置为3pts，在【类型】中选择不同的线型和颜色，设置完后单击【确定】，来看看设置不同笔触样式后画出的线条，如图5所示。
上课时间: 课题动画场景布置课时1课时+实训1 课时 教学内容1．部分选择工具和套索工具的使用。2．钢笔工具的使用。 3. 掌握椭圆工具和矩形工具的使用。 教学目标知识目标：进一步熟悉各种绘图工具的使用方法，掌握图层、元件和实例的应用，学会创建静态文本，应用属性中对于影片剪辑和文本的滤镜效果。了解动画设计中完整的动画场景的布置。 能力目标：培养学生举一反三、分析解决问题的能力，逐步提高他们与人合作、讨论问题、探索新知识的能力。 情感目标：利用上机分组操作，培养学生的协作精神；并通过开拓思路、激发欲望的过程，培养他们对于本课程以及本专业的热爱。 教学重点理解图层的概念和操作，了解什么是元件和实例。 教学难点了解元件的类型，了解动画设计中完整的场景布置。 教学活动及主要语言学生活动一、情景引入： 教师在课程开始的时候先创设情景展示案例：这是一个室外的卡通背景，由几何形状配合Flash中的图层、元件绘制出来的。 然后引导学生仔细观察动画，帮助他们对制作任务的操作流程做一个步骤分解，这样既可以使学生对整个案例的完成过程有一个全面认识，又便于下一步任务操作的具体实施。 任务：绘制室外卡通背景（学习 难度★★★） 步骤分解 新建文档→绘制渐变 背景→绘制树木→绘制楼 房→组合楼房与树木→绘 制地面与植物→绘制楼房 群背景这里是案例制作前的准备工作，一方面是案例制作素材的准备，另一方面教师可以带领学生学习“预备知识”，对案例中的相关知识点有个导入性的认识：1．工具与小技巧；2．动画背景设计；3．工具面板图解。
框。对话框中的“阈值”参数用于定义与选取范围内相邻像素色值的接近程度，数值越高，魔术棒选取时的容差范围也越大。如果输入数值为0，只有与单击那一点像素值完全一致的像素者会被选中。“平滑” 用于定义位图边缘的平滑程度。它有像素、粗略、标准和平滑四个选项。 多边形模式：该按钮是一个模式按钮，按下后，套索工具进入多边形模式，每次单击鼠标就会确定一个端点，端点之间用线段连接，最后鼠标回到起始处双击，组成一个多边形，即选择的范围 . 直线工具 1.画直线： 选中钢笔工具后，每单击一下鼠标左键，就会产生一个节点，并且同前一个节点自动用直线相连。在绘制的同时，如果按住Shift键，则将线段约束为45度的倍数角方向上。 结束图形的绘制可以采取下面三种方法之一：第一，在终止点双击鼠标；第二，用鼠标单击工具箱中的钢笔工具；第三，按住Ctrl键单击鼠标。此时的图形为开口曲线。 如果将钢笔工具移至曲线起始点处，当钢笔工具右下角出现一个圆圈时单击鼠标，即连成一个闭合曲线。 2.画曲线 钢笔工具最强的功能就在于绘制曲线，在添加新的线段时，在某一位置按下鼠标左键后不要松开，拖动鼠标，新节点自动与前一节点用曲线相连，并且显示出控制曲线斜率的切线；若同时按下Shift键，则切线的方向为45度的倍数角方向。 3.曲线点转换为角点 选择钢笔工具，将钢笔移动到曲线的某一个曲线点上，钢笔的下面出现一个角状标志，表示可以使这个 曲线点转换为角点。单击鼠标，则将该曲线点转换为角点。如图2-34所示。 (a)钢笔对准曲线点 (b)单击后转换为角点 图2-34将曲线点转换为角点 4.添加节点 如果要制作更复杂的曲线，则需要在曲线上添加一些节点。选择钢笔工具，笔尖对准要添加节点的位置，钢
Flash基础 目录 Flash基础 (1) （一）、动画基础1 (3) （二）、动画基础2 (7) 一、界面介绍 (7) 二、绘制对象 (12) 三、缩放对象 (13) 四、调整对象 (14) 五、辅助选项 (16) 六、输入和修改文字 (17) 七、编辑文字 (18) 八、显示和隐藏时间轴 (19) 九、显示和播放帧 (21) 十、编辑帧 (24) 十一、图层操作 (25) 十二、图层遮罩 (27) 十三、符号和组件 (28) 十四、线性动画 (30) 十五、缩放动画 (33) 十六、色彩动画 (34) 十七、引导线动画 (35) 十八、按钮组件 (35) 十九、帧动作和按钮动作 (36) 二十、添加声音 (38)
Flash基础 启动Flash 单击“开始”|“程序”，在程序菜单中找到Flash或者Macromedia菜单选择Flash项。 启动Flash后会出现一个窗口，动画制作就在这个窗口中，下面我们来看一下。 窗口的最上面是蓝色的标题栏，当前影片自动给了一个名称[影片1]，在“保存”文件时要改为一个有意义的文件名称。 标题栏下面是菜单栏，菜单是一组命令，我们操作计算机，就是向计算机提供指令，其中“文件”菜单（注：本书中所有带双引号文字都是命令选项）要求记住“打开”、“保存”、“另存为”、“导入”几项，文件菜单中的命令都跟文件操作有关。“插入”菜单中要记住“新建组件”和“转换成组件”两个命令。“修改”菜单的“群组”和“分解组件”命令。“窗口”菜单中的“面板”命令。
菜单栏下面是工具栏，工具栏中放的是最常用的菜单命令，而且是用图标来表示的，便于形象记忆。 工具栏下面就是工作区了，在工作区的左边是工具箱，里面有许多的绘图和修改工具，跟Windows中的画图差不多，要求记住黑“箭头”工具，它是用于选择图 形的，“A”是文本工具，用于文字输入，里面还有两个瓶子，要区分开，左边的“墨 水瓶”工具是用来给图形的外边框涂色的，一般铅笔和钢笔用它选颜色，右边的“油 漆桶”工具用来给图形的内部填充色，一般给圆形、矩形内部和刷子喷色。使用时一定要多注意，不要搞反了。 在工具箱旁边是时间轴面板分成了两块，左边是图层面板，自动有一个黑色的“图层1”，黑色上面有三个按钮：一个眼睛一个小锁和一个方框，图层面板用来控制图层的添加、删除、选中等等。 右边是时间轴，上面有许多的小格子，每个格子代表一帧，整数的帧上有数字序号，而且颜色也深一些，一帧可以放一幅图片，动画就是由许许多多帧组成的。帧上面有一个红色的线，这是时间指针，表示当前的帧位置，同时下面的时间轴状态栏也有一个数字表示第几帧。时间轴右上角还有两个按钮，一个是场景按钮，一个是组件按钮。 工作区的中央空白是场景，所有的画图和操作都在这个白色的区域中实现，也只有这个区域的图像才能在动画中播放出来。 窗口的最下方是状态栏，状态栏左边有一个显示比例列表框，可以放大或者缩小场景的显示比例。 看一看下面的图形，说出Flash窗口的各个组成部分。
《动画基础知识》教学设计 知识与技能：1、了解动画的制作原理和动画的分类。 2、了解从网上获取计算机动画的方式。 3、学会利用ulead GIF Animator 软件制作简单的GIF动画。 过程与方法：通过观看动画片，动手体验等环节，帮助学生了解动画的分类和理解动画的制作原理；通过学生交流和讨论，了解从网上获取计算机动画的方式。让学生利用ulead GIF Animator软件制作一个动画，感受计算机动画技术的优越性，学习动画制作的相关知识。 情感、态度与价值观：1、增强学生利用网络获取信息的能力。2、提高学生自学和探究的能力，培养学生学习动画制作的兴趣。 重点：动画原理的理解GIF动画的制作难点：GIF动画的制作 三、教学设计说明：动画片深受学生的喜爱，但是学生对于动画的基础知识和制作原理、制作方式的知识是比较缺乏的。因此本节课充分地发挥学生了的积极性，让学生随着学案所设置的环节，解决一个又一个的问题。而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，注重学生的学习体验和情感的体验。整节课以学生为主体、教师为主导的架构下，搭建以生为本的情景学习平台，帮助学生自学、交流讨论、深入探究，以不断的解决问题为手段，一步步完成学习任务。 四、教学过程：（一）设置情境，引入课题 师：同学们喜欢看动画片吗？ 生：喜欢。 师：看来大家都非常喜欢看动画片，然而你们对动画片了解多少呢？今天这节课我们就一起走进动画的世界来学习动画的基础知识。 设计意图：动画片深受学生的喜爱，师抛出问题，激发学生的学习兴趣。 （二）新课学习环节一：观看动画片段，了解动画分类。 师：请同学们欣赏《哪吒脑海》、《海底总动员》两部动画片的片段，对比两部动画片各有什么特点及不同之处？ 播放片段，介绍《哪吒脑海》为我国一部优秀的传统动画片及中国动画片的悠久历史。《海底总
FLASH 基本知识 教学目的：了解动画原理，掌握帧的类型 教学重点：动画原理 教学难点：帧的类型 教学过程： 讲授新课 5.1.1 动画原理 Flash 动画的原理与电影胶片一样，是一系列相似的图画快速地一幅幅显示出来。因为人的眼睛有0.1秒的视觉暂留，当画面快速变换时，会感觉物体动起来了。Flash 中一幅静止的画面，称为一帧。“帧”是组成动画的基本单位，动画实际上就是连续改变帧内容的过程。 5.1.2 帧的引入 Flash 的时间轴上有一系列小方格，每一个小格表示一帧，鼠标单击其中一个小方格，即可选中该帧，并在舞台上显示该帧的内容。一般地，我们在舞台上对对象进行的修改，只是改变了某一帧的内容，并没有影响其它帧上的对象。图5-1所示为时间轴及其各个组成部分。 图5-1时间轴和帧 1.帧的类型 Flash 根据帧完成功能的不同，分为不同类型的帧，不同类型的帧在时间轴上有不同的表示方法。下面我们介绍各种类型的帧及其在时间轴上的显示。 （1）空白帧 a)空白帧中不包含任何Flash 对象，相当于一张空白的影片。 b)在一个新建的Flash 文档中，除了第一帧外其余的帧均为空白帧。 c)在空白帧上可以建立其它各种类型的帧，但不能绘制任何图形。 （2）关键帧 a)关键帧是用户唯一可以绘制图形的帧，用户大部分的创作性的工作是在关键帧上完成的。 帧频率 运行时间 播放头 时间轴模式 层编辑区 帧模式 当前帧
因为这种帧定义了动画如何变化，所以称为关键帧。 b)如果关键帧中有对象，称为实关键帧； c)如果关键帧中没有对象是空白的，称为空白关键帧。 d)实关键帧在时间轴上用实心圆点表示，空白关键帧用空心的圆点表示。 e)在空关键帧中添加了一个对象，如画一条直线或一个圆，空白关键帧自动转换为实关键帧； f)而将实关键帧中的所有对象全部删除，实关键帧自动转换为空白关键帧。 （3）普通帧 普通帧延续其前面的关键帧的内容，即与其前面关键帧的内容相同。在普通帧上绘画即相当于在前面的关键帧上绘画。在时间轴上普通帧用连续的灰色填充表示，用一个空白的矩形框表示结束。 （4）位置渐变帧 如果动画中的每一帧都由用户亲自绘制，需要花费许多的精力和时间。对于一些简单的运动和变形，用户可以定义动画的起始形状和终止形状，由Flash根据起始形状和终止形状按一定的规则计算得到中间的过渡形状。描述中间过渡形状的帧称为渐变帧，Flash中有两种类型的渐变帧：位置渐变帧和图形渐变帧。 在时间轴上，位置渐变帧是在两个关键帧之间用浅蓝色填充并由箭头连接的帧。这些帧描述两个关键帧之间的位置渐变关系，如图5-5所示。 图5-5位置渐变帧 演示：画一个图形，在后面添加一个关键帧，制作一个位置渐变，说明位置渐变帧。 （5）图形渐变帧 在时间轴上，图形渐变帧是在两个关键帧之间用浅绿色填充并由箭头连接的帧，这些帧描述两个关键帧之间的图形渐变关系，如图5-6所示。 图5-6图形渐变帧 演示：画一个图形，在后面添加一个关键帧，制作一个图形渐变，说明图形渐变帧。 （6）不可渐变帧 在两个关键帧之间用浅蓝色填充并由虚线连接的帧，它表示关键帧的内容不符合渐变要求，Flash无法根据两个关键帧自动生成中间渐变帧，如图5-7所示。 图5-7不可渐变帧 演示：画一个图形，制作一个图形渐变，在最后一帧再添加一个图形,说明不可渐变帧。（7）动作帧 Flash为了增强动画的交互性，提供了功能强大的动作脚本程序，如果将动作脚本程序加在某一帧上，该帧称为动作帧，在时间轴上显示一个字母“α”。当动画运行到此帧时，Flash 执行此帧的动作脚本程序，如图5-8所示。
第1章Flash基础知识 学习目标 在因特网上随处可以看到很多优秀的Flash作品，它们被广泛应用于网页制作、网页广告、MTV和动画游戏等领域。本章先介绍Flash动画的常识和应用领域等方面的知识，接着介绍Flash MX 2004的基础知识，包括Flash MX 2004的工作界面、基本操作、Flash 动画制作的基本步骤等，并推荐了一些优秀的Flash网站，以供读者欣赏与借鉴。 本章要点 ?Flash动画常识 ?Flash的启动与退出 ?熟悉Flash MX 2004的工作界面 ?文档的基本操作 ?Flash动画制作基本步骤 ?优秀Flash网站推荐 1.1 Flash动画常识 Flash是美国Macromedia公司推出的一款经典动画制作软件，目前使用相当广泛。它对动画制作者的要求不高，而且简单易学，效果流畅生动，画面风格多变，因此在动画制作领域受到广大用户的青睐和好评。 1.1.1 动画基本原理 以前制作的动画都是通过由一幅幅静止的相关画面快速地移动，使人们在视觉上产生运动感觉的，而Flash动画由矢量图形组成，通过这些图形的运动，产生运动变化效果。它是以“流”的形式进行播放，在播放的同时还能自动将后面部分文件下载，实现多媒体的交互。 1.1.2 Flash动画常用领域 在现代信息化的社会中，人们喜欢在网上完成工作、搜集信息与交流。打开任意一个网站，常常会看到各种动画广告条；想听音乐，网上有Flash制作的各种MTV由你选择，如《忍者》、《你最红》等；还有电视上的一些广告也是用Flash制作的。从搞笑动画到MTV、从广告到游戏、从网页到多媒体课件、从贺卡到影视片头，Flash的身影无处不在。
Flash课件基础知识 多媒体计算机课件集语言、文字、图片、动画、音乐、影像于一体,充分体现了人机交互性、教育性、趣味性、观赏性的特点。 一、利用多媒体课件创设学习情境 二、利用多媒体课件克服时空限制化难为易 三、利用多媒体课件帮助学生理解教学内容 Flash以便捷、完美、舒适的动画编辑环境，深受广大动画和课件制作者的喜爱，在制作课件之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。 一、工作环境 1．工作窗口 在“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗口并新建一个影片文档。如图1-11所示。 图1-11 Flash 8的工作窗口 Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。 “标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash 8.0命令项，通过执行它们可以满足用户的不同需求。 “菜单拦”下方是“主工具栏”，通过它可以快捷的使用Flash 8.0的控制命令。 “主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1-12所示。 图1-12 文档选项卡
“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。 “编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。 时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。 Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。 1-13 时间轴“时间轴”下方是“工作区”和“舞台”。Flash 8扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示。 图1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如图1-15所示。 图1-15 舞台显示比例 选择工具箱中的【手形工具】，在舞台上拖动鼠标可平移舞台；选择【缩放工具】，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和
FLASH动画类型全解 一、几种类型帧的小结：（关键帧、空白关键帧、普通帧） 1. 特点 帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。 关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。 空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 2. 区别 1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格 2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。 3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。 3. 应用中需注意的问题 1）应尽可能的节约关键帧的使用，以减小动画文件的体积； 2）尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。 二、几种类型动画的小结：（帧帧动画、形变动画、运动动画） 1. 特点 帧帧动画——是flash动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内容来建立的动画 形状补间动画——是在两个关键帧端点之间，通过改变基本图形的形状或色彩变化，并由程序自动创建中间过程的形状变化而实现的动画 运动补间动画——是在两个关键帧端点之间，通过改变舞台上实例的位置、大小、旋转角度、色彩变化等等属性，并由程序自动创建中间过程的运动变化而实现的动画 2. 区别 1）帧帧动画的每一帧使用单独的画面，适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。对需要进行细微改变（比如头发飘动）的复杂动画是很理想的方式。 形状补间在起始端点绘制一个图形，再在终止端点绘制另一个图形，可以实现一副图形变为另一副图形的效果。 运动补间在起始端点定义一个实例的位置、大小、色彩等属性，在终止端点改变这些属性，可以实现翻转、渐隐渐现等效果。 2）帧帧动画保存每一帧上的完整数据，补间动画只保存帧之间不同的数据，因此运用补间动画相对于帧帧动画，可以减小文件体积。 3）形状补间必须是运用在被打散的形状图形之间，动画补间必须应用在组合、实例上，帧帧动画不受此限制。
Flash知识点 ①时间轴、帧、层、元件、库的概念 ②文档属性的设置 ③帧与层的基本操作 ④实例属性的设置 ⑤文本及应用 ⑥逐帧动画、简单对象的移动和变形 ⑦元件的编辑、应用与管理⑧音频素材的应用 图一： 按上面的序号讲解其意思及功能： 1、新建图层按钮，也可以直接右击图层，“插入图层”命令，则会在右击的图层的上方插入一新图层。 2、新建文件夹（图层很多时，可用文件夹来组织图层，使时间轴面板更加整齐） 3、删除图层按钮，也可以直接右击图层，“删除图层”命令。 4、当前帧（与第10点的红色的播放线一致），说明当前播放到第10帧。 5、帧频（Frame Per Second，每秒钟播放的帧数，帧频越大，播放速度越快） 6、播放到当前帧用时0. 9秒 7、窗口缩放，如右图，（当编辑局部时，放大窗口；编辑整体时，缩小窗口，以便于整体布 局） 8、编辑元件，，单击此处可以快速地打开元件，编辑元件 9、编辑场景，一个动画可以由多个场景组成。 10：播放指针，指示当前播放到第几帧。 11、显示图层轮廓 12、给图层加锁/解锁：锁住图层，防止图层被修改 13、隐蔽/显示图层：也是防止图层被修改的一种方法。 14、说明当前是在场景2里做动画。 15、说明当前编辑的FLASH文档名为：flash复习1 . fla 16、图层图标：双击可以打开“图层属性”对话框，如右图， 可以在这里给图层重命名。 17、图层名称：双击此处也可以给图层重命名。
依据上图一的常见问题及解答： （1）、图层的重命名：双击图层名称处，或者双击图层图标在“图层属性”里设置。 （2）、在“背景”上面插入一层：选中“背景”层，单击新建图层按钮，或者右击，“插入图层”。 （3）、删除“背景”层：选中“背景”层，单击删除图层按钮；或者右击“背景”层，“删除图层”。 （4）如上图所示，当前正在编辑哪个图层？为了防止其它图层被修改，应该怎么办？答：从“背景”层的铅笔可以看出，当前正在编辑“背景”层。为了防止其它图层被修改，可以将其它图层隐藏或加锁（用13或12处按钮来实现）。 （5）、怎样更方便地修改场景里的某个细小的地方？答：通过窗口缩放（7处）来放大窗口，使细微的地方放大后，更容易修改。 （6）、如果要到场景1做动画，怎么切换？用“编辑场景”按钮（9处）选择“场景1”。 （7）、播放完上面这段动画，要几秒钟？答：从帧频处可以看出每秒播放10帧，而这个动画共30帧，所播放完上面这段动画要3秒钟。 （8）如果“背景”层是在“音乐”层的上面，还能看到动画吗？为什么？答：不能，因为“背景”层在最上面时，会把下面所有层盖住，导致下面的层不可见。 （9）、如下图所示，播放动画时背景图片出现一下就没了，问题出在哪？如何解决问题？答：从图中可以看出，“背景”层的图片从第一帧开始，延续到约第14帧。第15帧是空白关键帧，之后到30帧是空白关键帧的延续，因此从第15帧开始不能播放背景图片。 解决方法：选中第15到30帧，删除这些帧，再在第30帧处右击，用“插入帧”命令插入普通帧。 如果是这种情况：，则直接在第30帧处插入普通帧即可。（观察两图的不同之处） （10）、如图：小李要在“动作”层做动画，可是当从库里往场景里拖round元件时，怎么也拖不出来，为什么？怎么办？答：问题出在两个地方，1、因为“动作”层被锁，要将图层解锁后才能操作。2、因为只有关键帧或空白关键帧才可以放东西，而当前帧并不是关键帧或空白关键帧。要先定位到“动作”层的第1帧，再从库里拖元件。 做round元件第1帧到第30帧从左边移动到右边、放大、淡出的动作补间过程： 操作过程：（a）定位到“动作”层第1帧，将round元件从库里拖到场景左侧。（b）右击第30帧处，“插入关键帧”， 用选择工具将此帧（第30帧）里的实例（圆）拖到场景右侧，用任意变形工具结合shift键改变圆的大小，在属性面板里设置“颜色”/“Alpha”值为0% 。（c）定位（选择）第1到29的任意一帧，在属性面板里设置“动作”补间动画。(如果要旋转效果，则在“旋转”里选择。)如右图： （11）、如右图所示，“形状”层的动画有没有做成功，如何修改才能成功？答：从补间线为虚线可以看出，动画没有成功。从场景可以看出，“形状”层第1帧的内容“你”字没有分离，而形状补间动画要求头尾两个关键帧的内容要求是分离的，所以动画出错，补间线为虚线。解决办法：将第1帧和最后一关键帧的内容分离，动画就能成功了。