最全最详细FlashMX中文版培训资料.docx

1、最全最详细FlashMX中文版培训资料Flash MX中文版培训资料培训课时：28课时教学内容：内容课时备注动画欣赏1观看制作精美的各种Flash动画，提高学员学习的兴趣。软件介绍、基本界面1重点讲清Flash动画制作的原理、场景的概念、界面的几部分、图层的概念。形变动画1结合实例讲清形变动画的制作过程基本工具的使用1常用工具的使用方法，缩放、旋转工具的使用配合，吸附工具，颜色的填充等。结合实例进行讲解组件（图形、按钮、影片剪辑）3三种组件的制作及用途（1课时）运动动画初步入门（2课时）物体的运动（动作动画）41、运动的小球2、弹性小球（参数调整）3、滚动3、水珠滴落效果遮罩使用41、探照灯效

2、果(1课时)2、光影变幻文字（1课时）2、飘动的旗帜（1课时）3、瀑布与流水效果（1课时）引导线使用41、沿曲线运动的小球（1课时）2、穿越效果的实现（1课时）3、太阳地球月亮运行（2课时）基本动画深入41、精确控制物体形变（1课时）2、制作可编辑文本框（1课时）3、创建按钮（2课时） 动作(action)2介绍几个基本的动作控制课程综合测试3每个学员根据要求制作一个动画：要求使用到几天来所学过的Flash 基本功能。第一章 概念、界面、工具Flash MX是由Macromedia公司开发设计的二维矢量动画制作软件，它可以让网页中不再只有简单的GIF动画或Java小程序，而是一个完全交互式多媒

3、体网站，由于它具有非常强大的功能，我们也可以用来制作各类教学动画，甚至是一个完整的多媒体教学软件。一、Flash精彩动画欣赏欣赏网上下载的精彩Flash动画，介绍Flash制作动画的范围：MTV、卡通片、演示效果动画、多媒体课件等。二、Flash的基本概念1、Flash的工作区Flash基本的工作区如下图，包括舞台、工具箱、时间线窗口、库窗口、播放控制器面板等几个部分。在创建或编辑一段Flash动画时，我们通常要使用以下几个最重要的部分： 舞台：编辑动画的矩形区域。使用Flash制作动画就像导演在指挥演员演戏一样，当然要给他们一个演出的场所，在Flash中被称为舞台。在Flash还常常遇到一个

4、概念：场景，在Flash动画中，舞台只有一个，但在演出过程中可以更换不同的场景。 工具箱：包含将用于创建、放置和修改文本与图形的工具。 面板：Flash中的面板有助于使用舞台上的对象、整个文档、时间轴和动作。选择窗口菜单可查看面板列表。 时间轴：基于时间组织和控制影片内容。与电影一样，Flash将时间长度分成多个帧，每个帧都有各自的内容，或者使用以前帧的内容。时间轴就好像导演手中的剧本，它决定了各个场景的切换，以及演员出场、表演的时间顺序。 图层：为了帮助组织内容，时间轴被划分为多个图层。例如，背景图层可应用到影片的每一帧，而动画图层可针对特定的帧。 库窗口：库用来存储可重复使用的、名为元件的

5、元素。库窗口是组织、管理动画中元件（Symbol）的窗口。动作脚本：是Flash中提供的内置编程语言，它是在动作面板中创建的，用来对影片进行一些高级开发。几个重要概念：一、场景：在电影中或话剧中,经常需要更换场景.在Flash影片中,舞台只有一个,但在演出过程中,也可以更换不同的场景.每个场景都有名称,在舞台左上角给出了当前场景的名称。二、组件：在电影中常会遇到一个演员要出场多次，甚至会在一个场景中多次出现，同一个演员做许多不同的事情。我们制作动画时，也会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费事又会增加动画文件的大小。为此，Flash设置了一个库，将这样的对象放

6、置其中，形成称为组件的对象。在需要组件对象上场时，只需用鼠标将该组件拖曳到舞台中即可。三、实例：组件拖曳到舞台中后形成的对象并不是组件，通常将舞台中的这个由组件生成的对象称为实例，即组件的复制品。实例和组件具有不同的特性。一个场景可以放置多个相同组件复制的实例对象，但在库中与之对应的组件只有一个。当组件属性（如：组件的大小、颜色等）改变时，由它生成的实例也会随之改变。而实例的属性改变时，与它相应的符号和由该组件生成的其他实例则不会随之改变。四、时间线：时间线是Flash MX进行动画创作和编辑的主要工具，它一般位于舞台与常用工具栏之间。时间线就好象导演的剧本，它决定了各个场景切换以及演员出场、

7、表演的时间顺序。Flash MX把动画按时间顺序分解成帧，在舞台中直接绘制的图形画面，或者从外部导入的图象。均可形成单独的帧，再把各个单独的帧图象画面连在一起，形成动画。五、图层：所谓图层就相当于舞台中演员所处的前后位置。图层靠上，相当于该图层的对象在舞台的前面。在同一纵深位置处，前面的对象会挡住后面的对象。2创建一个新动画每次运行Flash程序都会自动创建一个新的文件，首先应该设定动画的尺寸、播放速度、背景颜色以及其他属性。选择菜单文件-新建，可以创建一个新动画。选择菜单修改-文档，打开影片属性对话框，如下图：在影片属性对话框中可以设定以下参数： 播放速度：默认为12帧/秒，对于大多数计算机

8、显示的动画，特别是WEB站点的动画，8帧/秒至12帧/秒就足够了。 有3种方式设置动画的尺寸：（1）指定具体的像素值，默认宽度为550像素，高为400像素，Flash动画不能小于18X18像素，也不能大于2880X2880像素。（2）单击内容按钮可以使工作区与动画内容相匹配，并使动画内容的工作区的四周有相同的距离，要使动画的尺寸最小，可以把场景内容尽量向左上角移动，然后单击内容按钮。（3）单击打印机按钮可以使工作区与打印机相匹配。 背景色：单击背景色按钮，在打开的颜色选择板中选择背景颜色。 标尺单位：在下拉框中选择标尺的单位，可以选择象素、厘米、毫米等。设定好所有参数后单击OK按钮确定，如果要

9、重新设定参数单击取消按钮，可以放弃所有设定的参数。3、预览与测试Flash动画创建了一个动画之后，我们必须能够播放它，看一看动画是否正确，能否正确地执行交互性的控制。在Flash中有以下3种选择： 可以使用菜单控制-播放在编辑区预览Flash动画。（快捷键：Enter） 使用测试影片或测试场景命令，在独立的Flash播放器中播放。 使用文件-发布预览命令，可以在浏览器中预览。4时间线Flash 中最重要的项目之一，对动画的所有控制，变化都要靠它完成。5、工具栏工具栏可以分为主要栏、状态栏、控制器。如果窗口中没有工具栏或者想修改工具栏的版面，可以选取主菜单的窗口-工具栏，在需要打开的工具栏前打勾

10、。主要栏：状态栏：主要显示菜单命令的说明等。控制栏：用来控制Flash动画的播放。6、库窗口在电影或戏剧中会有许多跑龙套的演员，或称为群众演员，他们通常做相同的事情。我们制作动画时，也常常会遇到这样的情况，某个对象在画面中多处出现，如果每个对象都单独处理既费事又会大大增加动画文件的大小。库窗口就可以解决这个问题，我们首先把一个对象定义为“元件”，在Flash中，所有元件都存储在库窗口中。然后在动画场景中加入它的“实例”，这样无论在场景中有多少个“实例”，在文件中仅存储一个拷贝，这样就大大减少了文件的体积。这实际上正是现在很流行的“面向对象”思想的运用。库窗口中集中了大多数Flash动画中使用的

11、符号对象。库窗口存储和管理在Flash中新建的符号，同时也储存了大量外部导入的文件，包括声音、位图、QuickTime电影等。符号有三种类型图形、按钮、影片剪辑。利用库窗口用户可以通过文件夹管理符号，查看各个符号的使用频率，通过符号的类型排列符号等。Flash MX中分为公共库和用户自定义库。公共库中存放有已经制作好的各种按钮、声音等，自定义库用来存放用户新建的元件。7、面板Flash MX与4.0有很大的区别，就是其浮动面板的使用，有点类似于VB，在制作动画过程中，物体的各种参数都可以通过浮动面板修改。Flash中主要的浮动面板如下： 在Flash中如果浮动面板打开过多，会使整个窗口显得凌乱

12、，这时可以通过按Tab键同时隐藏或显示这些窗口。三、Flash的基本操作1、新建、打开文件和保存文件2、第一次制作动画你想感受 Flash 的强大魅力，想亲手编辑一段动画然后陶醉在其中吗？当了解完上面的几个主要项目，你就可以开始做一个最最基本的动画了。好了，现在开始做一个从圆变方的图形动画。 运行 Flash MX , 建立新文件，选择工具栏的工具 (椭圆工具)在工作区画一个圆形，然后选择时间线的第十帧点右键，在弹出菜单中选择插入空白关键帧项，接着选择工具栏的 工具 (矩形工具) 在工作区画一个矩形，现在我们指定了起始帧为圆形，结束帧为矩形，如何变化呢？这就要借助 Flash 的强大功能，我们

13、刚才说到的图形变化。 选择时间线的第一帧，打开屏幕左下角属性面板，在补间项中选择形状渐变， OK ! 这时可以看到，时间线的两帧之间已经由设置前的 变成了现在的 ，绿色区域有一个箭头，表示由第一帧过度到第十帧，中间那些帧则由程序自动生成。可以用下面的图例很好的理解它： 由图中可看出，1 和 10 是我们刚才建立的（圆形）开始和 (矩形) 结束，而过度 2-9 则是我们设置图形变化后由程序自动生成的，图片右侧的 Onion Skin 则给我们详细的演示了这一变化过程。 （该过程可能过按下绘画纸外观按钮看到具体效果）完成之后你可以按回车键测试效果，怎么样？是不是很有意思！ 3、基本工具的使用常用工

14、具箱中工具的使用方法及练习。（1） 立方体：矩形工具、直线工具、变形工具及颜色填充工具的使用（2） 圆形水杯：椭圆工具、直线工具的使用及多余线条的删除（3） 立体圆球：颜色渐变填充工具的使用（4） 苹果：椭圆工具及线条工具、铅笔工具及渐变填充工具的使用（5） 第二章 动作动画练习一：运动的小球（一）新建一个文件，设置好工作环境，如动画尺寸、速率、背景色等。环境设置好以后，我们首先需要创建一个图形元件，以便调用。按Ctrl-F8键进入建立元件的选项窗口，给元件起名叫ball，确定是图形后按确定按钮。现在我们就进入了创建元件的编辑状态。在绘图工具栏中选椭圆工具。并将其下的参数设置为左图所示。图中的

15、参数显示我们将要绘制一个没有轮廓线，且填充色为渐变色的球形。在工作区里用鼠标绘制一个小球。如果对所画的小球不满意，可以点选小球，按Delete键删掉重画，也可以在小球上按鼠标右键，在弹出的菜单中选择相应修改工具进行修改。小球元件做好后，点击时间轴左上角的或右上角的回到主场景。按Ctrl-L打开图库，发现里面已经有一个做好了的名为ball的元件。在预览窗口中把该元件拖动到工作区靠左的位置。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空。在时间轴第25帧点一下鼠标左键，该帧变蓝表示被选。按Ctrl-F6键（点鼠标右键会弹出菜单，在其中可以选择）插入一个关键帧，点选小

16、球，把它拖到舞台的右端。在时间轴第1帧上点鼠标右键，选择“创建补间动画”，这时时间轴窗口的状态如下图所示，第1帧和第25帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。可以按下Enter键查看效果，按下Ctrl+Enter键测试影片。注意：对于实例来说，只能进行运动渐变动画，不能作形体渐变动画。而对于形体(Shape)来说，只能作形体渐变。 怎么样，用Flash做动画不难吧。做好了动画不要忘记存盘，按Ctrl-S，在弹出的对话框中输入存档文件名，确定，这时系统会把源文件用.fla格式存档。如

17、果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash电影播放器直接观看。这一节我们已经学会做一个最简单也最重要的动画了，好的开端是成功的一半，我们慢慢会对Flash的强大功能体会更多的。练习二：运动的小球（二）1、逐渐消失的小球其实这个效果实现起来是非常容易的。运动的制作和上一个练习一样。点击第25帧使处在舞台最右端的小球被选中，打开属性面板，打开颜色下拉式菜单选择“透明度”选项，调整数到0%。按下Enter，看看小球是不是逐渐消失。 2、改变颜色的小球和上一个练习一样，单击第25帧，使小球处于选中状态。打开属性面板，在下拉式列表中选择“高级

18、”，面板如下面图，根据自己的需要调整各R、G、B参数值，则改变了小球的颜色，运动就可看到小球边运动边改变颜色。当然，也可既改变颜色又改变透明度。练习三：运动的小球（三）前面我们已经练习了几个小球的运动动画，都是非常简单的。现在我们要做一个弹性小球的运动。（小球在运动过程中将受到重力的作用，即下落时逐渐加速，弹上时减速。） 按前面讲的操作方法制作一个小球从高处落下又弹回的动画。时间轴如下所示：第1帧时球在上方，第18帧球在下方，第36帧与第1帧相同。现在我们来看一下效果，似乎看不出那种重力作用的感觉，看来我们还有点工作没有做完。单击时间轴第1帧，再打开属性面板，如下图：将“简易”后的数值调到-1

19、00，确定。然后，选中第18帧，将“简易”后的值调整到100。然后，我们再来看一下效果，按Ctrl-Enter全屏观看，是不是和我们需要的效果一样了？现在大家应该知道“简易”选项的作用了吧。它的作用是在运动的过程中产生速度上的变化，默认值为0，即为匀速运动。当值为负时，运动的物体做加速运动，相反，当值为正时，运动的物体做减速运动。当值的绝对值越大时，物体运动的加速度越大，物体运动时速度变化也就越快。在小球下落的过程中，速度越来越快，所以我们把扩大值改为负值，注意在扩大值为-100时，比较接近重力加速度。当小球弹起时，速度越来越慢，因此扩大值为正。练习四：文字的风吹效果（本练习重点是熟悉Flas

20、h中图层的概念，移动帧的操作）风吹文字的效果，要实现这种效果并不难，因为只用到了一些基本的运动渐变罢了，但是要把这种效果表现得比较逼真，却需要一定的耐心和技巧。在这里，我们用了两种方法来实现文字消失和文字出现的过程，使得这两个过程给大家的感觉也不一样。不过，说是两种方法，只是在实现上稍有所区别，其本质是相同的。下面我们就来介绍这个示例的具体做法。1、新建一个文件，设置电影属性，背景颜色为黑色。2、选择要产生这种效果的文字，我在这里选择“湖南大众传媒学院”这八个字。因为每一个字我们都要单独做动画，所以必须把每个字单独做成一个元件，然后分别放在不同的层上。我们可以在主场景中选择文字工具，输入这几个

21、字，然后分别按Ctrl+B把文字对象打散成一个一个的字；再分别选择单独的每个文字，按F8转换成元件。3、做好这几个元件后，在时间轴窗口新建七个层，使层的总数变为八个。按Ctrl-L打开图库窗口，在最上面一层，把“湖”字元件拖到主场景中。在第二层把“南”拖到主场景中，依此类推，把这八个字分别放在不同的层上。然后用箭头工具拉一个大框把所有文字都套住，按Ctrl-K打开对齐窗口，如下图所示：4、确定后文字将沿底线对齐而且保持字间距相同，如果字间距不合适，你可以试着通过改变首尾两个字的距离，然后再一次对齐的方法进行调整。对齐后，拖动所有文字到下图所示的位置上放好。5、在最上面一层的第20帧按F6插入关

22、键帧，在“湖”字上点鼠标右键选“缩放”，然后用鼠标点住左边中心的手柄并向右拖动使它在横向压缩直到文字翻转，如下图所示：。这一步完成后通过属性面板把透明度值设置为0%。然后我们把这个字移到舞台上方靠中间位置，再把第1帧设置为补间动画，把“简易”值设置为-100。这样这个字在1到20帧之间会由左下向右上方加速移动，在移动的过程中形状不断压缩直到翻转，颜色也逐渐融于背景中，给人一种被风卷走消失的感觉。6、对其它层也是一样的操作，因为每个文字起动的时间不一样，所以我们稍稍做些调整。在“南”字所在层的第5帧和第25帧分别按F6插入关键帧，在第25帧把“南”字也做压缩翻转及设置透明度的处理，并拖到和“湖”

23、字一样的位置，设置第5帧为运动渐变。这样“南”字将比“湖”字晚5帧起动。7、同样，剩下的层每一层都比上一层晚5帧起动，而文字的终止位置基本相同。最终完成后的时间轴窗口应如下图所示：在具体操作中，我们还应根据实际出现的效果来对文字的终止位置作出调整，以能够更好地体会到一种被风卷动的感觉。练习五：旋转缩放的车轮结合实例讲解，本练习重点让学员掌握填充面板的使用方法、物体旋转动画的制作。注意：线条要填充渐变色需通过“修改-形状-将线条转换为填充”后进行。1、选择工具箱中椭圆工具，将线条粗细设置为10，颜色为黑色。在场景中按住Shift键画一个圆，画上四条放射状轴线。2、选择刚画的图形，打开菜单“修改-

24、形状-将线条转换为填充”，将线条转换为色块，这样我们才能够使用颜色桶工具对其进行颜色填充。3、选择色谱渐变填充，调整混色器上的颜色设置，使轮子形状出现立体感。如下图：4、选择所画图形，按F8将其转换为图形元件，取名为“轮”。5、在第50帧插入关键帧，在第1帧上设置补间动画，并将属性中的旋转选项设置为顺时针旋转1圈。6、打开比例面板，设置某一关键上轮子的大小，即变为旋转缩放的车轮效果。练习六：水珠滴落效果本练习将综合运用前面所讲的几种基本技巧：动作动画、透明度参数、图层的应用等。第三章 遮罩使用这是一个比较简单但应用广泛的技术。如果运用得当，可以产生某些特殊的效果。下面我们来看一下它是怎么实现的

25、。练习一：探照灯1、首先，新建一个Flash文件。按Ctrl-M把电影属性修改为长条形，大约400X100，背景选天蓝色。2、选文字工具在场景中输入“新闪光时代”几个字。设置字的颜色为白色，字体为隶书，调整字号至合适大小。3、新建一个层，这个层应该在文字层的上面。在该层中用椭圆工具绘制一个圆形，颜色无所谓，但要求其直径要大于刚才输入的文字高度。4、选中圆，按F8把它转换成一个图形类元件，因为我们在后面要多次调用。当然，不转换也可以，只不过在圆渐变运动时，要选择形体渐变，而不是运动渐变。不论是用元件还是用形体，效果都一样。这里用元件。把圆拖到文字的左面如下图所示：5、在这一层第25帧按下F6键新

26、建一个关键帧，再在第50帧按下F6键。现在这两帧都和第1帧具有相同的内容。6、我们还在打算让圆先从左向右移动到文字右端，再移回文字左端。所以在第25帧，我们用键盘上的方向右键把圆从左端移到文字右端，见下图。移动时可以按下Shift键，这样移动起来会快一些。用键盘而不用鼠标移动的好处是移动后无需进行水平对齐。7、选中圆所在层的第1帧，设置渐变方式为运动渐变。同样，在第25帧也如是操作。因为第50帧和第1帧内容相同，所以不需要再做什么。8、在圆所在层点鼠标右键，在弹出的菜单中选择“遮蔽”，也就是把这一层变为遮罩层，而下面的文字层也自动变成为被遮罩层。9、我们注意到文字只在第1帧里有内容，为了在整个

27、动画过程中文字都能显示出来，我们在文字层的第50帧按F5键，这样该层所有帧的内容将和第1帧相同。好了，现在我们来看一看效果，应该差不多了，遮罩的感觉已经有了。现在大家应该明白为什么圆是什么颜色无关紧要了吧。因为遮罩就是把遮罩层中对象以外的部分遮盖住，而只显示透过对象的被遮罩层的内容。所以我们看到的文字的颜色是被遮罩层的，与遮罩层无关。10、为了使动画的效果更明显一些，我们可以在最下面放上浅一些颜色的文字做底色。我们选中圆所在层，再点新建一个层，把这个新建的层拖到最下面来。在文字层中选中文字，按Ctrl-C复制，再回到最下层，按Ctrl+Shift-V把文字粘帖到原来的位置上。在文字上双击鼠标左

28、键，进入实例属性对话框。在Color标签下把Alpha值改到50或以下，让文字显得透明一些。你也可以把文字打散再填充灰蓝一些的颜色。然后我们选中第50帧，按F5键，让之间所有帧的内容与第1帧相同。练习二：光影变幻文字1、创建一个新电影。2、将工作区的背景色设置成深蓝色，将工作区的高度设置成300。3、选择工具栏中矩形工具，设置参数为无线条、黑白渐变。 4、在工作区中绘制一个矩形。5、用箭头工具选取绘制的矩形，同时按住键盘上的Shift键和Alt键，用鼠标向左拖动选取的矩形，这时将复制出一个新矩形。 因为填充面板中每一种渐变色只能设置8个颜色渐变控制点，所以为了保证波浪的密度，只能选制作好最终图

29、形的一部分，然后通过对这一部分图形进行复制，从而得到最终图形。6、选择菜单修改-转换-水平翻转，复制后的矩形将水平翻转。7、用箭头工具拖动翻转后的矩形，使它与原来的矩形相接。如下图： 为了使复制后的图形与原来的图形无缝拼接，需要将复制后的矩形水平翻转，再通过位置调整，即可以使波浪形连续成一个整体。8、用箭头工具将两上矩形一起选中，然后选择菜单插入-转换成组件，在弹出的元件属性对话框中输入元件名称back，选择类型为“图形”，点击确定按钮。这时连成一起的两个矩形被转换成图形组件。9、点击时间轴窗口下方的按钮，在图层1上方增加一个新图层。10、选择工具栏中文字工具，将文字工具参数面板中将文字颜色设

30、置成浅蓝色，字体字型设置成黑体，字体大小设置为96。在工作区中间输入文字“梦幻”。11、点击时间轴窗口下方的按钮，在图层2上面增加一个新图层3。12、点击时间轴窗口中的图层2，这时图层2中的文字将被选中。选择菜单修改-分解组件，将文字打碎。13、选择菜单编辑-复制，将图层2中的文字图形复制到系统剪贴板中，待后面操作时进行粘贴。14、点击时间轴窗口中的第三层，选择菜单编辑-粘贴到新位置，这时图层3将复制图层2的文字图形。15、点击时间轴窗口中的图层2，这时图层2中的文字图形被选中。16、选择菜单修改-外形-柔化填充边缘，按下图所示输入参数，点击确定按钮，关闭对话框。这时图层2中文字图形蒋 出现柔

31、化的边框。17、按住键盘上的Shift键，依次点击等时线窗口中三个图层的第30帧，然后按键盘上的F5键，使三个图层的帧数都增加至30帧。18、点击时间轴窗口中图层1的第1帧，按住Shift箭，用箭头工具向左拖动矩形组件back，使它的右边缘与文字的右边缘基本接近。19、用鼠标右键点击图层1的第30帧，从弹出的菜单中选择“插入关键帧”，将第30帧变为关键帧。20、用箭头工具，将组件back往右移动到合适位置。21、点击时间轴窗口中图层1的第1帧，从帧数浮动面板中选择变化为“动作”，这时矩形将产生从左到右运动变形。22、点击时间轴窗口中图层3的名称，图层3中的文字图形将处于被选择状态。23、选择工具栏中油漆桶工具，并将油漆桶工具参数中的填充颜色设置成与前面矩形填充颜色相同的黑白渐变色。24、在图层3的文字图形中点击鼠标，这时文字图形将被填充为黑白渐变色。25、按下工具参数栏中的按钮，再用鼠标点击图层3