《flash简单讲义》由会员分享，可在线阅读，更多相关《flash简单讲义（28页珍藏版）》请在金锄头文库上搜索。
1、Flash 课件基础知识多媒体计算机课件集语言、文字、图片、动画、音乐、影像于一体,充分体现了人机交互性、教育性、趣味性、观赏性的特点。 一、利用多媒体课件创设学习情境 二、利用多媒体课件克服时空限制化难为易 三、利用多媒体课件帮助学生理解教学内容 Flash 以便捷、完美、舒适的动画编辑环境，深受广大动画和课件制作者的喜爱，在制作课件之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。 一、工作环境1工作窗口在“开始页” ，选择“创建新项目”下的“Flash 文档” ，这样就启动 Flash8 的工作窗口并新建一个影片文档。如图 1-11 所示。图 1-11 Flash
2、 8 的工作窗口Flash 8 的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏” ，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。 “标题栏”下方是“菜单栏” ，在其下拉菜单中提供了几乎所有的 Flash 8.0 命令项，通过执行它们可以满足用户的不同需求。 “菜单拦”下方是“主工具栏” ，通过它可以快捷的使用 Flash 8.0 的控制命令。 “主工具栏”的下方是“文档选项卡” ，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常
3、用的文件控制命令。如图 1-12 所示。 图 1-12 文档选项卡“文档选项卡”下方是“编辑栏” ，可以用于“时间轴”的隐藏或显示、 “编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图 1-13 所示。 “编辑栏”下方是“时间轴” ，用于组织和控制文档内容在一定时间内播放的图层数和帧数。 时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。 Flash 中有普通层、引导层、遮罩层和被遮罩层 4 种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。 1-13 时间轴“时间轴”下方是“工作区”和
4、“舞台” 。Flash 8 扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图 1-14 所示。 图 1-14 舞台工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为 8%，最大比例为 2000%，在下拉菜单中有三个选项， 【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素，如图 1-15 所示。图 1-15 舞台显示比例 选择工具箱中的【手形
5、工具】 ，在舞台上拖动鼠标可平移舞台；选择【缩放工具】 ，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和【缩小】 ，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图 1-16 所示。选择选择【缩放工具】后，按住键盘上的 Alt 键，单击舞台，可快捷缩小视图。图 1-15 工具箱 图 1-16 缩放工具的选项窗口左侧是功能强大的“工具箱” ，它是 Flash 中最常用到的一个面板，由“工具” 、 “查看” 、 “颜色”和“选项”四部分组成。如图 1-15 所示。 多个“面板”围绕在“舞台”的下面和右面，包括常用的【动
6、作】面板、 【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。 面板是 Flash 工作窗口中最重要的操作对象，下面我们逐一进行介绍（这里只节选了部分重点内容，详细内容请看中文版 Flash8 基础与实例教程（职业版） ） 。 二、Flash 8.0 基础绘图工具实例演练画一片树叶现在我们就来实践一下，练习画一片树叶。打开 FALSH 软件，系统会自动建立一个 FLASH 文档，在这里我们不改变文档的属性，直接使用其默认值。（1）新建图形元件执行【插入】|【新建元件】命令，或者按快捷键 CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称“树叶” ， 【
7、行为】选择“图形” ，单击【确定】按钮，如图 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 所示。再用 【线条工具
8、】绘制一个直线，用这条直线连接曲线的两端点，如图 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）编辑和修改树叶如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令撤销
9、前面一步的操作，也可以选择下面更简单的方法：用【箭头工具】单击你想要删除的直线，这条直线变成网点状，说明它已经被选取，你可以对它进行各种修改，如图 2-1-18 所示。要移动它，就按住鼠标拖动，要删除它，就直接按 DEL 键。按住 SHIFT 键连续单击线条，可以同时选取多个对象。如果要选取全部的线条，是否得按住 SHIFT 键挨个点击呢？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图 2-1-19 所示。 图 2-1-19 框选对象 图 2-1-20 【颜色】选项 图 2-1-21 调色板说明：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条
10、范围全部选取。 （4）给树叶上色接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗？如图 2-1-20 所示。单击【填充颜色】按钮 ，会出现一个调色板，同时光标变成吸管状，如图 2-1-21 所示。说明：你除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方吸取你所需要的颜色。 如果你觉得调色板的颜色太少不够选，单击一下调色板右上角的【颜色选择器】按钮 ，会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选到的颜色添加到自定义颜色中，如图 2-1-22 所示。图 2-1-22 【颜色】对话框在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对
11、话框右边的【调色板】中单击你喜欢的颜色，上下拖动右边颜色条上的箭头，移到你需要的深浅度上，单击【添加到自定义颜色】按钮，这个色块就被你收藏起来了。下一次要使用时，打开这个【颜色】面板，在自定义色中可以方便的选取你中意的颜色。好了，现在我们在调色板里选取绿色，单击工具箱里【颜料桶工具】 ，在画好的叶子上单击一下，看看什么效果，如图 2-1-23 所示。 图 2-1-23 填充颜色 图 2-1-24 填充色在封闭空间内 图 2-1-25 颜色填充后效果三、 逐帧动画 从本单元起，我们将逐渐给大家介绍 Flash8.0 中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动
12、画。本节着重介绍逐帧动画（Frame By Frame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如 3D 效果、人物或动物急剧转身等等效果。1逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图 3-2-1 所示。 图 3-2
13、-1 逐帧动画 2创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用 jpg、png 等格式的静态图片连续导入 Flash 中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）导入序列图像可以导入 gif 序列图像、swf 动画文件或者利用第 3 方软件（如 swish、swift 3D 等）产生的动画序列。 4奔跑的豹子茫茫雪原上，有一只矫健的豹子在奔跑跳跃，这是一个利用导入连续位图而创建的逐帧动画，如图 3-2-3所示。 图 3-2-3 奔跑的豹子 1、 创建影片文档
14、 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash 文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为 400*260 象素，【背景色】为白色，如图 3-2-4 所示。 图 3-2-4 创建新文档 2、 创建背景图层 选择第一帧，执行【文件】|【导入到场景】命令，将本实例中的名为“雪景.bmp”图片导入到场景中。在第 8 帧按 F5，加过渡帧使帧内容延续。 3、 导入 gif 动画 新建一层，选择第一帧，执行【文件】|【导入到场景】命令，将本教程中的“奔跑的豹子”系列图片导入。此时，会弹出一个对话框，如图 3-2-5 所示。 3-2-5 系列图
15、片导入 选择【是】按钮，Flash 会自动把 gif 中的图片序列按序以逐帧形式导入场景的左上角，如图 3-2-7 所示。3-2-7 导入的 gif 动画在场景的上方形成帧帧动画如图 3-2-8 所示是导入后的动画序列，它们被 Flash 自动分配在 8 个关键帧中。 图 3-2-8 导入的 8 张图片 4 、调整对象位置 此时，时间帧区出现连续的关键帧，从左向右拉动播放头，就会看到一头勇猛的豹子在向前奔跑，但是，被导入的动画序列位置尚未处于我们需要的地方，缺省状况下，导入的对象被放在场景坐标“0，0”处，我们必须移动它们。 你当然可以一帧帧调整位置，完成一幅图片后记下其坐标值，再把其它图片设
16、置成相同坐标值，如果你有足够耐性和时间，也无妨，那么，我们何不试试“多帧编辑”功能呢？ 先把“雪景”图层加锁，然后按下时间轴面板下方的【绘图纸显示多帧】按钮 ，再单击【修改绘图纸标记】按钮 ，在弹出的菜单中选择 【显示全部】选项，如图 3-2-9 所示。图 3-2-9 选择显示全部选项最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图 3-2-10 所示。图 3-2-10 选取多帧编辑 用鼠标左键按住场景左上方的豹子拖动，就可以一次把 8 帧中的图片一次全移动到场景中了。四、 形状补间动画形状补间动画是 Flash 中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概
