flash教案.docx

1、flash教案第0章 绪论教学目的 了解Flash 的发展过程 了解Flash 8的主要新特性 了解Flash 的基本概念 熟悉Flash 8的操作环境0.1 Flash 概述1.Flash 的起源与发展Flash的前身是Jonathan Gay在学生时代编写的绘图程序SuperPaint II；1993 Gay成立了自己的公司FutureWave ；1995 开始动画软件的开发，并将其绘图软件SmartSketch更名为FutureSplash Animator；1996 与Macromedia公司 合作将并将FutureSplash Animator更名为Macromedia Flash

2、1.0；之后版本不断升级，从Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash MX、Flash MX 2004到现在的Flash8。2.Flash 的功能特点Flash以其独特的特点并广泛用于网络动画设计和多媒体创作领域中： a) 可以让网页中一个完全交互式的多媒体网站 b) 采用矢量技术制作动画，可以任意缩放尺寸而不影响图形的质量 c) 采用流式播放技术，可以边下载边播放，降低了对网络带宽的要求，减少了网页浏览的等待时间d) 使用关键帧和元 件使动画在打开网页很短时间内播放e) 把音乐、动画、声效等交互方式融合在一起创作出动画效果f) 通过Actio

3、n和FS Command可以实现交互性，使Flash具有更大的设计自由度g) 并通过 Dreamweaver可直接嵌入网页的任一位置，非常方便 0.2 Flash 的基本概念1.矢量图与点阵图 矢量图形：是用称为向量的直线或曲线来描绘图像，是分辨率独立性的 点阵图形：是以称为像素的彩色点来描绘图像，是非分辨率独立性的 2.帧帧 （Frame）：Flash动画是由一帧一帧的画面组成的，它相当于电影的一条胶片，连续起来就成了动画。在其中采用了关键帧技术（Keyframe），在Flash 8的时间轴上可以很清楚地看到每一帧的分布情况。 不同的图标可以区分不同的帧。不同类型的帧在动画中所起的作用也不同

4、。3.元件元件（Symbol）：在Flash中元件是整个动画的基础部分，将编辑的对象作为元件，并且放入库中，可以随时对它进行编辑，编辑后动画中的相应部分也跟随变化，设计完成后，最终形成完整的动画 Flash中元件分为三种形式：图形（Graphic）：最常用，用于创建静态元件，并且可以引用外部的图片来作为元件 按钮（Button）：用于创建动态交互按钮的形式，即在鼠标处于不同的位置产生不同的响应 电影剪辑（Movie Clip）：是动态视频剪辑元件 ，不同于上面两种形式的是它有自己独立的时间轴，是动态的元件形式4.层层（Layer）：是在近期的图形处理软件中较常见的名词 在动画中有多个对象需要处

5、理编辑，为了便于处理和控制各个对象的出场顺序以及在时间轴上的停留时间，用层技术可以更好地实现这一目的，减少编辑的出错机会5.库库（Library）：在Flash中库是用来存放元件的 可以通过选择“窗口”“库”命令来实现对元件的调用 可以通过选择“文件”“导入库”命令来将外部的元件导入指定的图片库中0.3 Flash 新增功能1.Flash 8新增功能 1) 逐渐增强 是用户能够对舞台上的对象应用复杂的渐变，最多可以向渐变添加 16 种颜色，精确控制渐变焦点的位置，并对渐变应用其他参数 2) 对象绘制模型 在舞台上直接创建形状，不会与舞台上的其他形状互相干扰 3) FlashType 一种提供清

6、晰、高质量字体渲染的引擎功能 提高了可读性4) 脚本助手模式 脚本助手提供了一个可视化用户界面，用于编辑脚本，包括自动完成语法以及任何给定操作的参数描述，使用户能在不太了解ActionScript 的情况下也能创建脚本5) 扩展的舞台工作区 用户可以使用舞台周围的区域存储图形和其他对象，而在播放 SWF 文件时不在舞台上显示它们6) 文档选项卡 可以在同一个Flash应用程序窗口中打开多个Flash文件，并使用位于窗口顶部的“文档”选项卡在它们中间进行选择7) 改进的“首选参数” 对话框 精简了“首选参数”对话框的设计，对其进行了重新布置，使其更加简明好用8) 单一库面板 精简了“首选参数”对

7、话框的设计，对其进行了重新布置，使其更加简明好用9) 改进的发布界面 简化后的“发布设置”对话框使得对SWF文件发布的控 制更加轻松。10) 对象层级撤销模式 可以逐个跟踪在 Flash 中对各个对象所做的更改 2.仅在Flash Professional 8中新增的功能 1) 自定义缓动控制补间：可以轻松、直观、精确地控制在时间轴中应用的补间如何影响被补间的对象在舞台上的外观，可以创建其他的复杂补间效果2) 图形效果滤镜：通过使用内置滤镜特效可以创造更具吸引力的效果和效果组合设计。它是应用于MovieClips和文字字段的可视化特效，是Flash Player本身支持并进行的实时渲染3) 混

8、合模式：使用混合模式更改舞台上一个对象的图像与位于它下方的各个对象的图像的组合方式4) 位图平滑：当位图图像显著放大或缩小时，它在舞台上的外观就有了很大改善 5) 位图缓存：通过将对象标记为位图而不必要重新渲染矢量对象，在动画运行的过程中节省了处理器计算矢量图形的时间。但对象作为位图被缓存后，其所包含的矢量数据仍然保留，随时都可以再次转化为矢量6) 改进的文本消除锯齿功能：可以应用新的消除锯齿设置使正常大小和较小的文本在屏幕上更清晰易读7) 新的视频编码器：Flash Professional 8 附带了一个新的视频编码器应用程序，可以方便地将视频文件转换为Flash视频（FLV）格式。该应用

9、程序还可以用来执行视频文件的批处理8) 视频Alpha通道支持：可以为视频对象使用 Alpha 通道，从而创建透明效果以及动态演示，如烟雾、焰火等特效0.4 Flash 8的操作环境 1.Flash 工作界面简介2.工具栏工具栏：用简单的图形按钮代表一些常用的命令和程序，以便创作时可以轻松地通过点击鼠标左键来完成相关命令3.菜单栏 菜单栏：Flash 8中文版的菜单与Windows操作系统的菜单非常相似 第1章 对象操作教学目的 了解对象操作的基本概念 掌握对象操作的基本命令1.1选择对象1.箭头工具用选取工具选择对象时存在以下3种情况：a) 当单击或者拖动鼠标框选对象时，被选中的部分以点的形

10、式显示，说明所选对象是打散的图像b) 单击对象，被选中对象的四周出现蓝色的实线框，说明对象是元件或组合的图形c) 单击对象，被选取的对象四周以花框显示，说明选取的对象是导入的位图 不同选择对象情况的比较 2.贝兹选取工具位于绘图工具栏第一行的右边，也是选取工具一种，其主要功能是改变对象的形状选中的直线或图形对象将显示其锚点，通过拖拉锚点来改变图像的形状 贝兹工具选取对象3.套索工具套索工具：选取工具的一种，与箭头工具相比它有一个较为突出的优点， 即用户可以自己徒手画一个范围来选择对象 所画的区域可以是闭合的也可以是不闭合的，如果区域不闭合的话，Flash自动将其闭合 1.2 移动、复制和删除对

11、象 1.移动对象移动对象的方法：1) 使用鼠标移动对象2) 使用方向键移动对象3) 使用信息面板移动对象4) 在X、Y编辑框中输入要移动的位置，然后按Enter键 2.复制和粘贴对象选中图像选择“编辑”“拷贝”，将图像复制到Windows剪贴板上 选择“编辑”“粘贴”，将复制的图像粘贴到场景中选择“编辑”“粘贴到当前位置”，将拷贝的图像原位粘贴到场景中选择“编辑”“选择性粘贴”，可进行选择性粘贴，其操作过程和Word字处理软件相似。Flash可以按照指定格式粘贴或嵌入剪贴板中的内容。还可以创建对象链接，以连接电影中的信息 3.删除对象先选中对象，再按照以下4种操作之一操作即可删除对象：1) 选

12、择“编辑”“清除”2) “编辑”“剪切”命令3) 按Delete 键4) 按Backspace键，即可1.3对象组合选取场景中要组合的对象选择“修改”“组合”命令，组合选中的对象选择需要组合的对象 对象组合成一个整体选择“编辑”“编辑所选项目”命令，或双击所选区域，可以发现只有属于该组的对象才正常显示。此时，用户只在“组合”的操作场景中。工作区左上角的场景标记右侧出现多了一个组标记 编辑完成后，选择“编辑”“编辑全部”命令，可以回到场景编辑状态 选择“修改”“取消组合”命令，可以取消对象组合群组场景 1.4 叠放和对齐对象1.叠放对象在Flash中，同一层里，后画的图形会覆盖先画的图形；如果组

13、成了群组，则后画的图形不会覆盖先画的图形如果需要调整各群组之间的层次顺序，可以先选中要调整的群组，然后选择“修改”“排列”命令，这时会弹出子菜单 排序子菜单例如先画一个椭圆，然后再画一个与之相交的椭圆并移动，可以看到原来圆中相交部分被覆盖了如果使用“锁定”命令使该群组不参加排序，则用户无法改变它的叠放顺序后画的图形覆盖先画的部分 在第一个椭圆画完后选中，然后选择 “修改”“组合”命令，使之组合为一个群组。然后再画相交的椭圆并移动它，可以看到，移动后，前一个椭圆仍然是完整的群组不会影响其他图形对象 2.对齐对象Flash 8中，可以通过对齐命令对多个选定对象进行对齐排列 可以通过如下方式打开对齐

14、面板 ：1) 单击工具栏中的“对齐”按钮2) 选择“窗口”“对齐”命令3) 选择“修改”“对齐”的子菜单中的具体命令 对齐”面板举例如下：选取绘图工具箱中的椭圆工具和矩形工具，在场景中随意画几个图形选取工具箱中的箭头工具，将绘制的图形全部选中选择 “窗口”“对齐”命令，打开对齐控制面板，在控制面板中单击上对齐按钮 绘制的图形 上对齐1.5旋转对象、调整对象比例 1.旋转对象 实现旋转有两种方法：1) 直接用鼠标拖拽2) 使用变形面板精确地旋转角度 2.调整对象比例调整对象比例有两种方法：1) 通过鼠标拖动进行2) 在变形面板中输入数值来进行实例：选择“文件”“导入”命令，导入一张图片 选中导入

15、的图形，然后选中绘图工具箱中的任意变形工具，或者单击“修改”“变形”“任意变形”命令 ，出现旋转手柄 导入图形 旋转手柄3将鼠标移动到旋转手柄上，当鼠标显示成旋转的箭头时，就可以顺时针或逆时针移动鼠标，对象也跟着转动，转动的中心为对象的中心 4拖动图像四边的中点，可以沿水平或垂直方向倾斜图像 5将鼠标移动到边上，变成一个平行符号，此时拖动鼠标，可沿该方向倾斜 旋转对象 倾斜图像6选择“修改”“变形”“缩放与旋转”命令打开 “缩放与旋转”对话框。在编辑框中分别输入缩放比例和旋转角度，即可精确旋转所选图像 “缩放和旋转”对话框 7选择“窗口”“变形”命令，打开“变形”面板，在编辑框中输入倾斜角度，

16、并单击“复制并应用转换”按钮 “变形”面板 倾斜并复制图像 8选中对象，然后选择“修改”“变形”“垂直翻转”命令，然后再作“水平翻转” 水平翻转和垂直翻转 1.6 打散对象 打散对象：即分离组件，使将组、文本、位图、元件以及 从外部嵌入的对象转换为可以编辑的元素，从而减小图形的大小如果将导入的位图打散，则意味着将导入的位图转换为元件，相当于使用绘图工具绘制的图形，所以可以使用绘图工具对其进行进一步操作如果打散的对象是从其他应用程序链接过来的，对象将切断与源应用程序的链接，而直接嵌入到Flash作品中去举例：选中图像选用橡皮擦工具，擦除图像。结果是图像不可擦除选择“修改”“分离”命令，将位图打散

17、再选择橡皮擦工具，则可以将图像擦除 位图打散后可擦除 第2章 绘图教学目的 掌握绘图方法 会使用绘图工具箱、直线工具、椭圆工具、矩形工具、铅笔工具、钢笔工具、画刷等2.1 绘图工具箱2.2绘制直线、椭圆和矩形 1.直线工具例子来学习直线工具的用法 ：选中绘图工具箱的直线工具在舞台上单击一点作为直线段的起点，拖动鼠标到某一位置放开，即可看到一条直线段。在舞台下方的属性面板中为直线工具的属性选项，包括颜色、粗细、线型等 直线工具属性面板2.椭圆工具在绘图工具箱中，用椭圆工具来绘制椭圆和圆形 椭圆工具属性面板3.矩形工具矩形工具可以绘制各种矩形和正方形 绘制矩形的操作和绘制椭圆的基本相同，如下：选取

18、工具箱中的矩形工具在舞台上拖动鼠标绘制矩形，当按下Shift键时绘制正方形绘制的矩形和正方形将填充颜色改为背景色，则绘制出空心图形 选择工具箱下选项区中的圆角半径工具，打开“矩形设置”对话框，设置矩形的圆角半径如边角半径为20。确定后，画出的矩形如图“绘制圆角矩形” 绘制空心矩形 矩形设置 绘制圆角矩形 2.3使用铅笔、钢笔和笔刷画图 1.铅笔工具铅笔工具是常用的画线工具铅笔工具有3种绘图模式：1) 伸直：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、椭圆和矩形等规则线条中最接近的线条 2) 平滑：适于绘制平滑曲线，将曲线的抖动部分忽略 3) 墨水瓶：徒手模式，适用于绘制接近徒手画出

19、的线条 选取铅笔工具在选项区中选择铅笔工具的绘图模式分别选取3种模式，在舞台上拖动鼠标绘图 绘图模式 3种绘图模式的比较 2.钢笔工具使用钢笔工具能够绘制多节点曲线，并能够增加和删除曲线上的节点。通过锚点的控制可以准确地绘制直线和平滑曲线 使用方法：选取工具箱中的钢笔工具在场景中单击鼠标后放开，设定第一个点位置，然后在另一点单击，则两点自动连成直线 在场景中单击并拖动控制手柄，松开鼠标，然后在另一点单击并拖动控制手柄以调整曲线，则绘制一条曲线，两点的控制手柄与曲线相切 使用钢笔工具绘制曲线 按下Ctrl键，然后单击，或者直接单击曲线，当鼠标移动到曲线上时，在光标右下角将出现一个“+”号，单击曲

20、线，可以增加一个锚点当鼠标移动到锚点上，在鼠标的右下角出现一个“”号，单击，即可删除该锚点3.笔刷工具使用笔刷工具可以产生毛笔画出来的效果，可以对绘制的图形上色，还可以创造出许多特殊的效果 笔刷工具的选项 笔刷工具的工作模式 笔刷工具五种工作模式： 标准绘画：笔刷画出来的图线覆盖先画的图线和背景颜色。图（a）为原有图形，图（b）为使用标准绘画模式绘制线条后的效果图 颜料填充：笔刷只能在空白和原有的颜色填充区域画线，原有图线将被保留，透过笔刷颜色显示出来，如图（c）所示 后面绘画：笔刷在空白区域画线，而其线条和图形将保留原状态不变，如图（d）所示 颜料选择：笔刷将填充选择的部分，所以在填充前必须

21、先选择一个图形区域 内部绘画：笔刷画出的线条只能在起始点所在的图形区域内有效，如果起始点在空白区域，那么只能在空白区域内画线，现有图形区域将不受影响 笔刷模式效果 3.4 使用颜色与填充 1.使用颜色颜色有两种类型：固定色和渐变色 （1）“混色器”面板：颜色的基本操作主要通过“混色器”面板来实现 单击混色器右上角的 按钮，弹出右图所示的菜单。通过这个菜单进行色彩、透明度、色度、饱和度和亮度的设置“混色器”面板 “混色器”弹出菜单 （2）填充和描绘混色器面板 单击“混色器”面板中的笔触颜色工具和填充颜色工具，或者单击绘图工具箱中的笔触颜色工具和填充颜色工具，将弹出如下左图所示的混色器，用户可以从

22、中选择一种色彩进行填充或描绘。如果描绘和填充颜色混色器中没有想要的颜色，需要自己调制时，可以单击面板右上角的小图标，进行颜色调制。弹出的对话框如右图所示 描绘和填充颜色混色器 颜色调制面板 （3）“颜色样本”面板 “颜色样本”面板如图所示，其中每个小方格内为一种已经存在的颜色，下方为渐变色，可以从中选择需要的颜色 “颜色样本”面板 （4）混色器的导入和导出 Flash的混色器可以导入和导出，可以分为以下两种情况： 在Flash文件之间：可以使用Flash颜色集文件（CLR文件）导入和 导出RGB颜色和过渡颜色 在Flash和其他应用程序（如Adobe Photoshop）之间，可以使用颜色表文

23、件（ACT文件）导入和导出RGB混色器。但是不能从ACT文件导入和导出过渡色 导入混色器的步骤如下： 在“颜色样本”面板右上角的弹出菜单中选择（ 添加颜色，替换颜色）命令之一在弹出的选择菜单中选择替换的颜色 导出混色器的步骤如下： 从“颜色样本”面板右上角的弹出菜单中选择“保存颜色”命令在弹出的“导出色样”对话框中，输入混色器名称，然后在保存类型中选择“Flash颜色设置（*.clr）”或“颜色表格（*.act）”文件单击“保存”按钮 2.使用颜料桶工具 颜料桶工具选项 不封闭空隙：不封闭缺口，只有区域完全闭合时才能填充封闭小空隙：封闭小缺口，当区域存在较小的空隙时才可以填充封闭中空隙：封闭中

24、等缺口，当区域存在中等缺口时可以填充封闭大空隙：当区域存在大缺口时可以填充使用颜料桶工具 （1）单色填充单色填充的使用方法如下： 选取工具箱中的铅笔工具 绘制一个图形选取工具箱中的颜料桶工具 ，在填充控制面板中设置填充颜色为绿色，选择合适的缺口封闭模式进行填充 绘制图形 单色填充 （2）渐变填充渐变填充和单色填充相似，只是在选择填充颜色的时候要选择渐变色 渐变填充的使用方法如下：选取铅笔工具，在舞台上绘制一图形选择颜料桶工具，在颜色选项区中单击填充颜色按钮，从弹出的“颜色”面板中选择绿色径向渐变色，或直接在“混色器”面板中选取该颜色单击绘制的图形，将其填充 绘制的图形 径向渐变填充 （3）位图

25、填充 Flash 8除了单色填充和渐变填充外，还提供了位图填充功能，也就是用某个位图来填充区域 位图填充的使用方法如下：选取工具箱中的椭圆工具，然后在舞台上绘制一个椭圆选择“文件”“导入”命令，打开“导入”对话框，选择一个紫荆花位图图像将其导入选中导入的图像，然后选择“修改”“分离”命令，将导入的图像打散导入并打散的紫荆花位图 选用工具箱中的滴管工具，然后在紫荆花位图上单击，这时将自动选中颜料桶工具，在颜色选项区中的填充颜色按钮上显示的不是一种单色或渐变色，而是刚才用滴管拾取的位图的缩略图单击绘制的椭圆，则位图将椭圆填充 位图填充的椭圆 3.使用滴管工具滴管工具的作用是拾取工作区中已经存在的某

26、种线条或填充样式，并将其应用于下次绘图中。使用时，只需把滴管工具移动到需要取色的线条或图形中单击即可 选中滴管工具后，鼠标的形状随鼠标所在的位置不同而不同：当鼠标在空白区域时，鼠标的形状是一个滴管，此时单击鼠标是无效的当鼠标移动到某个线条上面时，鼠标将变成一个滴管和一支笔的形状，此时单击鼠标吸取的是线条的属性，这时工具将变成墨水瓶工具当鼠标移动到图形填充上时，滴管的右下方会出现一个刷子，单击鼠标，光标处填充的颜色属性就被吸取了，这时的鼠标形状会变为颜料桶，可以使用选取的颜色填充图形 （a）滴管工具的鼠标滴管工具的使用方法如下：用滴管工具选取图（a）中的线条颜色，然后再选取椭圆工具绘制一无填充椭

27、圆图形，如图（b）所示，发现其线条和图（a）中的线条相同选取图（a）中的填充色，然后单击图（b）中的椭圆图像，填充结果如图（c） 所示 （b）绘制图形 （c）填充图形 4.使用墨水瓶工具墨水瓶工具可以以一种单色修改图形中已经存在线条的属性，或为一个区域添加封闭的边线 墨水瓶工具的使用方法如下：选取椭圆工具，绘制一无填充的椭圆和一无边线的椭圆填充区域，如图（a）所示（a）绘制图形 单击绘图工具箱中的墨水瓶工具按钮，然后在属性面板中修改笔触颜色、线型和线宽等参数，设置线宽为6，线型为实线，颜色为蓝色鼠标变成墨水瓶的形状，然后分别在上面两个椭圆上单击，效果如图（b）所示，无填充的圆周变成墨水瓶所设线

28、型，而无边线的填充区域被自动加上一边线，边线属性同墨水瓶属性（b） 墨水瓶工具修改后的图形 2.5橡皮工具 可以将场景内的所有图形擦除 也可以有选择地擦除一个填充区域、一条线等橡皮工具五种擦除模式：标准擦除：把处于同一层的图形都擦除，但文字不受影响 擦除填色：仅擦除填充区域，线条不受影响 擦除线条：仅擦除线条，填充区域不受影响 擦除所选填充：仅擦除图形中选中的填充区域，无论线条是否被选中都不受影响 内部擦除：仅擦除鼠标拖拽的起始点所在的填充区域，线条不会被擦除。如果起始点落在空白处，将不擦除任何图形橡皮工具选项 橡皮工具的使用举例如下：选中绘图工具箱中的椭圆工具，绘制一个椭圆，如图（a）所示选

29、中橡皮工具，在选项中选择水龙头按钮，分别在场景中的填充区和边线上单击来删除填充区和边线，如图（b）所示 （a）绘制的椭圆 （b）水龙头工具擦除 先后选中5种擦除模式，在选中图形的基础上对图形进行擦除，其效果如下图（c）所示 （c）5种擦除模式效果 第3章 使用文本教学目的 掌握为电影动画键入文字，设定字体、颜色、消除锯齿等 掌握处理字体变形 掌握对字符进行编辑，打散字体制作变形动画 3.1创建文本Flash 8中三种不同类型的文本 ： 静态文本 动态文本 输入文本Flash 8中文本的两种输入方式 ： 不固定宽度的单行方式 固定文本宽度的输入方式 文本工具的使用方法 ：选择绘图工具箱中的文本工

30、具在舞台下方的属性面板中设置文本的属性文本工具属性面板在场景中单击，采用不固定宽度方式输入，文本框右上角的控制点为小圆圈 在场景中用鼠标拖出文本输入的宽度，此时使用固定宽度文本输入方式，在文本框右上角的控制点为小方形 不固定宽度输入文本 固定宽度输入 要编辑已存在的文字，只要选中文字工具后单击文本框区域即可用鼠标选中文字，可以使用“剪切”、“复制”、“粘贴”等命令来编辑文字 将属性面板中的“静态文本”更改为“动态文本”，然后用鼠标在场景中拖出一个文本框，输入文字 动态文本 输入文本的创建方式和动态文本相似，其文本区域的控制点也在文本域的右下角，为一小方块 。按相应要求输入文本即可3.2编辑文本1.编辑文字文本的编辑方法如下：选中文本工具，在场景中输入静态文本，如图（a）所示，其属性面板如图（b）