flash动画制作 PPT课件

1、课前导读 基础知识 重点知识 提高知识 了解知识 第1页/共115页基础知识 文档的基本操作、动画场景的设置。读者应认真阅读并理解它们的作用。第2页/共115页重点知识 设置首选参数、充分利用Flash自带的资源。读者应仔细阅读相关部分，并结合上机实战练习和掌握。第3页/共115页提高知识 自定义快捷键。初学者可暂时不学，待有一定的基础后再学习。第4页/共115页了解知识 Flash动画制作基本步骤，读者只需对其了解即可。第5页/共115页课堂讲解 文档的基本操作 Flash动画制作基本步骤 动画场景的设置 自定义快捷键 设置首选参数 使用Flash自带的资源 第6页/共115页 在学习制作F

2、lash动画之前，了解一些Flash的基本操作是必要的，如对Flash文档的基本操作、绘图之前设置绘图环境、自定义快捷键等。掌握这些操作对以后提高工作效率有极大的好处。 第7页/共115页文档的基本操作 新建文档 保存文档 打开文档 在Flash MX 2004中，对文档的基本操作包括新建、保存和打开等，下面分别讲解。 第8页/共115页新建文档 要制作Flash动画首先必须新建一个Flash文档，新建Flash文档有以下几种方法。启动Flash MX 2004后，如果出现了开始页，可以在开始页的“创建新项目”栏下面单击“Flash文档”即可自动新建一个空白文档。第9页/共115页在工作界面中

3、选择文件新建菜单命令，在打开的如图2-1所示的“新建文档”对话框中选择“Flash文档”选项，再单击 按钮可新建一个Flash文档。按【Ctrl+N】键，可打开“新建文档”对话框新建一个Flash文档。 按【Ctrl+N】键，在打开的“新建文档”对话框中单击“模板”选项卡，如图2-2所示。在其中选择相应的模板文档，再单击 按钮可新建一个应用了模板的Flash文档。 第10页/共115页图2-1第11页/共115页图2-2第12页/共115页保存文档 保存Flash文档的具体操作如下。 （1）在Flash MX 2004的工作界面中选择文件保存菜单命令。 （2）在打开的如图2-3所示“另存为”对

4、话框的“保存在”下拉列表框中选择文档保存的路径。第13页/共115页图2-3第14页/共115页 （3）在“文件名”文本框中输入文档的名称，其默认名称为“未命名-fla”。 （4）在“保存类型”下拉列表框中选择文档类型，一般选择“Flash MX 2004文档”，单击 按钮即可。 第15页/共115页打开文档 如果要对某个已保存的Flash文档进行编辑，则需要先打开Flash文档，其具体操作如下。 （1）在Flash MX 2004的工作界面中选择文件打开菜单命令，打开如图2-4所示的“打开”对话框。 （2）在“查找范围”下拉列表框中选择将要打开文档的路径。第16页/共115页图2-4第17页

5、/共115页 （3）在“文件名”文本框中输入相应的文件名，或直接在列表中单击要打开的文件图标。 （4）单击 按钮即可打开指定的Flash文档。 第18页/共115页FlashFlash动画制作基本步骤 策划动画 搜集素材 制作动画 调试动画 测试动画 发布动画 第19页/共115页 Flash作品的诞生需要经历很多制作环节，其中的每一个环节都相当重要，直接影响到作品的最终品质。下面对制作Flash动画的基本步骤进行简要介绍。以便在制作动画之前做到心中有数。第20页/共115页策划动画 在确定要制作的动画后，许多朋友可能都会急着启动Flash动手制作动画，而不管效果会怎么样，不管动画中不同场景之

6、间的关系如何，这种方法既不科学也不可取。以后可能会花几倍，甚至十几倍的时间去调整动画。因此在制作动画之前首先要做策划工作。第21页/共115页 在动画制作之前，首先应明确以下几个问题。制作动画的目的，如制作什么样的动画？是MTV、游戏、网页，还是广告？通过这个动画需要达到什么样的效果？是表达一种情感，是叙述一件事情，或是纯粹的广告。第22页/共115页 动画的风格是怎样的？是卡通的、写实的，还是线条式的；是彩色的还是灰色调的。 想通过什么样的形式将它表现出来。主要通过文字表现、图片表现，还是通过音效来表现。 第23页/共115页 在明确了制作目的之后，就需要为整个动画进行初步的策划，主要包括以

7、下几个方面。确定动画的剧情。在制作Flash动画之前，闭上眼睛想想成形后的动画是什么样子，形成一个大致的轮廓和一个整体的风格。另外，还可以通过文字和绘图将设计的剧情表现出来。俗话说“好记性不如烂笔头”，当我们有了一个对动画的意境想像时就需要用笔把它记录下来，可以采用文字的形式，也可以采用草图的形式。文字可以比较细致地表现思路，而草图则可以直观而生动地再现思路。第24页/共115页 确定各个动画的表现手法。一个Flash动画通常包括多个画面，各个画面将怎样出现、怎样消失，画面与画面之间如何衔接切换，如推移、放大缩小、旋转，还是摇动。这些都需要在前期有个大致的想法。 对动画中出现的人物、背景、音乐

8、等进行构思。确定动画主角、背景的色调和风格等。 第25页/共115页 作为动画制作的第一步，动画的策划对整个动画的品质起着决定性的作用，它直接影响到动画完成之后的总体效果以及表现力的强弱。 第26页/共115页搜集素材 在对动画进行了初步的策划之后，就可以搜集动画中可能要用到的素材。将各种素材搜集好以后再制作动画不但可以节约精力和时间，而且便于根据策划统一素材的风格，避免了边制作边搜集，不能统一风格的问题。在搜集素材时应注意以下几点。第27页/共115页 有针对性、有目的性地搜集素材，切忌漫无目的地搜集素材。很感兴趣。 搜集的素材风格应统一。如果一个动画的风格为卡通的，则搜集的所有素材应为矢量

9、图，如果一个动画的风格为写实风格，则搜集的所有素材应为位图。 第28页/共115页制作动画 经过精心的策划，搜集好素材后就可以制作Flash动画了。制作动画是Flash动画制作过程中比较关键的一步，它是利用所搜集的动画素材来表现动画策划中各个画面的具体实现手段。在拥有新奇的创意、完美的策划和精美的动画素材之后，动画的好坏很大程度就取决于动画的制作过程，这需要我们具备熟练的操作技能。在这一环节中应注意：在制作中的每一个环节都应该保持严谨的态度，即使是一个小的细节，都应该认真对待。第29页/共115页动画的制作应该严格按照前期策划来进行，以免最终作品与制作动画的初衷出现差异。第30页/共115页调

10、试动画 在动画初步制作完成后，并不一定就能达到预想的效果，这时需要对动画进行调试。调试动画主要是针对动画片段的衔接、动画的各个细节、声音与动画之间的协调等进行局部的调整，使整个动画看起来更加和谐自然，以保证动画作品的最终品质。第31页/共115页测试动画 动画制作完成后发布之前，还需要对动画的效果、品质等进行最后检测。动画播放的效果很大程度上取决于电脑的具体配置，因为电脑的配置不同，对矢量图、动画、文字和声音的运算速度也不同，配置越低，运算速度就越慢，使得动画播放起来非常吃力。有可能在制作动画的电脑上具有良好的播放效果，而在其他电脑上却表现出动画播放不连贯、停顿以及声音与图像不同步的现象，甚至

11、动画不能播放。第32页/共115页 所以，在动画制作完成之后对其进行测试是很有必要的。在测试动画时应注意：尽可能多地在不同档次、不同配置的电脑上测试动画。然后根据测试结果对动画进行调整和修改，使得动画无论在哪种操作平台上都可以得到相同的播放效果。第33页/共115页发布动画 发布动画是Flash动画制作的最后一步，在这一步中，可以对动画的输出格式、画面品质和声音效果等进行设置。发布动画时需要注意：应根据动画的用途等进行设置，而不能一味追求画面的精美和高品质的声音，使得Flash文件的体积不断增大，并影响动画的播放速度。第34页/共115页动画场景的设置 设置舞台的背景和大小 网格和标尺 场景的

12、其他操作 第35页/共115页 在Flash的工作界面中，细心的用户会发现：在场景中，除了舞台和工作区外，还有以下一些内容。 场景名称 ：这里显示当前场景的名称。 编辑场景 ：一些比较复杂的动画（如MTV、游戏等）都不止一个场景，单击该按钮，在弹出的场景列表中选择场景名称可以跳转到不同的场景中。第36页/共115页 编辑元件 ：一般的动画都不止一个元件（元件的用法将在后面讲解），单击该按钮，在弹出的下拉列表框中可以选择需要编辑的元件，进入其编辑状态。 显示比例 ：显示舞台画面的显示比例，单击右侧的 按钮，在弹出的下拉列表框中可以选择一种显示比例。第37页/共115页 当需要对某些对象的细节部分

13、进行编辑时，可以在显示比例下拉列表框 中将显示比例放大一些，以便观察对象的细节部分。 第38页/共115页设置舞台的背景和大小标题 在欣赏不同的Flash动画时可以看出，每个Flash动画的长宽都不相同，这是因为这些Flash动画拥有不同的舞台大小。第39页/共115页 设置舞台大小 设置舞台大小的具体操作如下。 （1）在“属性”面板中单击 按钮，打开如图2-5所示的“文档属性”对话框。 （ 2 ） 在 “ 尺 寸 ” 文 本 框 中 的“（宽）”和“（高）”中分别输入需要的宽和高值。 （3）单击 按钮即可将舞台设置为相应的大小。 第40页/共115页图2-5第41页/共115页如果“属性”面

14、板中没有 按钮，可以单击选择工具，再在舞台中单击一下，“属性”面板中就会出现 按钮。 第42页/共115页设置背景颜色 设置背景颜色的具体操作如下。 （ 1 ） 在 “ 属 性 ” 面 板 中 单 击 右下角的 按钮，弹出如图2-6所示的颜色列表。 图2-6第43页/共115页设置背景颜色 设置背景颜色的具体操作如下。 （2）在该列表中单击将背景设置成需要的颜色，如选择红色，即可将背景设置为红色，如图2-7所示。 第44页/共115页图2-7第45页/共115页网格和标尺 在制作Flash动画时，有时需要对某些对象进行比较精确的定位，这时可通过标尺和网格来定位对象，其具体操作如下。 第46页/

15、共115页 （1）选择视图标尺菜单命令，可以在场景的上方和左方显示水平和垂直标尺，如图2-8所示。 图2-8第47页/共115页 （2）选择视图网格显示网格菜单命令，即可显示网格，如图2-9所示。若再次单击“显示网格”命令即可取消网格的显示。 图2-9第48页/共115页 （3）选择视图网格编辑网格菜单命令，将打开如图2-10所示的“网格”对话框。 （4）在该对话框中可对网格线的颜色、是否对齐网格、网格的大小及贴紧精确度进行设置。设置完成后单击 按钮即可。 图2-10第49页/共115页场景的其他操作 除了对场景的界面进行设置外，我们还可以对场景本身进行设置，如添加场景、改变多个场景的先后顺序

16、、重命名场景等。 第50页/共115页 添加场景 在一些比较大型的Flash动画中，常需要用多个场景将动画分成几个小部分来制作，这时就需要添加几个场景。添加场景的方法很简单，只需选择插入场景菜单命令即可添加一个场景，并自动命 名 为 “ 场 景 2 ” ， 如 果 多 次 选 择 插入场景菜单命令可继续添加多个场景，依次命名为“场景3”、“场景4”、“场景5” 第51页/共115页 添加多个场景后单击图标，在弹出的列表中就显示了这些场景名称，如图2-11所示。在其中选择某个场景名称即可切换到相应的场景。图2-11第52页/共115页 “场景”面板的应用 选择窗口设计面板场景菜单命令，将打开“场

17、景”面板，如图2-12所示。 图2-12第53页/共115页 在“场景”面板中可以进行以下操作。 移动场景位置。选中要移动的场景，按住鼠标左键向上或向下拖动，这时会出现一根横线表示场景将要达到的位置，如图2-13所示。当横线移到需要的位置时松开鼠标左键即可将场景移到需要的位置。图2-13第54页/共115页 重命名场景。如果要重命名场景，可以双击场景名称，当其高亮显示时直接输入需要的名称，如图2-14所示，然后按【Enter】键可使新名称生效。图2-14第55页/共115页 选中一个场景，单击“重制场景”按钮 可以复制一个内容完全相同的场景，如图2-15所示。图2-15第56页/共115页 选

18、中一个场景，单击“添加场景”按钮 可以在选中场景的下方添加一个场景，如图2-16所示。 选中一个场景，单击“删除场景”按钮 即可将该场景删除。 图2-16第57页/共115页自定义快捷键 Flash MX 2004有默认的快捷键，如新 建 文 档 【 C t r l + N 】 、 新 建 元 件【 C t r l + F 8 】 、 打 开 “ 库 ” 面 板【F11】用户也可以根据自己的习惯自定义快捷键。自定义快捷键的具体操作如下。 （1）选择编辑快捷键菜单命令，打开“快捷键”对话框，如图2-17所示。第58页/共115页图2-17第59页/共115页 （2）单击对话框右上角的“复制副本”

19、按钮，复制一个Flash快捷键设置的副本，对话框变为如图2-18所示。 （3）在“命令”下拉列表框中选择一种类型的命令，然后在下面的列表框中选择要设置快捷键的命令。 第60页/共115页图2-18第61页/共115页 （4）单击“添加快捷键”按钮 ，可以为选中的命令添加一个快捷键，单击“删除快捷键”按钮 可以将当前定义好的快捷键删除。 （5）如果要更改当前的快捷键设置，单击 按钮，然后将光标定位到“按键”文本框中，按下新的快捷键，再次单击 按钮即可使更改生效。 第62页/共115页设置首选参数 设置常规首选参数 设置编辑首选参数 设置剪贴板首选参数 设置警告首选参数 设置动作脚本编辑器首选参数

20、第63页/共115页 设置好首选参数，可以便于以后的工作。首选参数的设置在“首选参数”对话框中进行。选择编辑首选参数菜单命令，即可打开“首选参数”对话框，如图2-19所示。 在该对话框中可以对常规参数、编辑参数、剪贴板参数、警告参数和动作脚本参数进行设置，下面分别讲解。 第64页/共115页图2-19第65页/共115页设置常规首选参数 常规首选参数的设置在“常规”选项卡中进行。在其中可以设置一些关于绘图的首选项。下面介绍最常见的几种设置。 撤消级别：在该文本框中可以设置撤消/重做的级别数。取值范围为29 999，默认值为100。使用的撤消级别越多，占用的系统内存就越多。第66页/共115页

21、打印选项：默认情况下，其后的 复选框处于未选中的状态。如果打印到PostScript打印机有问题，可以选择此选项，但这将减慢打印速度。 选择选项：如果选中 复选框，单击附加元素将取消对其他元素的选择，除非按住【Shift】键。选中 复选框可以在指针停留在控件上时显示工具提示。如果不想看到工具提示，取消该复选框的选择即可。 第67页/共115页 加亮颜色：选中 单选项，可以从后面的调色板中选择一种颜色，也可选中 单选项，以使用当前图层的轮廓颜色。 字体映射默认设置：在该下拉列表框中可以选择在Flash中打开文档时替换缺失字体时所使用的字体。 第68页/共115页 启动时：在该栏中可以选择其中任意

22、一个单选项以指定在启动Flash时应用程序将打开哪个文档。选中 单选项，则启动时显示“开始”页面；选中 单选项，则启动时自动新建一个空白文档；选中 单选项，则启动时打开上次退出Flash时打开的文档；选中 复选框则在启动Flash时不打开文档。 第69页/共115页设置编辑首选参数 在“编辑”选项卡中可以设置绘图工具的一些参数，如钢笔工具的绘图效果、文本效果和其他一些绘图效果等。“编辑”选项卡如图2-20所示。第70页/共115页图2-20第71页/共115页 下面介绍“编辑”选项卡中最常见的几种设置。 钢笔工具：选中该栏中的 复选框，在使用钢笔工具绘图时会将笔尖的运动轨迹预先显示出来；选中

23、复选框，将使绘制的线条端点以实心点显示，否则以空心点显示；选中 复选框，将使钢笔工具在舞台中的形状变为十字光标，默认情况下钢笔工具的光标是一个钢笔尖。 第72页/共115页 垂直文本：选中该栏中的 复选框可以将默认文本方向设置为垂直，在默认情况下，该选项处于取消选择状态；选中 复选框可以翻转默认的文本显示方向，默认情况下，该选项处于取消选择状态；选中 复选框可以关闭垂直文本字距微调，默认情况下，此选项处于取消选择状态。 第73页/共115页 绘画设置：在该栏中可以对绘图中的一些参数进行设置。 连接线：在该下拉列表框中可以决定线条绘制封口时端点之间的关系，其中包括必须接近、正常、可以远离3项。

24、平滑连线：在该下拉列表框中可以对平滑的优化程度进行设置，其中包括关、粗略、正常、平滑4项。 第74页/共115页 确认线：在该下拉列表框中可以设置将线条识别为直线的精度，其中包括关（关闭选项）、严谨（只有线条非常直时才识别为直线）、正常、宽松（即使存在较大误差，也可以将其识别为直线）4项。 确认形状：在该下拉列表框中可以设置将绘制的图形确认为几何形状必须达到的精度，其中包括关、严谨、正常、宽松4项。 点击精确度：在该下拉列表框中可以设置在选定对象时鼠标光标位置的准确性，其中包括严谨、正常、宽松3项。 第75页/共115页 在用铅笔绘制图形时，选择“确认形状”很有用，如要用铅笔工具绘制一个圆形，

25、如果在该下拉列表框中选择“宽松”选项，即使画得不是很圆，系统也会自动将其确认为圆。 第76页/共115页设置剪贴板首选参数标题 在“剪贴板”选项卡中可以设置位图的显示属性，“剪贴板”选项卡如图2-21所示。第77页/共115页图2-21第78页/共115页 位图：在“颜色深度”下拉列表框中可以设置采用的颜色深度；在“分辨率”下拉列表框中可以指定拷贝到剪贴板的位图参数；在“大小限制”文本框中输入数值可以指定将位图图像放在剪贴板上时所使用的RAM量；若要处理大型或高分辨率的位图图像时，建议将该值增大；选中 复选框可以应用消除锯齿功能。 渐变色：在该下拉列表框中选择一个选项可以指定在Windows源

26、文件中放置的渐变色填充的品质。感兴趣。 第79页/共115页设置警告首选参数 在“警告”选项卡中可以设置当出现某些特殊情况时是否提示警告，如转换为元件时发出警告、缺少字体时发出警告等。“警告”选项卡如图2-22所示。在该选项卡中选中某个复选框可以在出现相应情况时发出警告。 第80页/共115页图2-22第81页/共115页设置动作脚本编辑器首选参数 “动作脚本”选项卡如图2-23所示。在“动作脚本”选项卡中可以设置动作脚本的一些参数，如脚本代码的颜色、字体、段落格式等。 第82页/共115页图2-23第83页/共115页使用FlashFlash自带的资源 欣赏Flash自带的动画 使用模板文件

27、 第84页/共115页 为了便于用户学习和使用，Flash MX 2004提供了许多资源，初学Flash MX 2004就要善于充分利用Flash自带的资源，这样不但有利于学习Flash，还可以提高工作效率。举例来说，Flash MX 2004自带了许多模板文件，只要打开其中的一个模板文件，在其基础上稍加修改就可以快速完成一个Flash动画。第85页/共115页欣赏FlashFlash自带的动画 下面首先来欣赏一下Flash自带的动画。在“我的电脑”窗口中进入Flash MX 2004所在的安装路径，如安装 在 D 盘 ， 则 进 入 D : F l a s h M X 2004zh_cnFi

28、rst RunSamples文件夹，其中包括许多Flash自带的动画，图2-24所示为其中的BehaviorsScrapbook动画效果。 第86页/共115页图2-24第87页/共115页使用模板文件 Flash MX 2004提供了许多模板，用户可以在这些模板的基础上通过简单的修改形成另外一个Flash作品。 （1）选择文件新建菜单命令，打开“新建文档”对话框。 第88页/共115页 （2）单击“模板”选项卡，对话框变为如图2-25所示。其中包括了Flash MX 2004自带的许多模板文件。图2-25第89页/共115页 （3）在“类型”列表框中选择模板的类型，在“模板”列表框中选择需要

29、的模板。 （4）单击按钮即打开该模板文件，如图2-26所示为打开的“怀旧幻灯片演示文稿”文件。第90页/共115页图2-26第91页/共115页上机实战 设置Flash的场景 通过模板创建动画 第92页/共115页 在本课上机实战中将进行两个练习：一是练习对Flash场景进行设置，为后面的动画制作打下基础；二是练习通过Flash自带的模板创建Flash动画，目的只是为了让读者巩固所学的知识，并学会善用资源。需要注意的是，对场景的设置是制作Flash动画的基础，一定要认真练习，而通过模板创建动画只是提高工作效率和练习的好方法，在以后制作Flash动画时建议读者最好自己动手，不要过份依赖模板。第9

30、3页/共115页设置FlashFlash的场景 要求将场景大小设置为300200像素，命名为“序幕”，背景色设为红色，并添加网格和标尺。最后再新建两个场景，依次命名为“剧情”、“尾声”。 其具体操作如下。 （ 1 ） 选 择 开 始 所 有 程序Macromedia Flash MX 2004菜单命令，启动Flash MX 2004，系统自动新建一个空白的Flash文档。 第94页/共115页 （2）展开“属性”面板，在其中单击按钮，如图2-27所示。 图2-27第95页/共115页 （ 3 ） 打 开 “ 文 档 属 性 ” 对 话 框 ， 在“（宽）”文本框中输入300px，在“（高）”文

31、本框中输入200px，如图2-28所示。 图2-28第96页/共115页 （4）单击 按钮即可将舞台大小设置为300200像素。 （5）在“属性”面板中单击图标，在弹出的颜色列表中选择红色，即可将舞台背景设为红色。 （6）选择视图标尺菜单命令，在场景的上方和左方显示水平和垂直标尺。 第97页/共115页 （7）选择视图网格显示网格菜单命令，即可显示网格，如图2-29所示。 图2-29第98页/共115页 （8）选择插入场景菜单命令添加一个场景，系统自动命名为“场景2”，用相同的方法添加一个“场景3”。 （9）选择窗口设计面板场景菜单命令，打开“场景”面板，双击“场景1”，在高亮显示的文字上输入

32、“序幕”，如图2-30所示。 图2-30第99页/共115页 （10）用相同的方法将场景2和场景3分别命名为“剧情”和“尾声”，如图2-31所示。图2-31第100页/共115页通过模板创建动画 下面通过Flash自带的模板文件，创建一个照片集，其具体操作如下。本身。 （1）选择文件新建菜单命令，打开“新建文档”对话框。在其中单击“模板”选项卡。 第101页/共115页 （2）在“类型”列表框中选择“照片幻灯片放映”，在“模板”列表框中选择“现代照片幻灯片放映”，如图2-32所示。图2-32第102页/共115页 （3）单击 按钮打开该模板文件，如图2-33所示。图2-33第103页/共115页 （4）下面将该照片集中的所有照片换为自己喜欢的图片，选中最下面一个图层的第1帧，选中舞台中的图片，按【Delete】键将其删除。 （5）选择文件导入导入到舞台菜单命令，在打开的如图2-34所示“导入 ” 对 话 框 中 选 择 需 要 的 图 片 ， 单 击 按钮