Flash动画创作及教学课件制作课件

第三章：Flash动画创作及教学课件制作四川理工人文学院文学与新闻系广电教研室概述Flash软件的主要特点第一节Flash的界面第二节：图形的绘制第三节：Flash的时间线第四节制作Flash动画的基本概念第五节：Flash基本动画制作第六节：Flash时间轴特效与声音运用第七节：Flash符号的创建与运用第八节：Flash文本的运用第九节组件的运用与测验型课件制作第十节：综合运用实例本章目录四川理工人文学院文学与新闻系广电教研室概述：Flash软件的主要特点1.流式媒体。2.矢量技术：可以将播放的画面进行任意的缩放，不会有任何的失真。3.界面友好，简单易学。4.动画制作,基于时间,中间过程自动生成。一：Flash的主要特点四川理工人文学院文学与新闻系广电教研室1.PowerPoint制作教学课件简单容易，而Flash制作教学课件比较复杂2.PowerPoint侧重于演示，而Flash侧重于动画模拟3.PowerPoint缺少人机交互，而Flash具有较好的人机交互能力。4.Flash课件实例15.Flash课件实例26.Flash课件实例3二：Flash与PowerPoint制作教学课件的比较四川理工人文学院文学与新闻系广电教研室第一节Flash的界面菜单栏常用工具栏工具面板（工具、查看、颜色、选项四个部分组成）舞台（注意选择显示比例）时间线窗口（图层窗格、时间线窗格）垂直浮动面板（混色器、库面板等）水平浮动面板（属性面板、动作面板等）四川理工人文学院文学与新闻系广电教研室工具箱名称栏时间轴舞台水平浮动面板（属性与动作）垂直浮动面板四川理工人文学院文学与新闻系广电教研室Flash界面的操作使用“窗口”菜单使用面板边框上凸起的三角形使用面板上左上角的三角形返回第二节形状绘制与颜色处理教学提示形状是Flash中所有图形存在的方式，它是组成Flash动画的基础，也是制作精美动画的关键环节。一个Flash影片中的形状多种多样，颜色也各不相同，要创建这些形状就需要了解形状的创作方法、填充与修改形状的颜色和美化形状等操作内容。教学目标了解Flash8中形状的概念和不同形状类型的特点，能够熟练的创建、使用矢量形状。了解制作精美矢量形状的方法，包括矢量形状的创建、矢量形状颜色的填充与修改以及优化形状等操作。四川理工人文学院文学与新闻系广电教研室一了解Flash的绘图模式及形状Flash8有两种绘图模式，一种是【合并绘制】模式，另一种是【对象绘制】模式，两种绘图模式为绘制图形提供了极大的灵活性。通过使用不同的绘图模式，用户就可以绘制出不同外形、不同颜色的图形。通过工具箱上的【对象绘制】按钮就可以在这两种绘图模式之间进行切换。1.“合并绘制”模式【合并绘制】模式重叠绘制的图形时，会自动进行合并。如果用户选择的图形已与另一个图形合并，移动它则会永久改变其下方的图形。例如，如果绘制一个正方形并在其上方叠加一个圆形，然后选择此圆形并进行移动，则会删除覆盖圆形的那部分正方形。2.“对象绘制”模式【对象绘制】模式允许将图形绘制成独立的对象，在叠加时不会自动合并，且分离或重排重叠图形时，也不会改变它们的外形。Flash将每个图形创建为独立的对象，可以分别进行处理。在以前的Flash版本中，若要重叠形状而不改变形状的外形，则必须在每个形状自己的图层中绘制这个形状。3.使用“合并绘制”模式重叠形状当用户使用铅笔、钢笔、线条、椭圆、矩形或刷子工具来绘制一条与另一条直线或已涂色形状交叉的直线时，重叠直线会在交叉点处分成线段。用户就可以使用【选择工具】来分别选择、移动每条线段并改变其形状。四川理工人文学院文学与新闻系广电教研室Flash不以形状的不同来区分对象四川理工人文学院文学与新闻系广电教研室•Flash的形状是一个广义的概念，填充和轮廓都是形状四川理工人文学院文学与新闻系广电教研室•Flash的重叠的图形对象可以互相分割，形状不限于规则的椭圆或其他图形，不规则图形仍是形状四川理工人文学院文学与新闻系广电教研室•为了控制图形相互分割的这类特性，Flash8导入了绘图模型的概念，使图形绘制更加灵活“合并绘制”模型“对象绘制”模型四川理工人文学院文学与新闻系广电教研室二绘制矢量形状1.绘制直线2.自由绘制曲线3.绘制任意形状4.绘制圆形或椭圆形5.绘制矩形或正方形6.绘制多边形或星形7.使用钢笔工具绘制路径四川理工人文学院文学与新闻系广电教研室1绘制直线在Flash8中使用直线工具可以沿着任意方向绘制直线。在制作动画的过程中，线条的作用非常的重要，使用直线工具绘制直线的操作步骤如下。（1）单击绘图工具箱中的【线条工具】按钮，此时鼠标光标在场景中呈现为十字形状。（2）使用十字光标在舞台上线条的起点位置单击并拖动鼠标。（3）再在线条的终点位置处释放鼠标，即可绘制一条直线。。四川理工人文学院文学与新闻系广电教研室2自由绘制曲线Flash中的【铅笔工具】与【线条工具】存在一定的区别，最明显的就是【铅笔工具】可以绘制各种样式的曲线。【铅笔工具】的使用和【线条工具】的使用方法基本相同。使用【铅笔工具】绘图的操作步骤如下。（1）单击绘图工具箱中的【铅笔工具】按钮，此时鼠标光标在场景中呈现为铅笔形状。（2）使用光标在舞台上线条的起点位置单击并拖动鼠标。（3）再在线条的终点位置处释放鼠标，即可绘制一条曲线。使用【铅笔工具】画线的时候，最终绘制的线条样式由下面一些因素决定。1.【铅笔工具】在设置区中的设置。2.【铅笔工具】的画线模式。3.用户所绘制的形状。四川理工人文学院文学与新闻系广电教研室3绘制任意形状使用【刷子工具】可以创建特殊的效果，包括书法效果。【刷子工具】可以使用导入的位图作为填充颜色，还可以使用它的功能按钮选择刷子的大小和形状。使用【刷子工具】绘制任意形状的操作步骤如下。（1）单击绘图工具箱中的【刷子工具】按钮，此时鼠标光标在场景中呈现为刷子形状。（2）使用光标在舞台上线条的起点位置单击并拖动鼠标。（3）最后在线条的终点位置处释放鼠标，即可绘制一条曲线。四川理工人文学院文学与新闻系广电教研室4绘制圆形或椭圆形前面所讲的【铅笔工具】有时也能绘制椭圆，但是使用【椭圆工具】绘制椭圆时可以设置椭圆的内部填充颜色，而【铅笔工具】或其它的绘图工具则无此功能。使用【椭圆工具】绘图的操作步骤如下。（1）单击绘图工具箱中的【椭圆工具】按钮，此时鼠标光标在场景中呈现为十字形状。（2）在舞台上需要作为椭圆区域第一个对角点的位置单击鼠标并拖动。（3）在椭圆区域的另外一个对角释放鼠标，完成椭圆的绘制。（4）绘制椭圆的时候，按住Shift键拖动，则可以绘制圆形。如果没有按住Shift键，在鼠标拖动过程中，光标附近出现一个圆圈时，则表示此时绘制的是正圆形，释放鼠标也能绘制出一个圆形。四川理工人文学院文学与新闻系广电教研室5绘制矩形或正方形使用【矩形工具】可以绘制方角的矩形，也可以绘制圆角的矩形。默认情况下，使用【矩形工具】绘制的矩形是方角的，要绘制圆角的矩形需要在绘制前进行设置。绘制矩形之前单击【边角半径设置】按钮，打开【矩形设置】对话框设置矩形的圆角半径。如果边角的半径为0，则绘制的矩形是直角的。使用【矩形工具】绘图的操作步骤如下。（1）单击绘图工具箱中的【矩形工具】按钮，此时鼠标光标在场景中呈现为十字形状。（2）在舞台上需要作为矩形区域第一个对角点的位置单击鼠标并拖动。（3）在矩形区域的另外一个对角释放鼠标，完成矩形的绘制。（4）如果要绘制圆角的矩形，单击绘图工具箱选项工具中的【边角半径设置】按钮。（5）打开【矩形设置】对话框，在【边角半径】文本框中输入边角半径值即可。（6）重复步骤2和步骤3的操作，即可绘制圆角的矩形。（7）绘制矩形的时候，按住Shift键拖动，则可以绘制正方形。如果没有按住Shift键，在鼠标拖动过程中，光标附近出现一个圆圈时，则表示此时绘制的是正方形，释放鼠标也能绘制出一个正方形。四川理工人文学院文学与新闻系广电教研室6绘制多边形或星形使用【多角星形工具】可以绘制多边形和星形时，可以设置多边形的边数或星形的顶点数，也可以选择星形的顶点深度。默认情况下，【多角星形工具】附属于【矩形工具】。要使用【多角星形工具】时，用户需要从【矩形工具】下拉菜单中选择相应的按钮来切换到【多角星形工具】。在需要使用【矩形工具】时，用户在用同样的方法切换到【矩形工具】即可。使用【多角星形工具】绘图的操作步骤如下。（1）在绘图工具箱中的【矩形工具】按钮上按住鼠标，打开下拉菜单。（2）在菜单中选择【多角星形工具】按钮，选择【多角星形工具】工具。（3）使用绘制矩形的方法在舞台上绘制多边形或星形。四川理工人文学院文学与新闻系广电教研室7使用钢笔工具绘制路径使用【钢笔工具】可以绘制比较精确的路径，可以是直线或者是平滑的曲线，并且直线的长度、角度和曲线的斜率都可以调整。使用【钢笔工具】绘图时，用户可以通过单击在直线上创建点，通过单击或拖动在曲线上创建点。创建的点可以用来调整直线或曲线，甚至是将直线和曲线相互转换。1、绘制直线2、停止绘图3、绘制曲线四川理工人文学院文学与新闻系广电教研室三填充形状颜色1.关于颜色的选择2.关于混色器的使用3.填充笔触颜色4.填充形状颜色5.复制填充颜色四川理工人文学院文学与新闻系广电教研室1关于颜色的选择RGB模式RGB模式有红（Red）、绿（Green）和蓝（Blue）3种原色组合而成，然后有这3种原色组合成其它的颜色。这种表示颜色的方法也就是人们常说的三原色原理，R、G、B三色也就是三原色。使用RGB模式，每一个像素由24位数表示，其中R、G、B三色各使用8位，因此每一种原色都可以表示出256种不同深度的色调，3种原色混合使用就可以生成1667万种颜色，也就是真彩色。3种原色两两重叠，就产生了青、洋红和黄3种次混合色，原色与次混合色是彼此的互补色，次混合色与没有组成它的原色就构成了互补色，将互补色放置在一起对比就明显醒目，使用这个特性就能利用颜色来突出主体。因此，RGB图像比CMYK图像小很多，可以有效的节约空间。HSB模式HSB模式是一种基于人的直觉的颜色模式，它将颜色分为3个要素：色相（Hue）、饱和度（Saturation）和亮度（Brightness）。HSB模式比较符合人的主观感受，能使颜色很直观、立体化，利用它可以很轻松的选择不同明亮度的颜色。四川理工人文学院文学与新闻系广电教研室2关于混色器的使用混色器提供更改笔触、填充的颜色，以及创建渐变色的选项。在Flash程序窗口中选择【窗口】︱【混色器】命令，可以打开或关闭【混色器】面板。【混色器】面板如图所示。四川理工人文学院文学与新闻系广电教研室3填充笔触颜色【墨水瓶工具】可以用于更改线条或形状轮廓的笔触颜色、宽度和样式，也可以为没有外部轮廓的图形添加外部轮廓线。【墨水瓶工具】不仅能填充线条颜色，还能为内部填充颜色，【墨水瓶工具】的使用非常简单，选择【墨水瓶工具】后，单击舞台上的图形就能为其添加或更改轮廓线，使用【墨水瓶工具】的【属性】面板还能设置轮廓线的颜色、粗细和样式等内容，如图所示。四川理工人文学院文学与新闻系广电教研室4填充形状颜色使用【颜料桶工具】按钮可以填充封闭区域颜色，而且封闭区域可以是没有颜色的区域，也可以是已填充颜色的区域。使用【颜料桶工具】也可以填充未完全封闭的区域，并且在填充颜色时封闭形状的间隙。另外，【颜料桶工具】填充的颜色可以是纯色、渐变色和位图图像。使用【颜料桶工具】为区域填充颜色的操作步骤如下。（1）单击绘图工具箱中的【颜料桶工具】按钮，光标变为颜料桶形状。（2）在其【属性】面板中设置【填充颜色】的颜色。（3）单击需要填充颜色的区域，填充该区域。四川理工人文学院文学与新闻系广电教研室5复制填充颜色要复制某个色彩来填充另外的形状，用户可以使用【滴管工具】按钮。【滴管工具】是一个颜色采集器，能够采集一个对象的颜色特征用作复制颜色。利用