动画设计教程第1章.ppt

《动画设计教程第1章.ppt》由会员分享，可在线阅读，更多相关《动画设计教程第1章.ppt（50页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1.1 Flash简介简介1.2 Flash 8的新增功能的新增功能1.3 Flash 8的文件操作的文件操作1.4 关于关于Flash Player1.5 文件的打开和保存文件的打开和保存1.6 打开并修改文件打开并修改文件过关练习过关练习第第1章章 Flash 8入门知识入门知识 1.1 Flash简介Macromedia公司成立于1992年，它在1998年收购了一家开发制作Director网络发布插件FutureSplash的小公司，并且继续发展了FutureSplash插件，这就是后来广泛流行的Flash。Flash是一款矢量图形编辑和动画创作软件，用它可以将声音、文字、图像甚至视频融

2、合在一起，制作出高品质的动画效果。1.1.1 Flash 8的特点的特点和以前版本的Flash软件相比，Flash 8具有以下特点。1交互式设计Flash 8具有强大的交互功能，使用它可以创建按钮、多级弹出式菜单、复选框及交互式游戏等，使用户可以随心所欲地控制动画。2采用矢量图使用Flash 8制作的动画中的图形都为矢量图，因此，即使将动画的播放界面放大或缩小，也不会影响动画的品质，如图所示。图1.1.1 放大矢量图不会失真3作品下载时间短Flash 8支持“流技术”下载，克服了目前网络传输速度较慢的缺点，并且允许用户边下载边观看动画，而不用等待将整个动画下载完后再观看。4支持导入音频和视频在

3、Flash 8中，用户可以将外部的音频和视频文件导入用户的动画中，还可以根据需要对其进行编辑和加工处理，以使其符合用户的实际需要。5插件工作方式Flash 8的工作方式为插件方式，任何安装有Shockwave Flash插件的网络用户，都可通过网页浏览器观看Flash动画。6适用范围广使用Flash不仅可以制作动画，还可以制作教学课件、产品功能展示、MTV和Flash游戏等。总之，随着计算机技术的发展，Flash应用的范围已经越来越广。7支持遮罩在Flash中恰当地使用遮罩，可以创建独特的动画透视效果。1.1.2 Flash的应用的应用由于新版的Windows操作系统预装了Flash插件，使得

4、Flash得到了迅速发展，它主要应用于以下几个方面：（1）网站广告动画。目前，Flash已成为网站广告动画的主要形式，如新浪、搜狐等大型门户网站都很大程度地使用了Flash动画，如图所示为搜狐网站中雪花啤酒的广告动画。图1.1.2 搜狐网站中雪花啤酒的广告动画（2）音乐MTV。由于Flash支持MP3音频，而且能够边下载边播放，大大节省了下载的时间和所占用的带宽，因此被广泛应用于音乐MTV的制作，如图所示。图1.1.3 音乐MTV（3）产品功能演示。在产品被开发出来后，为了让人们了解它的功能，开发商常常用Flash制作一个演示片，以便能全面地展示产品的特点。使用Flash制作的产品功能展示不仅

5、图文并茂，而且能通过生动的语言讲解产品的新功能，克服了平面广告宣传不到位的缺点，如图所示为一个汽车演示动画。图1.1.4 汽车演示动画（4）教学课件。对于教师们来说，Flash是个好的教学帮手，由它开发的教学课件操作简单、文件体积小、交互性强，非常有利于教学的互动，如图所示。（5）故事片。提到故事片，相信大家可以举出一大堆经典的Flash故事片，如三国系列、春水系列、大话西游系列等，制作故事片需要有好的手绘功底，如图所示。图1.1.5 教学课件 图1.1.6 故事片“大话李白”（6）网站片头。为了使浏览者对自己的网站过目不忘，现在几乎所有的个人网站或设计类网站都有网站片头动画，如图所示为锐志汽

6、车的片头动画。图1.1.7 锐志汽车的片头动画（7）网站导航。使用Flash制作的网站导航条，美观且具有超强的交互性，因此被用于制作具有独特风格的网站导航条，如图所示。（8）游戏。游戏可以为我们的生活增添乐趣，通过在Flash中进行ActionScript编程，可以制作出小而有趣的游戏，如图所示。图1.1.8 网站导航条 图1.1.9 Flash游戏 1.2 Flash 8的新增功能新推出的Flash有Flash Basic 8和Flash Professional 8两个版本。其中Flash Basic 8是面向Web设计人员、交互式媒体专业人员和开发多媒体内容的版本，它注重创建、导入和处理

7、多种类型的媒体（音频、视频、位图、矢量、文本和数据）。Flash Professional 8是Macromedia公司专为高级Web设计人员和应用程序构建人员而设计的，它除了具备Flash Basic 8的所有功能之外，还新增了以下几种强大的功能。（1）对象绘制模型。在Flash 8中，新增的“对象绘制”模型可以让用户使用绘图工具绘制出独立于其他形状的图形对象，该图形不会影响其下方的其他图形，如图所示。图1.2.1 对象绘制模型下的图形不相互影响（2）增强填充变形工具的功能。新的填充变形工具可以让用户对舞台上的对象应用复杂的渐变，并能够精确地控制渐变中心点的位置，以创建不同的渐变效果，而且能

8、对渐变应用其他参数，如图所示。图1.2.2 改进的放射状渐变功能（3）脚本助手模式。在动作面板中新增了脚本助手，可使用户在不太了解ActionScript的情况下也能创建动作脚本，如图所示为普通模式和脚本助手模式下的动作面板。图1.2.3 普通模式和脚本助手模式下的动作面板（4）扩展的舞台工作区。当用户制作的图形不能全部放置于舞台中时，可将它们放置于舞台周围的空白区域（即工作区）中，将其暂时存储起来以备不时之需，且该区域中的图形在播放SWF文件时不显示在舞台中。（5）文件选项卡。用户可以在同一个Flash应用程序窗口中打开多个Flash文件，并可以使用位于工作区顶部的文件选项卡在它们之间进行切

9、换。（6）改进的“首选参数”对话框。Flash 8精简了“首选参数”对话框的设计，对其重新布局，使该对话框更简洁易用。（7）单一库面板。在以前发布的版本中，若要查看多个Flash文件的库元素，必须同时打开多个库面板，而Flash 8对库面板进行了集成设计，即只要打开一个库面板即可查看多个Flash文件的库元素，如图所示。图1.2.4 在Flash MX 2004与Flash 8中查看多个文件的库项目（8）改进的发布界面。Flash 8简化了“发布设置”对话框，使得SWF文件的发布更加快捷、轻松。（9）新的曲线算法。在使用铅笔工具和刷子工具绘图时，Flash 8采用了新的曲线算法，允许用户在属性

10、面板中设置平滑度，从而通过增加平滑度的数值减少曲线的点数，最终缩小文件的大小。（10）自定义缓动控制。使用Flash 8中新增的缓动控制，可以精确地控制时间轴中应用了补间的图形在舞台上的变化过程。使用这种新的控制，可以使对象在一个补间内在舞台上前后移动，也可以创建其他复杂的补间效果，如图所示即为“自定义缓入/缓出”对话框。图1.2.5 “自定义缓入/缓出”对话框（11）图形效果滤镜。用户可以使用Flash 8中的滤镜为对象添加发光、投影等多种效果或效果的组合，如图所示。图1.2.6 多种滤镜效果（12）平滑位图。Flash 8中新增的平滑位图功能，可以使用户在放大或缩小位图图像时改善图像的外观

11、。（13）改进的消除文本锯齿功能。用户可以应用新的消除锯齿设置，使正常大小和较小的文本显示得更清晰。（14）新的视频编码器。Flash 8附带了一个新的视频编码器，它是一个独立的应用程序，可以方便地将视频文件转换为Flash视频格式.flv，该程序还可以用来执行视频文件的批处理。（15）混合模式。Flash 8提供了多种图像混合模式，使用它们可以更改一个对象与位于其下方的各个对象的组合方式，从而获得多种复合效果，如图所示。图1.2.7 多种混合模式效果（16）对象层级撤销模式。在以前发布的版本中，若要进行撤销操作，会一步一步地将所有的代码和对象撤销，而Flash 8提供了两种撤销方式，一种是文

12、档级别的撤销，如只撤销输入的代码；一种是对象级别的撤销，如只撤销场景中的对象操作，如图所示。（17）Flash 8增强了查找和替换功能，用户可以查找和替换文字、字体、颜色、元件、声音、视频和导入的位图等多种对象，如图所示。图1.2.8 两种撤销方式 图1.2.9 增强的查找和替换功能 1.3 Flash 8的文件操作在Flash 8中有两种文件，一种是以.swf为后缀名的动画文件；另一种是以.fla为后缀名的源文件。Flash 8的文件操作是创建动画的基本操作，它包括新建、打开、保存和导出文件等。1.3.1 新建文件新建文件用户新建的文件都是以.fla为后缀名的源文件，新建文件主要有以下4种方

13、法：（1）从开始页新建。启动Flash 8软件，打开开始页，选择“创建新项目”选项组中的“Flash文档”选项，如图所示。（2）从菜单栏新建。选择“文件”“新建”命令，弹出“新建文档”对话框，在“类型”选项组中选择“Flash文档”选项，如图所示，然后单击“确定”按钮。图1.3.1 从开始页新建文件 图1.3.2 “新建文档”对话框（3）通过快捷键新建。按“Ctrl+N”键，弹出“新建文档”对话框，然后按照方法（2）继续。（4）从模板新建。单击“新建文档”对话框中的“模板”标签，此时，“新建文档”对话框将变为如图所示的“从模板新建”对话框，在“类别”选项组中选择文件的类型，在“模板”选项组中选

14、择文件的样式，然后单击“确定”按钮。1.3.2 打开文件打开文件要编辑Flash 8的动画文件，必须先打开该动画文件。这里所说的文件是指Flash源文件，即可编辑的*.fla文件，而不是*.swf文件，打开文件主要有以下3种方法：（1）从开始页打开。启动Flash 8软件，打开开始页，最近编辑过的文件会显示在“打开最近项目”选项组中，用鼠标单击相应的文件名称即可将其打开。（2）从菜单栏打开。选择“文件”“打开”命令，弹出“打开”对话框，选择需要打开的文件，如图所示，然后单击“打开”按钮。图1.3.3 “从模板新建”对话框 图1.3.4 “打开”对话框（3）通过快捷键打开。按“Ctrl+O”键，

15、弹出“打开”对话框，然后按照方法（2）继续。1.3.3 保存文件保存文件动画完成后须将其保存起来，Flash 8提供了“保存”、“另存为”、“保存并压缩”、“另存为模板”和“全部保存”5个保存命令。（1）“保存”：保存当前文件，并将新增信息追加到该文件中。（2）“另存为”：将当前文件以新的名称保存到不同的位置。（3）“保存并压缩”：保存当前文件，并对文件数据进行压缩。（4）“另存为模板”：将当前文件保存为模板。选择该命令将弹出“另存为模板”对话框，用户可以在“名称”文本框中输入模板的名称；在“类别”下拉列表中选择一个模板类别；在“描述”文本框中输入对模板的说明，如图所示，然后单击“保存”按钮。

16、图1.3.5 输入模板信息（5）“全部保存”：将当前打开的所有文件一次性全部保存。1.3.4 关闭文件关闭文件当用户将Flash动画制作完成后，可将该文件关闭，使操作界面更简洁，可采用以下几种方法关闭Flash文件。（1）在菜单栏中选择“文件”“关闭”命令，可将目前正在操作的文件关闭。（2）选择“文件”“全部关闭”命令，可将打开的多个文件同时关闭。（3）单击工作窗口右上角的“关闭”按钮，可快速关闭目前正在操作的文件。1.4 关于Flash PlayerFlash Player是Flash动画的播放器，目前的最高版本为8.0，即使用Flash Player 8可以在最大范围内，在各种平台、浏览器

17、和设备上，以同一方式播放所有后缀名为.swf的文件。如果用户要播放后缀名为.swf的文件，必须保证在本地计算机上安装了Flash Player播放器。在默认情况下，Flash Player将随Flash 8应用程序一起安装，如图所示。图1.4.1 Flash Player 8如果用户没有安装Flash Player插件，可通过以下几种方法安装：（1）安装Flash 8。（2）从M下载免费的插件进行安装。（3）在安装光盘的softwaresFlash Player目录下找到该插件的安装文件进行安装。在Flash Player工作窗口中包含4个菜单项，分别为“文件”、“查看”、“控制”和“帮助”。

18、“文件”菜单中包括打开、关闭、打印、创建播放器和退出命令，用户可以使用这些命令进行关于文件的操作。“查看”菜单中包括100%、显示全部、放大、缩小、全屏和品质命令，用户可以使用这些命令改变Flash播放器的工作窗口及其显示清晰度。“控制”菜单中包括播放、后退、向前、向后和循环命令，用户可以使用这些命令控制动画播放时的进度。“帮助”菜单中包括关于Macromedia Flash Player 8命令，选择该命令，会弹出一个显示Flash播放器版本信息的对话框。1.5 文件的打开和保存在Flash 8中打开已经创建好的文件，效果如图所示。图1.5.1 打开创建的文件操作步骤如下：操作步骤如下：（1

19、）启动Flash 8软件。（2）选择“文件”“打开”命令，弹出“打开”对话框，在“查找范围”下拉列表中选择路径为“C:Program FilesMacromediaFlash 8Samples and TutorialsSamplesComponentsJukeboxjukebox.fla”的文件。（3）单击“打开”按钮将其打开，如图所示。图1.5.2 打开的文件（4）选择“文件”“另存为”命令，在弹出的“另存为”对话框中单击按钮，将路径切换至桌面，如图所示。（5）单击“保存”按钮完成操作。（6）按“Ctrl+Enter”键预览，效果如图所示。图1.5.3 “另存为”对话框 1.6 打开并修改

20、文件将已经制作好的Flash文件打开，并对其进行修改，如图所示。图1.6.1 修改Flash文件操作步骤如下：操作步骤如下：（1）启动Flash 8软件。（2）选择“文件”“打开”命令，弹出“打开”对话框。（3）在“查找范围”下拉列表中选择路径为“C:Program FilesMacromediaFlash 8Samples and TutorialsSamplesGraphicsAnimated DropShadowanimation_and_gradients.fla”的文件，如图1.6.2所示。（4）单击“打开”按钮将其打开，如图所示。图1.6.2 选择文件 图1.6.3 打开文件（5）

21、选择“修改”“文档”命令，弹出“文档属性”对话框，如图所示。（6）在“帧频”文本框中输入数值“24”。（7）单击“背景颜色”后的“颜色”按钮，在打开的颜色列表中选取值为“#996600”的颜色，如图所示。（8）单击“确定”按钮，更改动画文件“animation_and_gradients.fla”的背景颜色和帧频。（9）按“Ctrl+Enter”键，预览动画效果，如图所示。图1.6.4 “文档属性”对话框 图1.6.5 在颜色列表中选取颜色过关练习 填空题填空题1Flash的前身是_，即早期流行的矢量动画插件。2Flash 8新增了_，当在该模型下绘制图形时，新图形不会改变位于它下面的其他 图

22、形。3Flash采用Shockwave技术，按照_方式传输多媒体数据，用户可以边下载边播放，从而节省了等待时间。4Flash 8的特点包括_、_、_、_、_、_和_。选择题选择题1Flash源文件指后缀名为（）的文件。（A）.fla（B）.swf（C）.exe（D）.html2下列（）不属于Flash 8的新增功能。（A）渐变增强（B）脚本助手模式（C）位图平滑（D）时间轴特效3Flash 8自带的播放器是（）。（A）Flash Player 5（B）Flash Player 6（C）Flash Player 7（D）Flash Player 8 简答题简答题1简述矢量图形的优点。2如果用户要播放后缀名为.swf的文件，必须保证在本地计算机上安装了什么？3Flash 8的新增功能有哪些？上机操作题上机操作题1检查自己电脑的系统配置是否符合安装Flash 8的系统要求，如果符合，尝试在计算机上安装Flash 8应用软件。2设置系统的首选参数。3自定义Flash 8中的快捷键。4创建一个尺寸为“500 px200 px”，背景颜色为“红色”，帧频为“30”，名称为“a”的动画文件。