Flash简介.doc

六年级信息技术教案一、Flash简介【教学内容】1、 Flash MX的功能特点介绍；2、 Flash MX的程序界面；3、 Flash MX文件类型；4、 Flash MX文件的新建、保存和输出。【教学过程】一、初识Flash MX。如今，如果要问什么技术在网络上流行，哪你得到的答案一定的Flash动画。Flash是Macromedia公司的拳头，是一款十分出色的动画设计软件。Flash的特点：1、 体积小；2、 矢量图形可以无限放大；3、 创建和编辑动画的方法简单易学；4、 交互功能强大；5、 可以输出多种格式的电影文件。二、Flash的程序界面。1、进入Flash。与其它软件的方法相似。2、程序界面。集成面板；工具箱；时间轴；舞台；3、重点介绍：（1）场景、元件。场景：Flash中一个动画可以分为几个不同的部分来制作，就好象电影制作过程中的场景。元件：在Flash中，可以把对象定义为元件，元件分为影片剪辑、按钮、图形三种，定义元件的好处在于可以反复调用它。（2）时间轴： 层：可以在一个文件在创建多个层，层与层中的对象互不影响。层还可以形成许多特效。时间轴；动画的时间编排在它上面体现。Flash中默认一秒为12帧。（3）面板：包括：信息面板、转换面板、调色面板、颜色样本面板、场景面板、元件库面板、动作面板、属性面板等。面板的调用通过窗口菜单来实现。三、Flash的文件类型。在Flash中制作动画，保存后的为源文件，扩展名为.fla，源文件可以修改，但不能播放。要播放Flash动画，必须将Flash文件输出为专门的可播放文件。默认为.swf，这种格式的文件在有Flash播放器的支持下可以进行播放，但如果系统中没有Flash播放器，则不会播放，我们一般都生成这种格式，其它软件也认这种格式。我们还可以将Flash输出为可执行文件.exe，这就可以在没在播放器的环境下播放了。但是文件的体积会增加近1M左右。四、实践-初识Flash。1、进入Flash；2、设置文件属性：执行 修改|影片设置文件的大小、背景、每秒的帧数，标尺单位；3、选择直线工具，设置描绘色为黑色，在舞台上画一条线段；5、 在时间轴的第二十帧单击，执行 插入|关键帧；6、 单击第一帧，选择箭头工具，选择线段的大部分，然后按DEL删除；7、 选择第一帧，单击属性面板，选设置为：形状，可以看到从第一帧到第二十帧之间由灰色变为了绿色。8、 单击鼠标观看效果。9、 执行文件|保存选择保存在桌面。10、 执行文件|输出影片，设置完成。11、 回到桌面上，双击刚导出的SWF文件，就可以看到动画。二、图形的绘制【教学内容】1、 绘制直线；2、 绘制椭圆及矩形；3、 绘制曲线。【教学过程】一个优秀的Flash课件是许多简单和复杂的几何图形、图像、文字以及声音等多种素材的有机结合。Flash的工作环境为用户提供了多种有效且功能强大的工具来处理这些素材。训练的使用这些工具，掌握各面板的功能与用法，再配合动作语言，那在Flash中可以说没有你做不到的，只有你想不到的。一、绘制直线。1、 绘制直线：（1）、在工具箱中选取直线工具；（2）、设置描绘色为黑色；（3）、使用直线工具在舞台上拖动画一条直线。在拖动同时按住SHIFT键，则沿45度角方向画直线。2、练习绘制30度角。（1）在上面的基础上，用箭头工具选取直线；（2）执行窗口|转换，打开转换面板，在旋转选项中输入旋转角度为30，单击“复制并应用转换”按钮，这时会出现第二条直线，它与第一条直线的夹角为30度；（3）打开“吸附对象”按钮，拖动第二条直线的一端到第二条直线的一端，此时圆圈由小变大，表示已经吸附到第一条直线。这时就准确的绘制了一个30度的角。注意：旋转后不要单击取消第二条直线的选择。二、绘制椭圆及矩形。1、绘制椭圆：新建一层并取名为圆。选取椭圆工具，拖出一个椭圆。注意到椭圆由描绘色与填充色两部分组成，而且是独立的两部分。同时按下SHIFT键不放，绘出的是圆形。2、绘制矩形。新建一层并取名为矩形。选取矩形工具，拖出一个矩形，它与圆一样也是由两部分组成。同时按下SHIFT键不放，绘出的是正方形。在选取矩形工具后，在选项区会出现设置圆角半径的附加选项，单击它，可以设置矩形的圆角半径。3、综合使用椭圆与矩形工具画一个试管。三、绘制曲线。1、使用钢笔工具画线。（1）、选取钢笔工具；（2）、单击曲线的起始点，再次单击可以确定第二点，按下不放鼠标并移动就可以画出曲线。注意：调节手柄的长度可以改变曲线的弧度，调节手柄的方向可以改变曲线的弯曲方向。 （3）、要结束曲线的绘制，只需双击鼠标即可。四、绘制任意图形。选择铅笔工具就可以让你自由的画想要的任意图形。1、铅笔工具有三个选项。（1）直线化：使所画线变得平直，并使其近似转变成角、椭圆、矩形或正方形等简单的几何画形。（2）平滑：自动平滑曲线，可以减少曲线的线段数量，使轨迹趋于平坦。（3）墨水瓶：基本保持描绘的轨迹，使其接近徒手绘制形状。三、图形的编辑【教学内容】1、 图形的选取与移动；2、 编辑图形线框；3、 编辑图形的填充色。【教学过程】一、图形的选取与移动。1、使用箭头工具选取：（1）使用箭头工具拖一个矩形选区框，选取所要的内容。（2）单击线段，会选取线段中连续的部分；（3）双击线段，可以选中与线段相连的所有对象；（4）按住SHIFT键，可以添加选区。2、 使用索套工具选取在工具箱中选取索套工具后，在舞台上按下鼠标左键并进行拖动，如同使用铅笔工具样，画出一个区域，该区域中的对象并选中。3、移动：（1）选取对象后，可能使用鼠标来拖动到目标地；（2）按住SHIFT键可沿着45度移动；按下CTRL键可复制出对象；（3）选取对象后，可以用方向键进行一个像素单位的移动，按住SHIFT键同时用方向键可移动8个像素单位；（4）使用信息面板可以进行精确定位。二、编辑图形线框1、 选择图形的后，打开属性面板，可以设置线的粗细和颜色。2、 直接使用墨水瓶工具也可以修改线的属性。3、 用箭头工具选中线后，当箭头接近线段时，会在箭头旁边出现直角或弧度，当是直角是表示可以将线段进行拉伸，当是弧度时，表示可以对线段进行变形。三、编辑图形的填充色。1、使用油漆桶工具。 （1）在舞台上画一个圆形或矩形；（2）选取油漆桶工具；（3）执行窗口|调色板，打开调色板面板；可以看到调色板面板中提供了四种填充模式：实线、线性、径向、位图。（4）在油漆桶工具的选项栏中，有几种填充模式，可以在不同情况下进行填充。2、使用笔刷工具。笔刷工具也可以为某一区域填充颜色，填充色可以是一种单色或渐变色。笔刷工具类似于用刷子画出的痕迹，它不同于椭圆和矩形，因为它只有填充颜色而无线框。笔刷工具有几个选项：标准模式：可以任何线条和色块上画；颜料填充：可以舞台上任何色块上画，但不影响任何线条； 背后填充：只能在舞台上空白的区域区；选择填充：只能在选择区域内填充；内部填充：只在从起始点到某一线被截断的区域内画。3、擦除图形。橡皮工具的模式：标准模式：可以擦除线条和填充色；擦除填充色：只擦除填充色，但不影响线条；擦除线条：擦除线条，不会擦除填充色；擦除所填色：只擦除选择区域内；内部擦除：只擦除从起始点到某一条线段被截断的区域内部，不擦除线条。四、元件【教学内容】1、 元件的创建和引入2、 元件的属性。【教学过程】一、认识元件。当我们在创作一部Flash动画时，一些素材需要反复的使用，旭果我们使用一次就重新制作一次，不但使工作变得繁杂，还使得作出的动画文件变得非常庞大。因此，Flash中引入了元件这个概念。我们将经常用的对象制作成一个元件，然后在制作动画时反复引用，一是减少了文件的大小，同时也起到了一改全改的效果。同时引用到舞台中的元件还可以设置颜色、透明度等属性，改变它的属性而不会变元件固有属性。元件的种类：1、图形：这类元件中可以是图形，也可以包括一段动画。但如果是动画在主场景中则需要与主时间轴同步。与就是如果主时间轴中停止了，它也就停止了。 2、按钮：按钮在时间轴中只有4帧，依次为：UP，OVER、DOWN，HIT，分别表示：未接触、接触、按下、应用范围。3、电影剪辑：它与图形相似，但本质区别在于，它可以独立于主时间轴来播放。元件可以嵌套。二、绘制元件。1、绘制图形。（1）执行插入|新建元件来插入元件；（2）选择元件为图形，起一个名称，确定；（3）进入元件编辑窗口，在舞台上绘制一个矩形。2、绘制按钮。（1） 执行插入|新建元件来插入元件；（2） 选择元件为按钮，起一个名称，确定；（3） 进入按钮编辑窗口，进行编辑。（4） 按钮分为个状态，分别为每一帧的对象改变颜色。3、绘制影片剪辑。与图形相似。制作一个线段不变长的动画。三、元件库。元件创建后，都进入了元件库以备调用。1、 打开元件库：执行：窗口|库或按F11键。2、 元件库中有刚才绘制的三种元件，选中其中一种可以在窗口中预览。3、 要使用元件，可以从元件库中用鼠标拖到舞台上。4、 要编辑，可以在元件库或舞台上直接双击元件。元件库面板下的按钮分别代表：新建元件，新建项目、修改属性、删除。四、元件属性的编辑。 元件可以从元件库中反复调用，调用到舞台上的元件可以设置它的属性。如：颜色、亮度、透明度等。这些设置都元件库中的元件本身不会影响。选中元件后，单击属性面板，就可以对它进行各项设置。五、实践：创建三种不同的元件，分别设置它们的属性。五、绘图练习【教学内容】绘图练习。【教学过程】一、绘制长方体。步骤：1、新建一个图形元件，起名为长方体。2、选择矩形工具，设置描绘色为黑色，填充色为无色。3、在舞台上拖出一个矩形。4、添加一层为层2，选取层1，执行编辑|拷贝，然后选择层2，执行编辑|粘贴到当前位置；5、单击层2，按住SHIFT键，移动光标将层2的矩形向右上移动。6、选取直线工具，将两个矩形的顶点进行连接。7、用鼠标选取长方体内的三条线，设置属性为虚线。8、单击场景标签，回到主场景，按下F11键，可以看到长方体已经在元件库中，可以将它拖入主舞台。二、绘制圆锥。 步骤：1、新建一个图形元件，起名为圆锥。2、选择矩形工具，设置描绘色为黑色，填充色为无色。3、在舞台上拖出一个矩形。4、选择直线工具，在矩形中画一条与上下边垂直的直线；5、分别选择矩形的左右中间的三条线段，执行窗口|排列，打开排列命令，对三条线段进行水平平均分布；6、用直线工具连接中点与下面的两个顶点，删除多余的线段；7、执行查看|标尺，拖出两条参考线，分别位于三角形的下顶点；8、新建一层，选取椭圆工具，在两条参考线中间绘制一个椭圆，用方向键进行上下移动，使椭圆正好与三角形底边重合。 9、删除多余的线10、选择填充工具进行线性填充。12、 将内部的线设置为虚线。三、练习：练习绘制一个试管。六、文字编辑【教学内容】文字编辑。【教学过程】一、输入文本。1、在工具箱中选取文字工具，在舞台上单击，在光标处就可以输入文字。2、当文本框右下角是圆形是，表示该文本框没有宽度限制；当订于框是右下是矩形是，表示该文本框是固定宽度的。双击矩形可变圆形，拖动圆形可变矩形。3、 可以通过属性面板来定义文字的属性。二、Flash中文字的格式。1、在Flash中，文字是一个特殊对象，它不是图形，是一个整体。我们可以将文字变为图形，即打散文字。打散后的文字就是一个矢量图形，不能再定义字体。但可以和图形一样进行填充等修改。2、 字的打散。 执行修改|分配到组件两次即可打散文字。打散后，可以和图形一样进行各种操作。三、文字编辑。1、 书写数学公式：y=ax2+bx+c.先输入y=ax+bx+c，再输入上标2。2、 制作浮雕字。设置文件背景色为灰色，文字分为三层，第一层为白色，第二层为黑色，第三层为深蓝色。移动一二层，产生浮雕效果。3、 制作空心字。将字打散，给文字描绘边线色，再将边框里面的着色清除。4、 制作填充字。将字打散，执行修改|变形|柔化边缘填充，将中间部分放在另一层，然后进行渐变填充。七、帧和层【教学内容】帧和层的概念。【教学过程】一、 帧。1、帧的概念。所谓动画，就是一系列相似的图画快速地逐帧显示出来，因为人的眼睛有0.1秒的视觉暂留，所以看上去就像是物体运动起来了。其实，现在的电影就是以每秒24张的速率放映出来的图片，这每一张图片就叫做一帧。在Flash中，帧的概念与电影中的帧的概念一样，都是一张静止的图片。帧是组成成功画的基本单位。理解帧的概念并使用好帧是制作Flash动画的关键。2、帧的分类：帧可分为关键帧、空白关键帧、扩展帧。（1）关键帧：用一个小黑点表示。它里面可以放图形声音文字等，也可以设置标签、注释、添加程序代码。 （2）空白关键帧：不包含任何对象的关键帧，但可以设置标签、注释、添加程序代码。（3）扩展帧：由前面的帧扩展而来的。如果前面是关键帧，则扩展帧的内容与前面关键帧的内容相同。若前面是空白关键帧，则扩展帧中无内容。扩展帧的内容不能修改，要修改则要转换为关键帧。3、帧的插入、复制、粘贴、剪切等操作。（1）帧的插入：在时间轴上单击要插入帧的位置；选取插入菜单中的命令。F5为插入扩展帧；F6为插入关键帧；F7为插入空白关键帧。（2）帧的选取：只有关键帧和空白关键帧可以单独选取，若单击的是扩展帧，则会选中所有连续的帧序列。按下CTRL，可选取多层中的连续帧。（3）帧的剪切与复制。4、帧的练习。在Flash中练习帧的各项操作。二、层。1、层的概念。前面我们讲制作许多图形元件，在大多数情况下我们创建一个新元件的时候，都会在新的层上制作，在不同层中制作的好处在于，即使两个元件相互交叠也不会影响元件本身的形状等属性。层是动画中一个很重要的概念，它就像是一张张叠在一起的透明的有机颜料纸，创作动画所需的元件就绘制在这些透明的纸上，透过最上层的纸可以看到下层的纸上绘制的元件，编辑其中一张纸上的元件，使其发生改变，但不会影响到其它层中的元件。你可以根据动画的需要来无限制的增加层。你可以对层进行隐藏、锁定、以线框方式显示层的内容，还可以调整层的排列顺序。在Flash MX中最新增加了层目录，用它可以将相同作用的层放在一个目录中，这样就节省了地方。2、层的操作。（1）新建一层。直接单击时间轴下的增加层的按钮。（2）为层重命名。双击层的名称，然后输入新的名称，即可。（3）选择层。单击层的名称，或单击层中的某一帧或单击舞台中的某一文件。（4）删除层。选中所要删除的层，单击时间轴下的删除按钮即可。 （5）其它操作。隐藏、锁定、以线框方式显示所有层中的内容。3、层的练习。将上面的帧的练习中的文件增加一层，对层的操作进行练习。八、动画【教学内容】1、 动画的分类。2、 逐帧动画。【教学过程】一、动画的分类。在Flash中把动画分成三类，一类是逐帧动画；二是移动渐变动画；三是形状渐变动画。后两者统称为自动生成动画。：（1） 逐帧动画。就是一帧紧跟一帧，即由连续绘制的画面连续出现来构成动画。这种动画可以制作一些特殊效果，但动画的工作量十分大。（2） 移动渐变动画。元件经过移动来实现。帧格以浅蓝色半透明色显示。（3） 形状渐变动画。一个元件经过变形成另一个元件实现。帧格为浅绿色半透明色显示。若生成的动画失败，帧格以虚线显示。二、逐帧动画。 1、闪烁的文字。（1） 新建一个文件，设置电影属性为：背景色为棕红色。（2） 用文本工具输入文字逐帧动画，并设置文字为：黑体、20，白色。（3） 单击第4帧，按F6插入关键帧，设置文本为黑色，（4） 拖动鼠标选中这4帧，单击右键，选择拷贝帧，（5） 单击第7帧，单击右键，选择粘贴帧，这样第5、6帧将自动扩展为第4帧的内容；然后我们每隔2帧进行粘贴帧，（6） 按下CTRL+ENTER，观看生成的霓虹灯灯似的效果。2、打字效果。（1） 建一个文件，设置为：帧频：4，背景色为深蓝色。（2） 用文本工具输入一段文字，设置为：白色。 （3） 插入关键帧，有几个文字就插入几个关键帧，然后删除各帧多余的文字，这样直到最后一帧把所有文字都显示了来。（4） 测试效果。三、练习。将范例中的两个例子反复进行练习，达到能够熟练应用。九、移动渐变动画【教学内容】移动渐变动画【教学过程】一、移动渐变动画的特点。世许你是第一次听到这个名词，什么是移动渐变动画呢？下面我们就通过实例来认识它。首先要注意的一点是：移动渐变原理是根据元件属性的改变来形成动画的，因此，第一个条件是：对象必须是一个从元件库中引用的元件。二、移动渐变的动画。1、实例1：运动的圆形。（1）新建文件，创建一个图形元件-圆形，从元件库中拖到舞台的左边；（2）单击第20帧，按下F6键插入一关键帧，将圆拖到舞台右边，调转换面板将它放大；（3）在两关键帧之间单击右键，选择创建动画动?quot;。2、实例2：翻转字。（1）新建一个文件，在舞台中间输入一段文字，设置属性：大小48，黑色，楷体。（2）选取该文本，选择插入|转换成元件或按F8，设置属性，将文本转换为图形元件。这是该文本即为元件。（3）在第十二帧插入关键帧，并将文本的位置移动到右下，选中文本元件，在属性面板中设置它的透明度为0%。（4）在时间轴上单击右键，选择创建动画动作，使之形成移动渐变效果。（5）测试效果。（6）在时间轴的第25帧插入关键帧，选择文本元件，设置属性为：透明100%，并执行窗口|转换将文本缩小为：50%，将文本拖到舞台右上角? （7）在时间轴上单击第12帧，打开属性面板，选择：移动、顺时针、2次，使之形成移动渐变效果。（8）测试效果。三、总结：在设置移动属性时，要打开属性面板，其中有几项设置需要注意：1、简易：指的是运动时速度是先快后慢，还是先慢后快。2、帧标签：在帧的下面可以设置帧的标签，这有利于在程序中进行定位。3、通过移动渐变动画可以设置元件的位置、大小、颜色、透明度、翻转等效果。四、练习。1、 创建一个车轮滚动的动画；2、 创建一个文本从大到小，由不可见到可见的动画。十、形状渐变动画【教学内容】形状渐变动画【教学过程】一、 形状渐变动画的特点。形状渐变动画侧重于形的变化，也就是说对象必须是图形。如果想对文本、组、元件进行形状渐变，需要先将其打散转换为图形，然后再进行形状渐变了。二、实例：1、 圆变矩形的动画。在舞台上第一帧画一个圆，然后在第二十帧插入一关键帧，删除二十帧中的圆，重新画一个矩形，选择第一帧，设置属性为形状渐变。测试效果。2、圆变大、改变颜色的动画。新建一个文件，创建一个元件-图形圆。从元件库中将它拖出，然后进行打散，在第二十帧插入关键帧，用变形工具将它放大，并改变填充颜色。选择第一帧设置为形状渐变。测试效果。3、小结：在形状渐变中同样可以实现位置、大小、颜色的动画。与移动渐变不同的是形状渐变可以实现几何图形的形状的变化，而移动渐变却无法实现。4、文字的形状渐变。文字的形状渐变与图形的方法有点区别，文字在Flash中作为的是一个组，所以在形状渐变时必须先打散，然后再进行形状渐变。新建一个文件，在舞台上输入文字A，然后在第二十帧插入关键帧，修改文字为B，再对第一帧和第二十帧的文字进行打散处理。设置形状渐变动画。5、在形状渐变中添加提示点。为了使形状渐变能够按照我们的想法进行，我们可以在形状渐变时添加形状渐变控制点。添加时只能在关键帧，执行修改|外形|添加形状提示。三、练习。将本课节所讲的几个范例试着自己多做几遍。十一、沿轨道运动动画【教学内容】沿轨道运动动画【教学过程】一、沿轨道运动动画的特点。在Flash中提供了两种特殊的动画方式，一是轨道运动，二是遮罩动画。轨道动画就是让元件沿着一定的路径运动。这里需要大家先熟悉一个概念-引导层。引导层用来设置元件运动的路径，它必须是一个图形（一般为线段），不能是其它元件。引导层永远放在被引导层的上一层，被引导层即是放置沿路径运动的对象，其路径即为引导层中的路径。二、实例：1、作圆周运动的小球。新建一个元件，绘制一个小球；拖入舞台。单击层面板上的添加引导层，绘制一个空心圆，并选中其中一部分删除，制作成一个不闭合的曲线。单击第30帧，使它扩展到第30帧。选中第一层，在第30帧插入关键帧，并设置为移动渐变，分别拖动小球到曲线的两端。然后进行测试效果。2 、总结：在制作轨道动画中，运动的元件的拖放要十分注意，元件的中心要与引导线的重合，不然就不能产生效果。引导层的内容不会被导出，因些产生的动画文件无法看到引导线。三、练习。本课所讲解的轨道层的设置，有些难度，所以多做几个练习来练习。1、让一矩形沿一圆形做运动。2、 让一个字摆动。十二、遮罩层动画【教学内容】遮罩层动画【教学过程】一、遮罩层动画的特点：遮罩层动画是Flash中一个十分重要的动画方式，也是经常使用到的一种动画。遮罩层动画的意义是：用一个对象被另一个对象遮盖，而与平常不同的是只有遮盖的部分才能看到。二、实例：1、做一个滚动字幕的动画。输入有10行的文本，转换成元件，做成向上运动的动画；添加一层，画一个矩形，约有5行文字高；单击右键设置矩形层为遮罩层。测试动画。2、探照灯效果。创建一个新文件，在第一层输入一段文字；新建一层，新建一个元件：小圆，无边线，打开调色板，设置为径向填充；打开库，将元件拖入舞台中，与文字在一个水平线上，制作一个小圆运动的动画，小圆的结束位置设置在最后一个文字的后面。右第二层上单击右键，设置为遮罩。测试效果。3、小结：通过以上两个实例，我们可以看出遮罩层可以是图形也可以是元件，同