《Flash01Flash概述》PPT课件.ppt

1、动画制作大学教程 Flash,Flash简介,Flash功能强大，被广泛地使用在网页动画创作中。 FutureSplash Animator (1995) (Flash 3的前身) Flash 1 (1996-11) Flash 2 (1997-6) Flash 3 (1998-5-31) Flash 4 (1999-6-15) Flash 5 (2000-8-24) Flash MX (2002-3-15) Flash MX 2004 (2003-9-10)、 Flash MX 2004 Pro (2003-9-10) Flash 8 (2005-9-13) 、 Flash 8 Pro (2

2、005-9-13) Flash CS3(2007) (Adobe收购Macromedia后，首次推出的版本) Flash CS4(2008-9-10) Flash CS5(2010-3-29) （目前最新版本） 此外，脚本方面： Flash5以后，ActionScript 1升级为ActionScript 2，支持的语言特性更强。 2007后为更新为ActionScript 3，语言的系统结构完全改变，支持即时编译。,第1章 Flash概述,1.1Flash的应用领域,随着Flash技术的不断发展和普及，它也被应用到了越来越多的领域中。,图1.1弹出式汽车广告,图1.2网站Banner,图1.

3、3手机广告动画,2贺卡,贺卡可以通过艺术手法和述事手法来展现。,图1.4生日贺卡,3网页设计,网上测试网页，可以实现具有交互性的网页界面，访问者可以使用这个网页来进行有趣的性格测试。,图1.6使用Flash的网上测试页面,4动画短片,动画短片有它独特的优点，丰富的想象力、夸张的动作与表情，以及幽默的行为和语言，都可以用Flash来表现。,图1.7动画短片,5教学课件,大量的课件制作工具脱颖而出，Flash就是其中之一。,图1.8教学课件单摆实验,6音乐动画,音乐是人类世界重要的艺术形式。然而，人们往往不满足于听觉上的感受，而是进一步寻求视觉与听觉的结合，音乐动画(MV)便应运而生。,图1.10

4、音乐动画,7游戏,游戏也是Flash的一大应用领域。,图1.11“接宝石”小游戏,图1.12Flash 8的操作界面,1.2Flash 8的操作界面,1.2.2舞台,舞台是用于放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮和导入的位图图形或视频剪辑。 Flash创作环境中的舞台相当于在Flash播放器中显示Flash文档的矩形空间。,1.2.3工具栏,工具栏也称为“作图工具栏”。工具栏中的工具可以用于绘制、涂色、选择和修改插图，并可以更改舞台的视图。 工具栏分为以下4个部分。 “工具”区域 “查看”区域 “颜色”区域 “选项”区域,1.2.3工具栏, “工具”区域：包含绘画、涂

5、色和选择工具，这个区域特别常用。 “查看”区域：包含在应用程序窗口内进行缩放和移动的工具。, “颜色”区域：包含用于笔触颜色和填充颜色的功能键。 “选项”区域：显示选定工具的组合键，这些组合键会影响工具的涂色或编辑操作。,使用菜单命令“窗口工具”或者组合键“Ctrl+F2”可以显示或隐藏工具栏。,1.2.4面板,Flash提供了多种面板，每个面板对应于一个功能模块。面板可以展开或折叠，并可以通过面板上的功能菜单进一步使用扩展功能。,图1.15几种常用的面板,1.3预览和发布,完成动画后，可以把生成的动画导出为Shockwave Flash的压缩格式文件，后缀名为“.swf”，也可以把它出版为电

6、影。 Flash可以自动生成网页浏览器支持的HTML文件，当然，也可以导出给Dreamweaver之类的专门创建HTML文档的编辑器。,1.3.1播放Shockwave Flash文件,播放Flash文件的方法有以下3种。 方法一：选择主菜单的“控制测试影片”命令。 方法二：可以选择主菜单的“窗口工具栏控制器”命令，打开“控制器”工具栏，并单击按钮开始。 方法三：按Ctrol+Enter键，该动画的各个场景会像电影一样顺序播放出来。,1.3.2测试与发布,如果要测试动画效果，可以使用菜单命令“控制测试影片”或者组合键“Ctrl+Enter”进行测试。 这样不但可以查看动画效果，还可以运行影片中

7、的测试代码。,图1.22创建新的Flash文档,1.4快速体验实践,1.运行Flash 8，在“开始”页面的“创建新项目”区域中，单击“Flash文档”项目，创建一个新的文档。,图1.23设置文档属性,2.在正式制作动画前，要先确定文档的全局属性。使用菜单命令“修改文档”，打开“文档属性”对话框。将“尺寸”设置为400px300px，背景颜色设置为白色，“帧频”为12fps。,图1.24保存文档,3.使用菜单命令“文件保存”将文档保存起来。默认的文档类型为“.fla”是Flash文档的标准后缀。,图1.25观察时间轴,4.使用菜单命令“窗口时间轴”可以打开动画制作的重要工具时间轴。它分为两个区

8、域，左边的区域是图层区，用于管理图层；右边的区域是帧区，用于管理帧，带有空心的圆圈表示这个帧还没有任何内容。,图1.26 选择“椭圆”工具,5.在工具栏中，单击“椭圆”根据按钮，将鼠标移动到舞台的左上部，指针形状变成一个黑色的十字，这时按住鼠标左键拖动，可以绘制椭圆。释放鼠标左键，可以看到在舞台上出现了绘制的椭圆。,图1.27 在舞台上拖动,图1.28 绘制成的椭圆,图1.29选中帧,6.这时观察时间轴，可以看到原来帧中的空心圆圈变成了实心圆，表示该帧已经有了内容。这个帧将成为动画的起始点，成为“起始帧”。,图1.30插入空白关键帧,7.完成了动画的初始状态，还要绘制动画的结束状态。在时间轴单

9、击第12帧，将其选中，使用菜单命令“插入时间轴空白关键帧”，即可插入一个空白关键帧。,帧分为“关键帧”和“普通帧”。 关键帧可以原来存放程序代码和舞台上的对象，可以当作动画的起始点和结束点。 普通帧只能用来延长关键帧内容的显示时间。,图1.31选择“多角星形”工具,8.设置结束帧的内容。单击第12帧，将其选中，在工具栏中，按住“矩形”工具的图标，几秒钟后即可弹出扩展列表，在其中选择“多角星形”工具。,图1.32设置选项,9.设置 “多角星形”工具的属性，需要另一个重要的工具“属性”面板。使用菜单命令“窗口属性属性”可以打开“属性”面板，单击面板上的“选项”按钮可以进行选项设置。,图1.33设置

10、工具属性,10.在弹出的 “工具设置”对话框中，将“样式”设置为“星形”，将“边数”设置为“5”，将“星形定点大小”设置为“0.5”，然后，在舞台的右下部按住鼠标左键拖动，可以绘制出一个五角星。,图1.34绘制五角星,图1.35选中起始帧,11.创建动画。动画是通过起始帧的属性来设定的。在时间轴中单击第1帧，将其选中，打开“属性”面板。,图1.36设置补间的类型,12.在帧的“属性”面板中，将“补间”的内容设置为“形状”。,图1.37创建了动画的时间轴,13.观察时间轴，可以看到从起始帧到结束帧之间出现了一条箭头，同时帧的背景颜色变成了淡绿色，这是形状补间动画成功创建的标准。,图1.38测试动画,14.使用菜单命令“控制测试影片”，可以测试动画效果。可以看到舞台上的圆形逐渐变成一个五角星，同时移动到舞台的右下方。这样就完成了动画的制作.,15. 在计算机中找到保存这个文件的文件夹，可以看到，除了“我的动画.fla”，还新产生了一个“我的动画.swf”，以及一个“我的动画.html”，其中“我的动画.swf”文件就是最终产生的成果文件，该文件很小，适于在网络上传播，而