Flash动画设计与制作第一章：基本知识与基本操作课件.pptx

1、感谢你的观看12019年5月21日一、什么是一、什么是Flash二、为什么要学习二、为什么要学习Flash三、如何学习三、如何学习Flash感谢你的观看22019年5月21日一、什么是一、什么是Flash二、为什么要学习二、为什么要学习Flash三、如何学习三、如何学习Flash感谢你的观看32019年5月21日流媒体的概念流媒体的概念 采用流式传输的方式在采用流式传输的方式在InternetInternet上播放的媒体格式，而流上播放的媒体格式，而流式传输方式则是将整个音频视频及式传输方式则是将整个音频视频及3D3D等多媒体文件经过特殊的等多媒体文件经过特殊的压缩方式分成一个个压缩包，由视频

2、服务器向用户计算机连续、压缩方式分成一个个压缩包，由视频服务器向用户计算机连续、实时传送。实时传送。流媒体可分为五类：流式音频、流式视频、流媒体可分为五类：流式音频、流式视频、流式动画流式动画、流、流式图象、流式文本。式图象、流式文本。FlashFlash的原名：的原名：AnimatorAnimator最早的开发公司：最早的开发公司：FutureSplashFutureSplash公司。九十年代中期该公司被公司。九十年代中期该公司被MacromediaMacromedia公司所买下。公司所买下。19961996年，微软网路（年，微软网路（The Microsoft Network,MSNThe

3、 Microsoft Network,MSN）使用）使用FutureSplashFutureSplash公司的公司的AnimatorAnimator软件设计了一个界面与广告全银幕动画软件设计了一个界面与广告全银幕动画来模拟电视。从而大大推动了其发展。来模拟电视。从而大大推动了其发展。感谢你的观看42019年5月21日矢量图和位图矢量图和位图 矢量图形使用称作矢量图形使用称作矢量的直线和曲线描述图像矢量的直线和曲线描述图像，矢量也包括颜色，矢量也包括颜色和位置属性。例如，树叶图像可以由创建树叶轮廓的线条所经过的点和位置属性。例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。树叶的颜色由轮廓

4、的颜色和轮廓包围区域的颜色决定。来描述。树叶的颜色由轮廓的颜色和轮廓包围区域的颜色决定。在编辑矢量图形时，您可以修改描述图形形状的线条和曲线的属在编辑矢量图形时，您可以修改描述图形形状的线条和曲线的属性。您可以对矢量图形进行移动、调整大小、重定形状以及更改颜色性。您可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的的输出设备上，而丝毫不影响品质。可以显示在各种分辨率的的输出设备上，而丝毫不影响品质。感谢你的观看52019年5月21日矢量图和位图矢量图

5、和位图 位图图形使用称作位图图形使用称作像素的排列在网格内的彩色点来描述图像像素的排列在网格内的彩色点来描述图像。例。例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，用非如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，用非常类似镶嵌的方式来创建图像。常类似镶嵌的方式来创建图像。在编辑位图图形时，您修改的是像素，而不是直线和曲线。位图在编辑位图图形时，您修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。编辑位图图形可以更改它的外观品质。特别是调整位图图形的大的。编辑位图

6、图形可以更改它的外观品质。特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的外比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的外观品质。观品质。感谢你的观看62019年5月21日 FlashFlash是由是由MacromediaMacromedia公司研发的，采用了流媒公司研发的，采用了流媒体技术的、基于矢量图的优秀的体技术的、基于矢量图的优秀的WebWeb图像、动画设计图像、动画设计工具。它可以广泛应用于网络中的多种领域，出色工具。它

7、可以广泛应用于网络中的多种领域，出色的效果，轻巧的任何编程基础体积加上便捷的操作，的效果，轻巧的任何编程基础体积加上便捷的操作，几乎可以没有，就可以制作出以往需要有很强的专几乎可以没有，就可以制作出以往需要有很强的专业知识才能达到的效果，通过简单友好的创作环境，业知识才能达到的效果，通过简单友好的创作环境，制作出精美绚丽的制作出精美绚丽的FlashFlash动画，动画，FlashFlash的流行程度有的流行程度有目共睹，可谓是一个梦幻工厂。目共睹，可谓是一个梦幻工厂。感谢你的观看72019年5月21日Flash的特性的特性友好的操作界面，容易学习：友好的操作界面，容易学习：Flash的操作界面

8、美观，层次清晰，各的操作界面美观，层次清晰，各面板布局合理，相对其他制作动画的程序如面板布局合理，相对其他制作动画的程序如Java AppletJava Applet，Flash更加更加容易操作，无需任何编程基础就可以轻松制作出大量动画效果。容易操作，无需任何编程基础就可以轻松制作出大量动画效果。生成的动画文件可以独立播放：生成的动画文件可以独立播放：用用Flash制作的动画作品不仅可以在制作的动画作品不仅可以在线观看，也可以离线观看，并同时保留其原来动画中的各种交互式操线观看，也可以离线观看，并同时保留其原来动画中的各种交互式操作功能。作功能。流媒体动画：流媒体动画：Flash播放器在下载播

9、放器在下载Flash影片时采用流媒体方式，也影片时采用流媒体方式，也就是说，在就是说，在Flash文件还没有完全下载完毕时就播放动画，即下载的文件还没有完全下载完毕时就播放动画，即下载的同时进行播放。同时进行播放。文件体积较小：文件体积较小：由于由于Flash采用的图像方式是矢量图，生成的文件相采用的图像方式是矢量图，生成的文件相对于传统网页动画中同等面积的像素图来说要小很多。对于传统网页动画中同等面积的像素图来说要小很多。可自由缩放，自动调整图像尺寸：可自由缩放，自动调整图像尺寸：Flash可以根据浏览者对浏览器窗可以根据浏览者对浏览器窗口尺寸的改变自动调整窗口中网页内容的尺寸，这样就不会因

10、为浏览口尺寸的改变自动调整窗口中网页内容的尺寸，这样就不会因为浏览器窗口的缩小而丢失网页内容。器窗口的缩小而丢失网页内容。感谢你的观看82019年5月21日Flash的特性的特性具有交互式作用的多媒体影片：具有交互式作用的多媒体影片：Flash影片可以通过影片可以通过Action Script脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标脚本语言与使用者建立交互式关系，使用者可以通过键盘操作或鼠标操作与影片之间产生互动。操作与影片之间产生互动。易用性：易用性：每个人都可以通过每个人都可以通过Flash制作出影片，动态网页，新版本虽制作出影片，动态网页，新版本虽然比早期的版本难一些

11、，但在原来版本中可实现的操作，在新版本中然比早期的版本难一些，但在原来版本中可实现的操作，在新版本中同样容易实现，只是新版本中可实现的功能更多，看起来比较复杂而同样容易实现，只是新版本中可实现的功能更多，看起来比较复杂而已。已。感谢你的观看92019年5月21日一、什么是一、什么是Flash二、为什么要学习二、为什么要学习Flash三、如何学习三、如何学习Flash感谢你的观看102019年5月21日制作制作Flash动画动画Flash可以制作各种风格的漫画动画，并且可以为这个动画配以声音可以制作各种风格的漫画动画，并且可以为这个动画配以声音效果。这些动画漫画，可以是效果。这些动画漫画，可以是

12、MVMV，可以是有趣的故事，可以是公司宣，可以是有趣的故事，可以是公司宣传片传片总之可以有很多不同的应用。在国内已经涌现出了许多出色总之可以有很多不同的应用。在国内已经涌现出了许多出色的全的全Flash作品。作品。制作制作Flash游戏游戏利用利用Flash中的中的ActionScript脚本语言功能，可以制作出简单有趣脚本语言功能，可以制作出简单有趣的的Flash游戏。游戏。制作制作Flash电子贺卡电子贺卡利用利用Flash制作的电子贺卡，不但图文并茂，而且可以伴有背景音乐，制作的电子贺卡，不但图文并茂，而且可以伴有背景音乐，是目前网络中比较流行的一种祝福方式。是目前网络中比较流行的一种祝

13、福方式。感谢你的观看112019年5月21日制作制作Flash教学课件教学课件以以Flash动画的形式传达讲述内容，加上其交互式的操作制作出教学动画的形式传达讲述内容，加上其交互式的操作制作出教学课件。课件。制作制作Flash广告条广告条在网页中会有大量的广告，许多广告都是由在网页中会有大量的广告，许多广告都是由Flash制作完成的。制作完成的。制作制作Flash网页网页为了达到一定的视觉冲击力，企业往往在浏览者进入主页之前首先播为了达到一定的视觉冲击力，企业往往在浏览者进入主页之前首先播放一段进站动画，或者整个网站都用放一段进站动画，或者整个网站都用Flash动画来实现，这样的网站动画来实现

14、，这样的网站交互性很强，内容丰富绚丽，十分个性化。交互性很强，内容丰富绚丽，十分个性化。感谢你的观看122019年5月21日一、什么是一、什么是Flash二、为什么要学习二、为什么要学习Flash三、如何学习三、如何学习Flash感谢你的观看132019年5月21日课上，好好听我讲解。课上，好好听我讲解。课下，多练习，这点很重要。课下，多练习，这点很重要。感谢你的观看142019年5月21日一、一、Flash2004Flash2004的工作环境的工作环境二、创建二、创建FlashFlash动画文件动画文件三、设置文件属性三、设置文件属性四、四、FlashFlash动画的发布动画的发布感谢你的观

15、看152019年5月21日一、一、Flash2004Flash2004的工作环境的工作环境二、创建二、创建FlashFlash动画文件动画文件三、设置文件属性三、设置文件属性四、四、FlashFlash动画的发布动画的发布感谢你的观看162019年5月21日Flash 制作工具的系统要求制作工具的系统要求创作创作 Flash 影片需要的硬件和软件：影片需要的硬件和软件：Intel Pentium 200 MHz 或相当或相当的处理器；运行的处理器；运行 Windows 98 SE、Windows ME、Windows NT 4.0、Windows 2000 或或 Windows XP；64 M

16、B RAM（建议（建议 128 MB）；）；85 MB 可用磁盘空间；分辨率可达可用磁盘空间；分辨率可达 1024 x 768 的的 16 位彩色显示器；位彩色显示器；CD-ROM 驱动器。驱动器。感谢你的观看172019年5月21日Flash Player 的系统要求的系统要求在浏览器中播放在浏览器中播放 Flash 影片需要下列硬件和软件：影片需要下列硬件和软件：Microsoft Windows 95、Windows 98、Windows ME、Windows NT 4.0、Windows 2000 或者或者 Windows XP 或更高版本。或更高版本。在在 Windows 中，需要与

17、中，需要与 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、Wind

18、ows XP 或更高版本）。或更高版本）。感谢你的观看182019年5月21日感谢你的观看192019年5月21日菜单栏菜单栏文件菜单栏：文件菜单栏：操作对象多为整个文件，包含工作中最常用的各种命名，操作对象多为整个文件，包含工作中最常用的各种命名，例如创建一个新的例如创建一个新的FlashFlash文档，打开已有文档，保存文档，从外部导入文档，打开已有文档，保存文档，从外部导入文件等操作。文件等操作。编辑菜单栏：编辑菜单栏：操作对象多为在场景中的各种元素，对它们进行编辑，操作对象多为在场景中的各种元素，对它们进行编辑，另外，还可以通过它设置一些系统参数，如设置首选参数，定义工具另外，还可以通

19、过它设置一些系统参数，如设置首选参数，定义工具面板，设置缺省字体映射与快捷键。面板，设置缺省字体映射与快捷键。视图菜单栏：视图菜单栏：用于设置场景的显示比例，尺寸，实现场景之间的切换，用于设置场景的显示比例，尺寸，实现场景之间的切换，提供辅助线帮助提供辅助线帮助FlashFlash中的对象定位，如网格，标尺。中的对象定位，如网格，标尺。插入菜单栏：插入菜单栏：操作对象主要为时间轴，用于在时间轴中插入各种帧、操作对象主要为时间轴，用于在时间轴中插入各种帧、图层以及场景，制作时间轴特效等图层以及场景，制作时间轴特效等 。修改菜单栏：修改菜单栏：操作对象为场景中的各种元素、图层、场景与时间轴等，操作

20、对象为场景中的各种元素、图层、场景与时间轴等，用于修改它们的属性，形状与对齐方式等。用于修改它们的属性，形状与对齐方式等。文本菜单栏：文本菜单栏：操作对象为场景中的文本，用于设置文本的字体、字型、操作对象为场景中的文本，用于设置文本的字体、字型、字号等，这些设置基本可以在文字属性面板中完成，另外，在文本菜字号等，这些设置基本可以在文字属性面板中完成，另外，在文本菜单栏中还包括了检查拼写功能，用于检查文件中文字、语言方面的错单栏中还包括了检查拼写功能，用于检查文件中文字、语言方面的错误。误。命令菜单栏：命令菜单栏：用于使用自行设置的命令，适合完成一种重复性的操作用于使用自行设置的命令，适合完成一

21、种重复性的操作工作。工作。感谢你的观看202019年5月21日菜单栏菜单栏控制菜单栏：控制菜单栏：用于控制场景中的动画进程。用于控制场景中的动画进程。窗口菜单栏：窗口菜单栏：用于显示或隐藏场景中的工具箱、时间轴以及各种操作用于显示或隐藏场景中的工具箱、时间轴以及各种操作面板。面板。帮助菜单栏：帮助菜单栏：用于显示软件的版本号，提供各种技术支持。用于显示软件的版本号，提供各种技术支持。感谢你的观看212019年5月21日一、一、Flash2004Flash2004的工作环境的工作环境二、创建二、创建FlashFlash动画文件动画文件三、设置文件属性三、设置文件属性四、四、FlashFlash动

22、画的发布动画的发布感谢你的观看222019年5月21日舞台和工作区舞台和工作区 舞台就是创作影片中各个帧的内容的区域，您可以在其中直接勾舞台就是创作影片中各个帧的内容的区域，您可以在其中直接勾画插图，也可以在舞台中安排导入的插图。画插图，也可以在舞台中安排导入的插图。舞台的操作舞台的操作（1）缩放）缩放（2）移动舞台视图）移动舞台视图（3）使用网格、辅助线和标尺）使用网格、辅助线和标尺感谢你的观看232019年5月21日图层和时间轴图层和时间轴 图层就像透明的薄片一样，一层层地向上叠加。图层可以帮助您图层就像透明的薄片一样，一层层地向上叠加。图层可以帮助您组织文档中的插图。可以在图层上绘制和编

23、辑对象，而不会影响其它组织文档中的插图。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。面的图层。当创建了一个新的当创建了一个新的 Flash 文档之后，它就包含一个图层。可以添文档之后，它就包含一个图层。可以添加更多的图层，以便在文档中组织插图、动画和其它元素。可以创建加更多的图层，以便在文档中组织插图、动画和其它元素。可以创建的层数只受计算机内存的限制，而且层数不会增加发布的影片的文件的层数只受计算机内存的限制，而且层数不会增加发布的影片的文件大小。可以隐藏、锁定和重

24、新安排图层。大小。可以隐藏、锁定和重新安排图层。要绘制、上色或者对图层或文件夹做其它修改，需要选择该图层要绘制、上色或者对图层或文件夹做其它修改，需要选择该图层以激活它。图层或文件夹名称旁边的铅笔图标表示该图层或文件处于以激活它。图层或文件夹名称旁边的铅笔图标表示该图层或文件处于活动状态。一次只能有一个图层处于活动状态。活动状态。一次只能有一个图层处于活动状态。使用特殊的引导层可以使绘画和编辑变得更加容易，而使用遮罩使用特殊的引导层可以使绘画和编辑变得更加容易，而使用遮罩层可以帮助您创建复杂的效果。层可以帮助您创建复杂的效果。感谢你的观看242019年5月21日图层和时间轴图层和时间轴 时间轴

25、用于组织和控制影片内容在一定时间内播放的层数和帧数。时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。与胶片一样，与胶片一样，Flash 影片也将时长分为帧。图层就像层叠在一起的幻影片也将时长分为帧。图层就像层叠在一起的幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。的主要组件是图层、帧和播放头。文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题显示帧编号。播在该图层名右侧的一

26、行中。时间轴顶部的时间轴标题显示帧编号。播放头指示在舞台中当前显示的帧。放头指示在舞台中当前显示的帧。时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。频以及到当前帧为止的运行时间。注：注：时间轴的图层部分中的控件使您可以隐藏或显示、锁定或解锁图时间轴的图层部分中的控件使您可以隐藏或显示、锁定或解锁图层，以及将图层内容显示为轮廓。层，以及将图层内容显示为轮廓。可以在时间轴中插入、删除、选择和移动帧。也可以将帧拖到同一图可以在时间轴中插入、删除、选择和移动帧。也可以将帧拖到同一图层中的不同位置，或是拖到不

27、同的图层中。层中的不同位置，或是拖到不同的图层中。感谢你的观看252019年5月21日图层和时间轴图层和时间轴感谢你的观看262019年5月21日创建新文档创建新文档 每次打开每次打开 Flash 时，应用程序都会创建一个扩展名为时，应用程序都会创建一个扩展名为 FLA 的新的新文件。您可以在工作时创建其它新文件。您可以在工作时创建其它新 Flash 文档。文档。感谢你的观看272019年5月21日一、一、Flash2004Flash2004的工作环境的工作环境二、创建二、创建FlashFlash动画文件动画文件三、设置文件属性三、设置文件属性四、四、FlashFlash动画的发布动画的发布感

28、谢你的观看282019年5月21日利用利用“文档属性文档属性”对话框设置文件属性对话框设置文件属性 要设置新文档的大小、帧频、背景色和其它属性，可以使用要设置新文档的大小、帧频、背景色和其它属性，可以使用“文文档属性档属性”对话框。选择对话框。选择“修改修改文档文档”可打开文档属性对话框。可打开文档属性对话框。“帧频帧频”是每秒显示的动画帧的数量。对于大多数计算机显示的动是每秒显示的动画帧的数量。对于大多数计算机显示的动画，特别是在画，特别是在 Web 站点播放的动画，站点播放的动画，8 fps（每秒帧数）到（每秒帧数）到 12 fps 就就足够了。默认影片大小为足够了。默认影片大小为 550

29、 x 400 像素。最小大小为像素。最小大小为 1 x 1 像素，像素，最大为最大为 2880 x 2880 像素。像素。感谢你的观看292019年5月21日设置设置Flash中的首选参数中的首选参数选择选择“编辑编辑首选参数首选参数”感谢你的观看302019年5月21日一、一、Flash2004Flash2004的工作环境的工作环境二、创建二、创建FlashFlash动画文件动画文件三、设置文件属性三、设置文件属性四、四、FlashFlash动画的发布动画的发布感谢你的观看312019年5月21日发布概述发布概述 当已准备好将影片传递给观众时，可以发布当已准备好将影片传递给观众时，可以发布

30、Macromedia Flash MX 文档（文档（FLA 文件）用于回放。默认情况下，文件）用于回放。默认情况下，“发布发布”命令可以创命令可以创建建 Flash SWF 文件并将文件并将 Flash 影片插入浏览器窗口中的影片插入浏览器窗口中的 HTML 文档。文档。也可以以其它文件格式（如也可以以其它文件格式（如 GIF、JPEG、PNG 和和 QuickTime 格式）发布格式）发布 FLA 文件，以及在浏览器窗口中显示这些文件所需的文件，以及在浏览器窗口中显示这些文件所需的 HTML 文件。上述其它格式可使那些没有安装文件。上述其它格式可使那些没有安装 Flash Player 6

31、的用户的用户在浏览器中显示影片动画和交互。当以其它文件格式发布在浏览器中显示影片动画和交互。当以其它文件格式发布 FLA 文件时，文件时，每种文件格式的设置都会存储在该每种文件格式的设置都会存储在该 FLA 文件中。文件中。同样也可以以多种格式导出同样也可以以多种格式导出 FLA 文件。导出文件。导出 FLA 文件类似于以文件类似于以其它文件格式发布其它文件格式发布 FLA 文件，只是每种文件格式的设置不存储在文件，只是每种文件格式的设置不存储在 FLA 文件中。如果您精通文件中。如果您精通 HTML，那么可以不使用，那么可以不使用“发布发布”命令，而命令，而使用任意使用任意 HTML 编辑器

32、创建自己的编辑器创建自己的 HTML 文档，并在其中包括显示文档，并在其中包括显示 Flash 影片所需的标记。影片所需的标记。在发布影片之前，用在发布影片之前，用“测试影片测试影片”和和“测试场景测试场景”命令测试影片命令测试影片的运行情况是非常重要的。的运行情况是非常重要的。感谢你的观看322019年5月21日发布发布Flash Flash 文档文档 发布发布 Flash 文档的过程分为两步。首先，选择发布文件格式，文档的过程分为两步。首先，选择发布文件格式，并用并用“发布设置发布设置”命令选择文件格式设置。然后用命令选择文件格式设置。然后用“发布发布”命令发布命令发布 Flash 文档。文档。感谢你的观看332019年5月21日34感谢你的观看2019年5月21日