第7章 Flash操作基础.ppt

《第7章 Flash操作基础.ppt》由会员分享，可在线阅读，更多相关《第7章 Flash操作基础.ppt（57页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、PPT模板下载：/moban/ 行业PPT模板：/hangye/ 节日PPT模板：/jieri/ PPT素材下载：/sucai/PPT背景图片：/beijing/ PPT图表下载：/tubiao/ 优秀PPT下载：/xiazai/ PPT教程： /powerpoint/ Word教程： /word/ Excel教程：/excel/ 资料下载：/ziliao/ PPT课件下载：/kejian/ 范文下载：/fanwen/ 试卷下载：/shiti/ 教案下载：/jiaoan/ 字体下载：/ziti/ 第7章 Flash操作基础第7章 Flash操作基础本章内容提要：本章内容提要：Flash在网页中

2、的应用受到越来越人的关注，本章将对Flash 8进行概括性的介绍，希望通过本章的学习对Flash 8软件的工作界面、基本操作、基本工具的使用和基本概念有个感性的认识。本章的主要内容如下：lFlash基本概念与动画原理lFlash工作界面l图形的绘制与处理l作品测试与发布本章目标任务：本章目标任务：l掌握动画原理及Flash绘图工具的使用l掌握Flash中图形、声音素材的处理lFlash影片的发布和测试Flash是美国Macromedia公司推出的一款动画制作软件，它是目前使用最广泛、最受广大用户青睐的平面动画制作软件。用它制作的动画不但流畅生动、画面精美，而且对制作者的要求不是很高，简单易学，

3、因此在动画制作领域受到广大用户的青睐，Flash占据了动画制作的主流地位。Flash与Macromedia公司的Dreamwear，Fireworks一并被成为网页设计三剑客。1. Flash的基本概念的基本概念学习Flash要理解FLASH的最基本概念：帧、层、时间轴、符号和实例，深入理解这些概念的功能是掌握FLASH的关键。 (1) 关键帧关键帧定义了动画的变化环节，在帧面板上表现为实心圆点，而无内容的关键帧（即空白关键帧）则用空心圆表示。在关键帧和空白关键帧上可以加入动作脚本控制动画。(2) 普通帧普通帧显示为一个个的单元格用于延续前面关键帧的画面。(3) 过渡帧包括形状过渡帧和运动过渡

4、帧，过渡帧是在其前后两个关键帧之间又计算机自动计算生成的中间动画。1. Flash的基本概念的基本概念(4) 场景同一个动画中的各个不同工作区即为不同的声场景。可以理解为一个动画中互不影响的两个工作区域。(5) 元件flash动画中的主要动画元素，分为影片剪辑、按钮和图形三种类型，它们在动画中各具不同的特性与功能，元件是构建FLASH的砖瓦，是我们创作的基础，元件存在库中。(6) 实例当将一个元件从库面板当中拖到当前的舞台上时，这个元件就成了一个实例，这个时候我们就可以对实例进行一系列的操作了。对实例的操作不会影响到元件本身，但改变元件的话所有的实例将随之发生同样的变化。2. Flash的动画

5、原理的动画原理Flash动画是将一系列具有细微差别的画面（即帧）以一定的速度播放，利用人的视觉暂留原理，使原来静止的图像运动起来。图图7-1 Flash8的工作界面 1. 工具栏：工具栏：其中的工具可以用于绘制、涂色、选择和修改插图2. 时间轴：时间轴：是Flash工作界面中最重要的组成部分，在制作flash动画时，主要就是在时间轴中对帧进行编辑，动画的播放也是靠时间轴来控制的，时间轴左边为图层区，右边由播放指针、帧格、关键帧、时间轴标尺及状态栏组成。3. 场景与舞台：场景与舞台：在Flash中编辑的动画通常是在工作界面中间的白色区域中进行的，这个白色的区域叫做“舞台”，用户可以在其中进行图形

6、的绘制和编辑等工作，舞台外部有一大片灰色的区域，这个灰色的区域称为“工作区”，工作区中的内容在最终播放动画时时不会显示出来的。工作区就象是舞台的“后台”，在其中可以做许多准备工作或辅助工作，但真正表现出来的只是舞台上的内容，舞台和工作区组合起来就成为“场景”。4. 属性面板、动作面板及面板组：属性面板、动作面板及面板组：Flash 8 中包括了许多浮动面板，如 “ 属性 ” 面板、 “ 动作 ” 面板、 “ 混色器 ” 面板、 “ 组件 ” 面板等。用于对舞台中对象的各种属性进行设置。作为一款优秀的交互性矢量动画制作软件，丰富的矢量绘图和编辑功能是必不可少的。FLASH 8提供了两种主要绘图方

7、式，一是矢量线条，另一个是绘制矢量色块，利用它们可以方便的绘制出栩栩如生的矢量图形。绘图工具箱如图7-2提示。 图7-2 绘图工具箱1. 基本绘图工具介绍基本绘图工具介绍(1) 线条工具用线条工具能画出风格各异的直线条。(2) 铅笔工具使用铅笔工具可以方便地绘制曲线(3) 刷子工具：使用刷子工具可以随意地画出各种色块。(4) 椭圆工具和矩形工具在工具箱中选择椭圆工具，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆形。选择矩形工具，在场景中，在场景中拖动鼠标可绘制出方角或圆角的矩形及多边形。(5) 钢笔工具选择钢笔工具后，在舞台上不断地单击鼠标，就可以绘制出相应的路径，想结束路径的绘制，双击最后一

8、个点。(6) 箭头工具箭头工具也叫选择工具，它的作用是选择和移动舞台中的各种对象，也可对象的形状进行变形(7) 填色工具的使用填色工具的使用l颜料桶工具选项颜料桶工具选项用于填充对象的颜色l滴管工具用于吸取已有对象的色彩与属性，并将其赋予目标对象l墨水瓶工具用于填充或改变对象的边框线属性 l填充变形工具填充变形工具选择填充变形工具，单击图形，会出现一个带有三个手柄的环形边框，圆环中心的小圆圈表示填充色的中心，拖动此中心点，可以改变渐变色的位置；拖动方形的手柄可以改变填充渐变色的宽度，更改环形渐变的半径；拖动下边的圆形手柄，可以旋转填充色的方向，如图7-3所示。图7-3 填充变形工具的使用2.

9、修改工具修改工具(1) 橡皮擦工具使用橡皮擦工具，可以删除舞台上的所有内容(2) 工具使用部分选取工具可以通过选择对象的锚选择工具利用选择工具可以方便的选取利用FLASH所绘制的图形对象。(3) 部分选取点，实现对锚点的编辑、移动和变形对象的目的。(4) 套索工具套索工具是一种选取工具，可选取对象的某个区域(5) 任意变形工具任意变形工具可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形3. 辅助绘图工具辅助绘图工具(1) 手形工具手形工具的作用就是在工作区中移动对象。(2) 缩放工具缩放工具的主要目的是在绘图过程中放大或缩小视图，以便编辑。【实例【实例7.1】绘制房子，要求通过房子的绘制掌

10、握直线工具、选择工具、颜料桶工具、铅笔工具等的基本使用。操作步骤：(1) 新建Flash文档，画布大小使用默认值550400像素，将画布颜色设置为浅蓝色#99ccff。(2) 在画布上用直线工具绘制出房子的轮廓、并将房顶的颜色用颜料桶工具填充#660000，前面墙壁的颜色填充为浅黄色#FFFF99，侧面墙的颜色填充为浅橙色#FFCC66。(3) 选择矩形工具，将笔触颜色设置为黑色，填充色分别为#CCCC00，#FFCCFF,#CC9900绘制房子的门、窗和烟囱(4) 使用选择工具对窗进行变形，将窗子上方的直线改变为弧线(5) 选择铅笔工具，笔触颜色设置为白色，再选择“选项”中的“平滑”模式在烟

11、囱上绘制两朵烟，填充白色，最终效果如7-4所示：(6) 执行“文件”“保存”菜单命令，将文件以“房子.fla”为名存盘，完成实例的制作，按快捷键Ctrl+Enter测试影片。图7-4 房子效果图在Flash中，配置颜色的工具是混色器，利用它可以更改笔触和填充颜色，不仅可以填充纯色，还可以填充渐变颜色，实现丰富的色彩效果。1. 混色器面板混色器面板单击“颜色”面板，再点击“混色器”可以打开混色器面板，如图7-5所示：图7-5 混色器面板2. 混色器中的选项混色器中的选项(1) 笔触颜色：用于更改图形对象的笔触或边框的颜色。(2) 填充颜色：用于更改图像对象的填充颜色。(3) 类型：可以更改填充样

12、式，填充样式有“无”、“纯色”、“线性”、“放射状”和“位图”等几种。 (4) 溢出：允许控制超出线性或放射状渐变限制的颜色。(5) 红、绿、蓝：更改红、绿、蓝三种颜色的浓度。(6) Alpha值：设置不透明度，若Alpha值为0%，表示填充的颜色是完全透明的，若Alpha的值为100%，则填充的颜色是完全不透明的。(7) 颜色空间和亮度控件：显示当前颜色的十六进制值（也称为HEX值），可以在颜色空间中选择颜色或在输入框中输入颜色的值，用亮度控件来调整颜色的亮度。【实例【实例7.2】绘制彩色气球操作步骤（1）新建一个Flash文档，舞台大小用默认的值。（2） 绘制渐变背景：选择矩形工具，设置笔

13、触颜色为“无”，单击填充颜色按钮，在混色器面板中设置填充类型为“线性”，左侧的色标设置为浅蓝色，右侧的色标设置为白色，在舞台上绘制一大小为550400像素大小的矩形，再选中油漆桶工具，按住鼠标左键不放，在舞台上从上往下拖动，设置背景从蓝色渐变到变白色，再试着往其他方向拖动鼠标，观察颜色渐变的效果。（3）新建一个图层2，选择椭圆工具，笔触颜色设置为黑色，笔触大小为1像素，按步骤2的方法设置填充类型为“放射状”，左侧的色标设置为白色，右侧色标设置为紫色，在舞台上绘制一个椭圆，观察绘制的效果（4）使用油漆桶工具在椭圆内不同位置点击，观察效果有何不同（5）用铅笔工具在椭圆下发绘制一个三角形和一条曲线，

14、效果如下图7-6，完成彩色气球的绘制图7-6 彩色气球效果图1. 图形素材的处理为了取得更好的图形效果，以适应动画编辑的需要，还需对图形进行适当的编辑处理，以提高动画制作的效率。(1) 组合与分离组合分离是图形编辑处理中效果相反的图形处理功能，绘图工具直接画出来的图形处于矢量分离的状态，对绘制的图形进行组合的处理，可以保持图形的独立性。将图形组合的方法是：方法一：执行“修改” “组合”菜单命令。方法二：按下“Ctrl+G”组合键。分离图形是指将位图、文字或组合后的图形打散成一个一个的像素点，以便对其中的一部分进行编辑。分离图形的方法是：方法一：执行“修改” “分离”菜单命令方法二：、按下“Ct

15、rl+B”组合键。(2) 图形的变形1）使用选择工具变形图形选择工具栏中的选择工具，将鼠标移动到图形的边缘区域，鼠标变成形状，按下鼠标左键向所需方向拖动鼠标即可改变图形的形状。2）用任意变形工具变形对象用任意变形工具不但可以进行缩放和旋转操作，还可以对选中对象进行变形操作，制作出特殊的效果，选择任选工具栏中的任意变形工具，“选项”区域如图7-7所示图7-7 任意变形工具的“选项”区域 各按钮的作用如下：l“旋转与倾斜”按钮：用于对图形进行旋转和倾斜操作l“缩放”按钮：用于对图形进行缩放操作，当把鼠标置于图形的任意角上时，可对图形进行等比例缩放。l“扭曲”按钮：用于对图形对象进行扭曲变形，可以用

16、来增强物体的透视效果。l“封套”按钮：可对图形对象进行细微的变形3）用部分选取工具变形对象选择部分选取工具，在图形对象边缘单击，被选中的边框上会出现很多小节点，拖动这些小节点可以对图形进行变形l当光标移到到节点上时，鼠标出现时，按鼠标左键拖动可以改变该节点的位置l当光标移到没有节点的曲线上时，鼠标变成这时可以移动图形l当光标移到节点的调节柄时，光标变成形状，此时可以调整与该节点相连的线段的弯曲度。图7-8 “网页设计”原始文字效果【实例7.3】使用扭曲按钮对文字进行变形操作步骤：(1) 新建一个flash文档，给这个文档命名为变形文字，在舞台上输入文字“网页设计”，如图7-8所示：图7-9 “

17、网页设计”打散后的效果(2) 按Ctrl+B两次将文字打散成矢量图，如图7-9所示7-10“网页设计”扭曲变形后的效果(3) 选中“网页设计”四个字，单击任意变形工具，选中其中的“扭曲”工具对其进行变形，如图7-10所示：图7-11 “网页设计”透视效果图(4) 按住用鼠标左键，对四个边角进行拖动变形对象，最终得到透视效果，如图7-11所示：2. 声音素材的处理声音素材的处理在Flash动画制作过程中，常常需要为动画添加声音，在Flash中可以使用多种声音的方式，可以处理的音频文件格式也有很多种，最常用的是MP3格式和WAV格式。(1) 在文档中添加声音要在文档中添加声音，需将声音文件导入到文

18、档中，导入声音文件的方法有如下两种：1) 执行 “文件” “导入” “导入到库” 菜单命令可以将声音文件导入的库中2) 执行 “文件” “导入” “导入到舞台” 菜单命令也可将声音文件导入到库中，该声音文件在舞台上不会显示。图7-12声音属性面板(2) 声音的编辑在将声音添加到文档中后，还可以对声音进行编辑，选中音频层或添加了音效的关键帧，在属性面板中可以设置音频效果和同步方式。1)声音属性面板声音属性面板如图7-12所示，各参数的作用如下：l声音：可以选择需要添加的声音文件l效果：设置淡入、淡出等渐变效果l编辑：对声音渐变效果进行详细设置l同步：可以选择同步方式，决定在播放过程中声音与时间轴

19、的关系，在动画暂停的时候，声音是跟着暂停，还是独立地播放下去。l重复：设置声音的重复方式，可以是“重复”或“循环”l重复次数：设置声音重复的次数。2)声音的同步方式在时间轴面板中，可以设置声音的四种同步方式：l事件：使用这种方式会将声音和一个事件的发生合拍。当动画播放到时间的开始关键帧时，音频开始独立于时间轴播放，即使动画停止 ，声音也要继续播放到完毕。l开始：选择该选项，即使当前声音文件正在播放，也会有一个新的相同声音文件开始播放l停止：停止播放指定的声音l数据流：自动调整动画和音频，使他们同步。图 7-13 在“声音”图层上添加了声音【实例7.4】给圣诞贺卡添加声音操作步骤：(1) 打开文

20、件圣诞快乐.fla，增加一个图层，并给该图层命名为“声音”。(2) 执行 “文件” “导入” “导入到库” 菜单命令，选中素材文件夹中的声音文件sdhl.mp3文件，将声音文件导入到flash的库中。(3) 选中“声音”图层的第一帧，将sdhl.mp3从库中拖放到舞台上，可以看到“声音”图层上添加了声音，如图7-13所示：图 7-14 声音属性面板中设置“同步”选项(4) 为了使声音与动画同步，选中“声音”图层，在属性面板中将“同步”选项设置为“数据流”方式，如图7-14所示：(5) 按Ctrl+Enter测试动画，看声音与动画的播放是否同步(6) 设置“同步”选项为其他方式，再听听声音与动画

21、的同步效果。在正式发布和输出动画之前，需要对动画进行测试。测试动画有三种方法：一是使用播放控制栏；二是使用Flash专用的测试窗口，三是使用快捷键。图7-15播放控制栏中的按钮1. 使用播放控制栏执行 “窗口”“工具栏”“控制器”菜单命令，打开播放控制栏在播放控制栏中有6个按钮，它们的作用如图7-15所示。2. 使用专用测试窗口 执行“控制”“测试场景”或“控制”“测试影片”菜单命令。 3. 使用快捷键使用快捷键Ctrl+Enter，此时在源文件保存的目录中多了个.swf格式的文件，双击这个文件能播放这个动画效果1. Flash文件的打开执行 “文件”“打开”菜单命令，选择要打开的Flash的

22、源文件即可2. Flash文件的保存执行 “文件”“保存”菜单命令，选择文件要保存的路径，输入文件名即可将文件保存为.SWF格式。发布Flash作品的过程分为两步。第一步：选择发布文件格式，并用“发布设置”命令选择文件格式设置。第二步：用“发布”命令发布 Flash 文档。1. Flash影片的发布设置 (1) 执行 “文件”“发布设置”菜单命令，打开“发布设置”对话框，如图7-16所示。(2) 在“发布设置”对话框中的“格式”选项卡中可以选择要发布文件的格式，设置完毕，单击【发布】按钮，即可在原Flash动画文件所在的目录生成相关的文件。图7-16 “发布设置”对话框2. Flash参数说明

23、单击“发布设置”对话框中的“Flash”选项卡，如图7-17所示，在此可对发布的Flash动画进行各种参数设置。(1) 版本：指定导出的电影将在哪个版本的Flash Player上播放。单击下拉列表框中的下拉箭头，打开版本下拉列表，选择Flash播放器版本(2) 加载顺序：选择首帧所有层的下载方式(3) ActionScript版本：选择使用ActionScript的版本，这里有两种选择，ActionScript2.0和ActionScript1.0图7-17 “发布设置”对话框“Flash”选项卡上的参数设置(4) 选项：有6个选项供用户勾选。l生成大小报告：选择此项在发布过程中生成一个文本

24、文件，给出文件大小。l防止导入：选中该项后，如果将此Flash放置到Web页面上，它将不能够被下载。l省略trace动作：取消跟踪命令。l允许调试：选中该项后，如果在动画播放过程中，系统探测到有影响到下载性能的缺陷，可以自动对该缺陷进行调试，并进行自动优化。 l压缩影片：选中该项后，在发布时对影片进行压缩。l针对Flash Player6 r65优化：针对指定的Flash Player进行优化。(5) 密码：当选择了防止导入的选项后，可以为影片设置导入密码。(6) JPEG品质：确定影片中包含的位图图像应用JPEG文件格式压缩的比例。(7) 音频流和音频事件：单击这两个选项的设置按钮，在声音设

25、置对话框中用户可以指定播放时的声音的采样率和压缩方式。如果选中覆盖声音设置复选框，则设置对电影中的所有声音有效。(8) 覆盖声音设置：选择该选项后，影片中的所有声音压缩设置都将统一遵循音频流/音频事件的设置方案。(9) 导出设备声音：将设置声音导出。(10) 如果想在浏览器中播放Flash电影，用户可以选择并设置的HTML选项卡。用于指定影片在浏览器窗口中出现的位置、背景色、电影尺寸等。(11) 设置完选项后，执行以下其中一项操作：l要生成所有指定的文件，单击【发布】按钮。l要在FLA文件中保存设置并关闭对话框，而不进行发布，单击“确定”。【实训项目【实训项目1】绘制“夜景”画面，要求能较为熟

26、练地运用flash的基本绘图工具绘制的画面美观，比例恰当。操作步骤参考：Step1： 新建Flash文档，画布大小使用默认值550400像素Step2：保存文件。执行“文件”“保存”菜单命令，将文档保存，文件名为“夜景”。Step3：绘制贺卡边框。在舞台上绘制一个矩形，笔触着色设置为黑色，粗细设置为10，填充色置为无。选中矩形，在【属性】面板中将矩形的【高】和【宽】分别设置为550400像素（px），和影片的大小保持一致，使其与舞台中部对齐，如图7-18所示。图7-18 贺卡边框Step4：新建图层2，单击图层1名称右侧的挂锁图标，锁定图层1。在图层窗口左下角，加一图层2，并将图层2拖至图层1

27、的下面。Step5：设置填充色。打开【混色器】面板，选择填充类型为【线性】，在渐变色条下面的合适位置处单击鼠标左键增加一个指针，从左至右共3个指针，填充色依次为深蓝色（#000066），蓝色（#0066FF），淡蓝色（#00CCFF），如图7-19所示。图7-19设置填充色图7-20 为矩形设置渐变Step6：在图层2上绘制矩形。选择矩形工具，在【属性】面板中将笔触颜色设置为无，在舞台上绘制一个550400像素(ps)的矩形，并将填充效果设置为从上到下的渐变，如图7-20所示。 Step7：绘制星星。选择多角星形工具，在【属性】面板中将笔触颜色设置为无，填充色设置为淡蓝色（#3EFDFD）；然

28、后单击【选项】按钮，弹出“工具设置”对话框，将【样式】设置为星形，【边数】设置为4，【星形顶点大小】设置为0.4，在舞台上绘制几颗大小不一样的星星。Step8：绘制月亮，在图层3上添加图层4，在图层4上画一个无边框的白色圆形，在圆上再画一个无填充色的圆环，移动到合适位置，将圆形分割为月牙形，单击月牙之外的图形，将其删除，剩下月牙，单击月牙，选择菜单“修改”“形状” “柔化填充边缘”，在“柔化填充边缘”填充对话框中选择“距离”为30像素，“步骤数”为10，如图7-21所示图7-21 绘制月亮并进行“柔化填充边缘”处理Step9：绘制柳枝，在图层4上增加一个图层5，在图层5上使用直线工具绘制一条直

29、线，再用港笔工具 将其变形为曲线，将曲线复制并翻转与第一条曲线拼成叶子形状，给柳叶填充绿色，用自由变形工具将叶子调整形状和角度即绘制出了柳叶的形状，如下图所示为绘制柳叶的过程如下： 7-22 7-23 7-24 7-25图图7-26 柳叶和柳枝的组合柳叶和柳枝的组合Step10：将柳叶置于柳枝上，将柳叶和柳枝组合成一个整体，复制柳条，调整好他们的位置，如图7-26所示图图7-27 绘制草后的效果图绘制草后的效果图Step11：绘制草。在图层5上再增加一个图层6，选择直线工具，在舞台的左下方绘制出草的大概形状，接着使用箭头工具将直线调整为曲线，然后填充颜色，效果如图7-27所示。Step12：测

30、试影片。按快捷键Ctrl+S保存文件，按快捷键Ctrl+Enter测试影片效果。Step13：发布文件。执行“文件”“发布设置” 菜单命令，打开“发布设置”窗口，勾对“类型”中的flash、HTML、GIF图像三个选项，将文件发布为flash、网页和gif图像三种形式。 1. 选择题选择题（1）Flash是制作_的工具软件：A、动画 B、交互媒体 C、矢量图形 D、多媒体光盘（2）关于Flash影片舞台的最大尺寸，下列说法正确的是_A、可以设置到无限大 B、1000px 1000pxC、2880px 2880px D、4800px 4800px（3）如果一个对象是以100%的大小显示在工作区中，选择工具箱中的“缩放”工具，并按下Alt键，使用鼠标单击，则对象将以多少的比例显示在工作区中_A、50% B、100% C、200% D、400%（4）在Flash中，要绘制精确的直线或曲线路径，可以使用_A、铅笔工具 B、钢笔工具 C、刷子工具 D、A和B都正确2. 填空题填空题(1) 关键帧定义了动画的变化环节，在帧面板上表现为 ，而无内容的关键帧即 ,用 表示。在关键帧和空白关键帧上可以加入动作脚本控制动画。(2) Flash动画是将一系列具有细微差别的画面（即帧）以一定的速度播放，利用人的 原理，使原来静止的图像运动起来。3. 操作题操作题使用矢量绘图功能设计一个微标。