Flash动画设计与制作——第一章：基本知识与基本操作.ppt

1,Flash动画设计与制作第一章：基本知识与基本操作,合肥工业大学计算机信息学院 石 雷,2,Flash的基本知识,一、什么是Flash 二、为什么要学习Flash 三、如何学习Flash,3,Flash的基本知识,一、什么是Flash 二、为什么要学习Flash 三、如何学习Flash,4,Flash的基本知识什么是Flash,流媒体的概念 采用流式传输的方式在Internet上播放的媒体格式，而流式传输方式则是将整个音频视频及3D等多媒体文件经过特殊的压缩方式分成一个个压缩包，由视频服务器向用户计算机连续、实时传送。 流媒体可分为五类：流式音频、流式视频、流式动画、流式图象、流式文本。 Flash的原名：Animator 最早的开发公司：FutureSplash公司。九十年代中期该公司被Macromedia公司所买下。 1996年，微软网路（The Microsoft Network, MSN）使用FutureSplash公司的Animator软件设计了一个界面与广告全银幕动画来模拟电视。从而大大推动了其发展。,5,Flash的基本知识什么是Flash,矢量图和位图 矢量图形使用称作矢量的直线和曲线描述图像，矢量也包括颜色和位置属性。例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。树叶的颜色由轮廓的颜色和轮廓包围区域的颜色决定。 在编辑矢量图形时，您可以修改描述图形形状的线条和曲线的属性。您可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的的输出设备上，而丝毫不影响品质。,6,Flash的基本知识什么是Flash,矢量图和位图 位图图形使用称作像素的排列在网格内的彩色点来描述图像。例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，用非常类似镶嵌的方式来创建图像。 在编辑位图图形时，您修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。编辑位图图形可以更改它的外观品质。特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的外观品质。,7,Flash的基本知识什么是Flash,Flash是由Macromedia公司研发的，采用了流媒体技术的、基于矢量图的优秀的Web图像、动画设计工具。它可以广泛应用于网络中的多种领域，出色的效果，轻巧的任何编程基础体积加上便捷的操作，几乎可以没有，就可以制作出以往需要有很强的专业知识才能达到的效果，通过简单友好的创作环境，制作出精美绚丽的Flash动画，Flash的流行程度有目共睹，可谓是一个梦幻工厂。,8,Flash的基本知识什么是Flash,Flash的特性 友好的操作界面，容易学习：Flash的操作界面美观，层次清晰，各面板布局合理，相对其他制作动画的程序如Java Applet，Flash更加容易操作，无需任何编程基础就可以轻松制作出大量动画效果。 生成的动画文件可以独立播放：用Flash制作的动画作品不仅可以在线观看，也可以离线观看，并同时保留其原来动画中的各种交互式操作功能。 流媒体动画：Flash播放器在下载Flash影片时采用流媒体方式，也就是说，在Flash文件还没有完全下载完毕时就播放动画，即下载的同时进行播放。 文件体积较小：由于Flash采用的图像方式是矢量图，生成的文件相对于传统网页动画中同等面积的像素图来说要小很多。 可自由缩放，自动调整图像尺寸：Flash可以根据浏览者对浏览器窗口尺寸的改变自动调整窗口中网页内容的尺寸，这样就不会因为浏览器窗口的缩小而丢失网页内容。,9,Flash的基本知识什么是Flash,Flash的特性 具有交互式作用的多媒体影片：Flash影片可以通过Action Script脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标操作与影片之间产生互动。 易用性：每个人都可以通过Flash制作出影片，动态网页，新版本虽然比早期的版本难一些，但在原来版本中可实现的操作，在新版本中同样容易实现，只是新版本中可实现的功能更多，看起来比较复杂而已。,10,Flash的基本知识,一、什么是Flash 二、为什么要学习Flash 三、如何学习Flash,11,基本知识与基本操作为什么要学习Flash,制作Flash动画 Flash可以制作各种风格的漫画动画，并且可以为这个动画配以声音效果。这些动画漫画，可以是MV，可以是有趣的故事，可以是公司宣传片总之可以有很多不同的应用。在国内已经涌现出了许多出色的全Flash作品。 制作Flash游戏 利用Flash中的ActionScript脚本语言功能，可以制作出简单有趣的Flash游戏。 制作Flash电子贺卡 利用Flash制作的电子贺卡，不但图文并茂，而且可以伴有背景音乐，是目前网络中比较流行的一种祝福方式。,12,Flash的基本知识为什么要学习Flash,制作Flash教学课件 以Flash动画的形式传达讲述内容，加上其交互式的操作制作出教学课件。 制作Flash广告条 在网页中会有大量的广告，许多广告都是由Flash制作完成的。 制作Flash网页 为了达到一定的视觉冲击力，企业往往在浏览者进入主页之前首先播放一段进站动画，或者整个网站都用Flash动画来实现，这样的网站交互性很强，内容丰富绚丽，十分个性化。,13,Flash的基本知识,一、什么是Flash 二、为什么要学习Flash 三、如何学习Flash,14,Flash的基本知识如何学习Flash,课上，好好听我讲解。 课下，多练习，这点很重要。,15,Flash的基本操作,一、Flash2004的工作环境 二、创建Flash动画文件 三、设置文件属性 四、Flash动画的发布,16,Flash的基本操作,一、Flash2004的工作环境 二、创建Flash动画文件 三、设置文件属性 四、Flash动画的发布,17,Flash的基本操作Flash2004的工作环境,Flash 制作工具的系统要求 创作 Flash 影片需要的硬件和软件：Intel Pentium 200 MHz 或相当的处理器；运行 Windows 98 SE、Windows ME、Windows NT 4.0、Windows 2000 或 Windows XP；64 MB RAM（建议 128 MB）；85 MB 可用磁盘空间；分辨率可达 1024 x 768 的 16 位彩色显示器；CD-ROM 驱动器。,18,Flash的基本操作Flash2004的工作环境,Flash Player 的系统要求 在浏览器中播放 Flash 影片需要下列硬件和软件：Microsoft Windows 95、Windows 98、Windows ME、Windows NT 4.0、Windows 2000 或者 Windows XP 或更高版本。 在 Windows 中，需要与 Netscape 4（或更高版本）配合使用的 Netscape 插件；而在 Mac OS 上，则需要与 Netscape 4.5（或更高版本）配合使用的 Netscape 插件或 Internet Exporer 5.0（或更高版本）。 要运行 ActiveX 控件，需要 Microsoft Internet Explorer 4 或更高版本（Windows 95、Windows 98、Windows Me、Windows NT4、Windows 2000、Windows XP 或更高版本）。,19,Flash的基本操作Flash2004的工作环境,20,Flash的基本操作Flash2004的工作环境,菜单栏 文件菜单栏：操作对象多为整个文件，包含工作中最常用的各种命名，例如创建一个新的Flash文档，打开已有文档，保存文档，从外部导入文件等操作。 编辑菜单栏：操作对象多为在场景中的各种元素，对它们进行编辑，另外，还可以通过它设置一些系统参数，如设置首选参数，定义工具面板，设置缺省字体映射与快捷键。 视图菜单栏：用于设置场景的显示比例，尺寸，实现场景之间的切换，提供辅助线帮助Flash中的对象定位，如网格，标尺。 插入菜单栏：操作对象主要为时间轴，用于在时间轴中插入各种帧、图层以及场景，制作时间轴特效等 。 修改菜单栏：操作对象为场景中的各种元素、图层、场景与时间轴等，用于修改它们的属性，形状与对齐方式等。 文本菜单栏：操作对象为场景中的文本，用于设置文本的字体、字型、字号等，这些设置基本可以在文字属性面板中完成，另外，在文本菜单栏中还包括了检查拼写功能，用于检查文件中文字、语言方面的错误。 命令菜单栏：用于使用自行设置的命令，适合完成一种重复性的操作工作。,21,Flash的基本操作Flash2004的工作环境,菜单栏 控制菜单栏：用于控制场景中的动画进程。 窗口菜单栏：用于显示或隐藏场景中的工具箱、时间轴以及各种操作面板。 帮助菜单栏：用于显示软件的版本号，提供各种技术支持。,22,Flash的基本操作,一、Flash2004的工作环境 二、创建Flash动画文件 三、设置文件属性 四、Flash动画的发布,23,Flash的基本操作创建Flash动画文件,舞台和工作区 舞台就是创作影片中各个帧的内容的区域，您可以在其中直接勾画插图，也可以在舞台中安排导入的插图。 舞台的操作 （1）缩放 （2）移动舞台视图 （3）使用网格、辅助线和标尺,24,Flash的基本操作创建Flash动画文件,图层和时间轴 图层就像透明的薄片一样，一层层地向上叠加。图层可以帮助您组织文档中的插图。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。 当创建了一个新的 Flash 文档之后，它就包含一个图层。可以添加更多的图层，以便在文档中组织插图、动画和其它元素。可以创建的层数只受计算机内存的限制，而且层数不会增加发布的影片的文件大小。可以隐藏、锁定和重新安排图层。 要绘制、上色或者对图层或文件夹做其它修改，需要选择该图层以激活它。图层或文件夹名称旁边的铅笔图标表示该图层或文件处于活动状态。一次只能有一个图层处于活动状态。 使用特殊的引导层可以使绘画和编辑变得更加容易，而使用遮罩层可以帮助您创建复杂的效果。,25,Flash的基本操作创建Flash动画文件,图层和时间轴 时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。与胶片一样，Flash 影片也将时长分为帧。图层就像层叠在一起的幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。 文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题显示帧编号。播放头指示在舞台中当前显示的帧。 时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。 注：时间轴的图层部分中的控件使您可以隐藏或显示、锁定或解锁图层，以及将图层内容显示为轮廓。 可以在时间轴中插入、删除、选择和移动帧。也可以将帧拖到同一图层中的不同位置，或是拖到不同的图层中。,26,Flash的基本操作创建Flash动画文件,图层和时间轴,27,Flash的基本操作创建Flash动画文件,创建新文档 每次打开 Flash 时，应用程序都会创建一个扩展名为 FLA 的新文件。您可以在工作时创建其它新 Flash 文档。,28,Flash的基本操作,一、Flash2004的工作环境 二、创建Flash动画文件 三、设置文件属性 四、Flash动画的发布,29,Flash的基本操作设置文件属性,利用“文档属性”对话框设置文件属性 要设置新文档的大小、帧频、背景色和其它属性，可以使用“文档属性”对话框。选择“修改文档”可打开文档属性对话框。 “帧频”是每秒显示的动画帧的数量。对于大多数计算机显示的动画，特别是在 Web 站点播放的动画，8 fps（每秒帧数）到 12 fps 就足够了。默认影片大小为 550 x 400 像素。最小大小为 1 x 1 像素，最大为 2880 x 2880 像素。,30,Flash的基本操作设置文件属性,设置Flash中的首选参数 选择“编辑首选参数”,31,Flash的基本操作,一、Flash2004的工作环境 二、创建Flash动画文件 三、设置文件属性 四、Flash动画的发布,32,Flash的基本操作Flash动画的发布,发布概述 当已准备好将影片传递给观众时，可以发布 Macromedia Flash MX 文档（FLA 文件）用于回放。默认情况下，“发布”命令可以创建 Flash SWF 文件并将 Flash 影片插入浏览器窗口中的 HTML 文档。 也可以以其它文件格式（如 GIF、JPEG、PNG 和 QuickTime 格式）发布 FLA 文件，以及在浏览器窗口中显示这些文件所需的 HTML 文件。上述其它格式可使那些没有安装 Flash Player 6 的用户在浏览器中显示影片动画和交互。当以其它文件格式发布 FLA 文件时，每种文件格式的设置都会存储在该 FLA 文件中。 同样也可以以多种格式导出 FLA 文件。导出 FLA 文件类似于以其它文件格式发布 FLA 文件，只是每种文件格式的设置不存储在 FLA 文件中。如果您精通 HTML，那么可以不使用“发布”命令，而使用任意 HTML 编辑器创建自己的 HTML 文档，并在其中包括显示 Flash 影片所需的标记。 在发布影片之前，用“测试影片”和“测试场景”命令测试影片的运行情况是非常重要的。,33,Flash的基本操作Flash动画的发布,发布Flash 文档 发布 Flash 文档的过程分为两步。首先，选择发布文件格式，并用“发布设置”命令选择文件格式设置。然后用“发布”命令发布 Flash 文档。,