1、Flash MX 培训讲义主讲:陈海勇第一 节 认识 Flash 窗口一、启动 Flash:单击“开始程序” ,在程序菜单中找到 Macromedia 菜单选择“Macromedia Flash MX”项。若桌面有相应图标 的话,也可双击图标 来启动。二、Flash 窗口的组成:1启动 Flash 后会出现一个窗口,窗口的最上面是蓝色的标题栏,当前影片自动给了一个名称无标题 -1,在 “保存”文件时可将其改为一个有意义的文件名称。2标题栏下面是菜单栏,菜单是一组命令,其中“文件”下拉菜单中要求记住“保存”、 “导入”几项,文件下拉菜单中的命令都与文件操作有关。要记住“插入”下拉菜单中 “新建元
2、件”和“转换成元件”两个命令, “修改” 下拉菜单的 “组合”和“取消组合” 命令。 “窗口”菜单中放着各个面板。3菜单栏下面是工具栏,工具栏中放的是最常用的菜单命令,是用图标来表示的,便于记忆。工具栏下面就是工作区了,在工作区的左边有一个长方形框框,那是工具箱,里面有许多的绘图和修改工具,跟 Windows 中的画图差不多,要求掌握黑“箭头”工具,它是用于选择图形的。里面还有两个瓶子,要区分开,左边的“墨水瓶”工具是用来给铅笔和直线喷颜色,右边的“颜料桶”工具用来给圆和框内部填充颜色(必须要封闭) ,也可给刷子喷色。工具下边还有缩放工具和手形工具,双击手形工具可以自动调整工作区的大小。许多工
3、具下边都有下拉选项,可以完成不同的功能。比如颜色选项里有的给线条涂色的笔触颜色 ,有的给内部里面喷色的填充色 ;在工具箱旁边是时间轴面板,分成了两块,左边是图层面板,自动有一个黑色的“图层 1”,黑色上面有三个按钮:一个眼睛一把小锁和一个方框,图层面板用来控制图层的添加、删除、选中等操作。右边是时间轴,上面有许多的小格子,每个格子代表一帧,整数的帧上有数字序号,而且颜色也深一些,一帧可以放一幅图片,动画就是由许许多多帧组成的。帧上面有一个红色的线,这是时间指针,表示当前的帧位置,同时下面的时间轴状态栏也有一个数字表示第几帧。时间轴下方是场景栏左边显示是当前的场景 1,右边还有两个按钮,一个是场
4、景按钮,一个是组件按钮,旁边是显示比例。Flash MX 培训讲义2工作区的中央空白是场景,所有的画图和操作都在这个白色的区域中实现,也只有这个区域的图像才能在动画中播放出来。窗口的最下方是状态栏,状态栏左边有一个显示比例列表框,可以放大或者缩小场景的显示比例。第二 节 Flash 工具箱介 绍一、工具箱介绍:1.几何图形工具中主要有直线、椭圆、矩形工具。a. 直线工具:用于绘制直线,按住 shift 键可以绘制横线、竖线或 45角的斜线段。b. 椭圆工具:用于绘制椭圆形状的图形。按住 shift 键可以绘制正圆。c. 矩形工具:用于绘制矩形。按住 shift 键可以绘制正方形。2手绘图形工具
5、主要包括钢笔、铅笔、画笔、部分选取工具。a. 钢笔工具:依据的是贝赛尔曲线绘图原理,分别带有两个调整柄的两个点决定了一条线段。按 Del 键删除前面刚画过的那一段,拖曳可改变曲线的弧度。b. 铅笔工具:可以随意地画线条和形状。线条的颜色、线条的宽度以及样式均可在“属性”面板选择。c. 画笔(刷子)工具:可以给各种形状涂抹上颜色。属性包括形状、大小、颜色。d. 部分选取工具:可以选择线条上的定位点,并且执行修改定位点调整柄的功能并可移动该定位点的位置。要删除定位点可单击目标,然后按 Del 键。3 任意变形工具主要有自由变形工具。它组合了缩放、旋转、偏移以及扭曲等功能。亦可单独使用每个功能。4
6、颜料桶工具:可以给对象填充颜色,也可给刷子喷色。选中该工具后在工具箱下方将选项 用户可选择允许存在的空隙大小。5 墨水瓶工具:可以修改和勾勒及改变对象的外框,也可给铅笔和直线喷颜色。6 填充变形工具:可以修改填充的内容,主要运用于渐变色中。若选择的渐变类型是放射性渐变填充,则显示为圆形,若是线性渐变填充,则为平行线.通过填充变形工具的调整柄可以使填充对象旋转、缩放和偏移等。若选择的是单一色彩图形,则无任何反应。7 滴管工具:可以从 Flash 舞台的任意位置取色。选用该用具直接在目标颜色上单击便可。8 箭头工具:使用箭头工具可以选择并移动对象(在图形内部双击可全部选中该图形填Flash MX
7、培训讲义3充部分和边线),要小幅移动对象,可在选中之后按键盘上的箭头键。Shift+箭头,一次移动 10 像素。9 套索工具:可选择不规则区域。若单击工具箱下方的“选项”栏,可用多边形选取模式,通过单击多个角点获得多边形区域。10.视图工具,主要有放大镜和手形移动工具.a. 缩放工具:包括放大和缩小两种功能,通过其选项板可以切换放大和缩小两种设置。也可按住 Alt 键不放,则实现相反的功能,如当前为放大,则变为缩小。b. 手形工具:便用于用户移动查看图形细节,双击该按钮则可由在当前窗口内以最大画面来显示场景上的内容。11 文本工具:此工具允许用户输入文本。用户可以设置文字的字体、字号、样式、间
8、距、颜色和对齐方式等,还可以通过“任意变形工具”对文字进行旋转、调整大小比例、倾斜和翻转形操作。通常选择静态文本,动态文本则通常和变量一起使用。输入文本通常用在表单中。12. 擦除工具:擦除工具允许擦除形状中不必要的部分。双击该按钮则擦除场景上当前帧的全部内容。选中该工具后,在工具箱下方将出现一选项, ,它们分别是橡皮擦模式和水龙头(去掉填充颜色)按钮。二、注意事项:Flash 图形是二维的,所以在同一平面上的形状会发生融合现象。当用户使用铅笔工具、直线工具、椭圆工具、矩形工具或画笔工具绘制一个形状于其他形状重叠时,叠放在上面的形状将在相交位置被分割。当用户在形状或线条上面喷涂颜色时,下面的部
9、分将被上面重合的部分替换。相同颜色将被合并,而不同颜色则仍然保持区别。第三 节 Flash 面板介 绍注:打开各个面板的方法:单击“窗口”菜单选择相应的子菜单即可。也可根据自已需要,打开“窗口面板设置”菜单,选择相应的布局。推荐使用“设计者布局 1024768” 。1.“属性”面板:根据当前选定的内容,显示当前文档、文本、元件、形状、位图、视频等相关的的信息和设置。2、 “信息”面板:显示选定物件的长宽高,以及鼠标处的颜色值、坐标值的显示面板。注意:坐标的原点从左上角开始3 “变形”面板:主要对所选对象的各种变形操作,包括缩小、放大,旋转,倾斜等。4 “对齐”面板:本面板用来处理多个物件的相应
10、位置关系,分别有左对齐、水平中齐、右对齐, 、上对齐、垂直中齐、底对齐,垂直平均间隔、水平平均间隔等。提示:要选中多个物件,只需在进行选择时按住 Shift 键就行了。5、 “颜色样本”面板:简单的颜色只需直接在采样面板上进行就可以了,但对于复杂的、有多种色值变化的填充,则需借助下面的混色器面板来进行。6、 “混色器”面板:主要用于设置边框颜色和填充颜色,并可进行透明度的设置。填充方式有“无、纯色、线性、放射状、位图”等。颜色值即可用鼠标拖曳也可输入。Flash MX 培训讲义47、 “动作”面板:在交互性影片中,使用动作脚本可使用户使用鼠标或键盘跳到影片中的不同部分或移动对象或在表单中完成输
11、入等许多操作。通常给某一帧及按钮添加相关的动作脚本。8、 “库”面板:在 Flash 中,库窗口相当于一个资源仓库,所有元件及从外部导入的声音、视频、图片等都可以在这里看到,并要拖至舞台上合适的地方。第四 节 Flash 术语简 解一、帧(Frame)和帧频(每秒几帧):我们知道一段动画(电影)是由一幅幅的静态的连续的图片所组成的,我们称每一幅的静态画面为“帧”。一个个连续的“帧”快速的切换就形成了一段动画。我们把单位时间内播放帧的多少称为“帧频”,在 Flash 中“帧”一般分为三种:关键帧、空白关键帧和过渡帧,这三种类型在时间线上有明确的表示;另外,我们可以通过“修改文档”菜单来修改所创建
12、的动画的帧频,以达到我们的要求。在 Flash 里,把有标记的帧称为关键帧,它的作用跟电影片断是一样的。除此之外,关键帧还可以让 Flash 识别动作开始和结尾的状态。比如在制作一个动作时,我们将一个开始动作状态和一个结束动作状态分别用关键帧表示,再告诉 Flash 动作的方式,Flash 就可以做成一个连续动作的动画。了解关键帧(空白、非空白) 、插入关键帧、清除关键帧、删除帧的操作及作用。二、层(Layer):在 Flash 中,层可分为动画层、普通层、遮罩 /被遮罩、引导/ 被引导层等。其中遮罩 /被遮罩、引导/被引导层是成对出现的。对层的操作主要有添加/删除、显示/ 隐藏、锁定 /开放
13、这六种,在 FlashMX 中又增加了“层文件夹”这个功能来方便的对层进行操作。需要注意的是:每一个动画层中只允许有一个动态的“ 元件(Symbol) ”存在,否则所生成的动画可能会 “惨不忍睹”的。在 Flash MX 中,Flash 的层是附加在“时间轴 ”面板上的,该面板可以折叠,以获取更大的编辑空间。三、场景(Scene):在 Flash 中“场景 ”可以看作是舞台是容器。构成Flash 影片的所有元素都被包含在场景中。所以场景在一段 Flash 影片中是不可缺少的(至少要有一个场景) 。当一段 Flash 影片包含 n 个场景时,播放器会在播放完第一个场景后自动播放下一个场景的内容直
14、至最后一个场景播放完。我们可以通过“场景面板”Flash MX 培训讲义5来完成对场景的重命名、添加/删除操作,并可以拖拽其中各场景的排列顺序来改变播放的先后次序。通过“窗口场景”菜单,我们可以很方便地打开或关闭该面板。四、元件(Symbol):元件是 Flash 中极其重要并且经常要用到的概念,在开发 Flash 影片的时候通过引用元件可以有效的减少所生成影片的大小也可以在开发小组各成员之间方便的交换使用。在 Flash 中元件可分为三类,分别是:影片剪辑、按钮、图形。我们可以通过“插入新件元件”菜单来创建新的元件,这时将弹出一个新的对话框,我们可以选择要创建的元件后单击“确定”按钮然后进行
15、设计。也可以先在舞台上创建好图形,选中它,通过“插入转换为元件”将所选中的图形元素转换为元件。通过库面板,我们可以对影片中的元件进行预览和操作。当需要使用元件时只需将合适的元件从“库”面板中拖拽至舞台上合适的位置即可,当元件被改变时舞台上所有的“实例”将随之而改变。当把一个元件放到舞台或另一个元件中时,就创建了一个该图符的实例,也就是说实例是元件的实际应用,元件的运用可以缩小文档的尺寸,这是因为不管创建了多少个实例,Flash 在文档中只保存一份副本。同样,运用元件可以加快动画播放的速度。三种元件的区别:【图形】:可以是矢量图形、图像、动画或声音。它主要用来制作作动画中的静态图形, 没有交互性
16、。通常对图形不能施加动作,若需要的话,需在“属性”面板临时把相应的实例转换成“按钮” ,才可以加上动作脚本。【按钮】:可以在电影中创建交互按钮,可以通过单击来激发它的动作。按钮元件有四种状态,即弹起、鼠标经过、按下和点击,每种状态都可以通过图形、元件以及声音来定义。当创建按钮元件时,在按钮编辑区域种提供了这四种状态帧。一旦用户创建了按钮后,就可以给按钮的实例分配动作(编写脚本 Action) 。【影片剪辑】:它主要是电影中的电影片段的实例。要实现动画通常采用“影片”这一元件。第五 节 Flash 动画初步一、导入外部图像、声音、视频:单击“文件导入”菜单。矢量图:扩展名为 WMF、AI 等图片
17、及用 FLASH 工具箱绘制的图形通常为矢量图,它的优点是体积小,放大不变形。位图:扩展名为 JPG、BMP、GIF 等图片及在“画图”等软件中绘制的图形,它的优点是色彩鲜明,缺点是体积大,放大易出现锯齿形。二、动画的基础知识:1形状动画与运动动画:Flash MX 培训讲义6Flash 的一切非交互内容都是建立在这两种变形之上的。运动动画是指元素的位置发生变化的变形,通常必须由元件来完成运动动画。形状动画是元素的形状发生变化时使用,它必须是单个基本图形或被打散(Ctrl+B )的图形。我们可以在属性面板中应用或者转换这两种。运动动画通常可以实现对象的位移、缩放、旋转、颜色变化等多种特效。在时
18、间轴上它通常以浅蓝色来表示。形状动画通常实现矢量图形的形状、颜色的逐渐变化。在时间轴上通常以浅绿色来表示。2逐帧动画和关键帧帧动画:这是在 Flash 中生成动画的两种方式。先看看 逐帧动画,它要求制作者在影片的每一帧中逐帧绘制动作连续的图像以形成动画,我们所看到的动画片大都是以这种形式制作的。制作这种动画的工作量非常大但能够表达出复杂的动作变形;而关键帧动画则是 Flash 的重头戏,比如说我们制作一个有正方形渐变成圆形的动画,只需会这两个图形(分别是起始状态和最终状态)分插入到两个帧中(两帧不相连)设定 Shape 变形即可,中间的变形部分就有 Flash 来完成了,很方便吧?表现较复杂的
19、变形通常采用逐帧动画(比如走路) 。三、保存影片:“文件保存” ,在新的对话框中输入保存的文件名,默认保存的文件类型是 Flash Mx(*.FLA ),也可单击 中的小三角形按钮把 Flash 保存成 Flash 5 影片。四、测试影片:测试影片是最经常用到的, “控制测试影片” ,快捷键是 Ctrl +Enter。若文件已经保存过的话,则生成的 SWF 格式影片将与源程序保存在同一文件夹中。测试场景则是测试影片中的当前场景, “控制测试场景” ,快捷键是 Ctrl +Alt + Enter。Flash MX 培训讲义7五、发布影片。首先进行发布设置。在“文件”菜单中,这时将弹出一个对话框,
20、可选择“发布的格式”如swf(影片) 、htm(网页) 、exe(可独立运行) 。还可单击 “Flash”选项卡,设置 Flash 影片的版本、压缩率等。单击“发布”按钮,即可进行发布。第六 节 Flash 辅助工具介 绍1. FLASH 影片下载 Flash Catcher:保存当前网页上的 Flash 动画。2.SWiSHmax v1.0 :非常方便的 FLASH 字体特效的制作工具,特效中有许多细节结合使用能得到非常眩的效果,直接预览,能直接导出为 SWF 文档格式。3. 火狐 Flash 播放器 Flashplayer :具有非常强大的跳进功能、进度条、可跳到指定帧、顺序、乱序播放、自
21、动播放、缩放控制、音量调节、比例控制、全屏、热键、Flash 解除保护、解压缩、声音图象的提取等多种功能。4. Liatro SWF Decoder :是一个非常好的 FLash 文件(*.SWF)资源分解工具。可以帮忙你快速的将 Flash 文件(*.SWF)分解成一个一个的元件。支持在线分解 Flash 文件!只需要给出一个 Flash的网址,可以自动下载分解,非常方便。5. Swift 3D: 是一个制作 SWF 向量动画文件的 3D 软件,支持灯光和素材贴图。可以直接渲染产生现在网上流行的 SWF 格式的向量动画。缺点是对计算机配置要求较高。6. Wildform SWfX:内置了 1
22、00 种文字特效的 Flash 文字特效产生器,又增加了数个新特效,可惜依旧不支持中文。类似的软件知名软件还有 Flax 等。7. KoolMoves Flash Editor :KoolMoves 能够制作 Flash movies 以及与动画相关的内容。Flash movies 是一种压缩率相当高的网络动画文件格式。该软件还能够制作动画 GIF、制作文字特效、导入矢量剪贴画等。8.Flash 橡皮擦 :能擦除影片中的组件。去掉诸如文字、图片等不必要信息。9. Flash2Video :将 Flash 动画转换为 AVI,VCD,SVCD 或 DVD 等视频文件格式的工具。10. 硕思闪客巫
23、师:是一种可以快速创建专业的 Flash 按钮的便捷工具。它提供了 200 多个设计精美的模板和大量精心挑选的矢量图、背景图、mp3 和 Wav 声音效果的素材库。第七节 在其它软件中插入 Flash 影片一、FrontPage 插入 Flash 影片( SWF):在 FrontPage 2000 中,使用“ 插入 高级插件浏览” ,选定文件,确定。优点是可以直接插入 SWF 文件,无需转换,缺点是保留了背景,图像在拉大或缩小时,动画背景和图形不能完全按比例缩放。在 FrontPage 2002 中,使用“插入Web 组件高级控件插件浏览” ,选定文件,确定。二、在 Authorware 插入
24、 Flash 影片(SWF ):点击“Insert ”菜单,选择“Media”“Flash” ,系统弹出插入 SWF 文件对话框,如下图所示:点击“Browser ”按钮,选择需要插入的 Flash 文件,按 “打开”按钮确定,再次点击“OK”按钮,就完成插入工作。三、在 PowerPoint 插入 Flash 影片(SWF) :“视图工具栏控件工具箱” ,再从下拉菜单中选择其他控件 按钮。在随后打开的控件选项界面中,选择“Shockwave FlashObject”选项,出现 “十”字光标,再将该光标移动到PowerPoint 的编辑区域中,画出适合大小的矩形区域,也就是播放动画的区域,就会出现一个方Flash MX 培训讲义7框。双击这个框,出现 VB 界面,其中的属性窗口中有个“自定义”属性,点自定义旁边的三点,出现属性页。在“Movie URL”中输入 Flash 动画的完整地址,按确定即可。要注意的是输入的路径中必须完整地填写后缀名。