《Flash01Flash概述.ppt》由会员分享，可在线阅读，更多相关《Flash01Flash概述.ppt（36页珍藏版）》请在金锄头文库上搜索。
1、动画制作大学教程动画制作大学教程FlashFlashFlash简介 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) Fla
2、sh 8 (2005-9-13) 、 Flash 8 Pro (2005-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，语言的系统结构完全改变，支持即时编译。，语言的系统结构
3、完全改变，支持即时编译。 第1章 Flash概述1.2Flash Flash 的操作界面的操作界面1.3文档基本操作文档基本操作1.4预览和发布预览和发布1.5快速体验实践快速体验实践FlashFlash的应用领域的应用领域1.1小小 结结 1.11.1FlashFlash的应用领域的应用领域 随着随着FlashFlash技术的不断发展和普及，它也技术的不断发展和普及，它也被应用到了越来越多的领域中。被应用到了越来越多的领域中。图图图图1.11.1弹弹弹弹出式汽出式汽出式汽出式汽车车车车广告广告广告广告图图图图1.21.2网站网站网站网站Banner Banner 图图图图1.31.3手机广告
4、手机广告手机广告手机广告动动动动画画画画 2贺卡贺卡贺卡可以通过艺术手法和述事手法来展现。贺卡可以通过艺术手法和述事手法来展现。 图图图图1.41.4生日生日生日生日贺贺贺贺卡卡卡卡 3网页设计网页设计 网上测试网页，可以实现具有交互性的网网上测试网页，可以实现具有交互性的网页界面，访问者可以使用这个网页来进行有趣页界面，访问者可以使用这个网页来进行有趣的性格测试。的性格测试。 图图图图1.61.6使用使用使用使用FlashFlash的网上的网上的网上的网上测试页测试页测试页测试页面面面面4动画短片动画短片 动画短片有它独特的优点，丰富的想象力、动画短片有它独特的优点，丰富的想象力、夸张的动作
5、与表情，以及幽默的行为和语言，夸张的动作与表情，以及幽默的行为和语言，都可以用都可以用FlashFlash来表现。来表现。 图图图图1.71.7动动动动画短片画短片画短片画短片5教学课件教学课件 大量的课件制作工具脱颖而出，大量的课件制作工具脱颖而出，FlashFlash就就是其中之一。是其中之一。 图图图图1.81.8教学教学教学教学课课课课件件件件单摆实验单摆实验单摆实验单摆实验 6音乐动画音乐动画 音乐是人类世界音乐是人类世界重要的艺术形式。重要的艺术形式。然而，人们往往不然而，人们往往不满足于听觉上的感满足于听觉上的感受，而是进一步寻受，而是进一步寻求视觉与听觉的结求视觉与听觉的结合，
6、音乐动画合，音乐动画(MV)(MV)便应运而生。便应运而生。图图图图1.101.10音音音音乐动乐动乐动乐动画画画画7游戏游戏游戏也是游戏也是FlashFlash的一大应用领域。的一大应用领域。 图图图图1.111.11“ “接宝石接宝石接宝石接宝石” ”小游小游小游小游戏戏戏戏图图图图1.121.12Flash 8Flash 8的操作界面的操作界面的操作界面的操作界面1.21.2Flash 8Flash 8的操作界面的操作界面1.2.2舞台舞台舞台是用于放置图形内容的矩形区域，这些图形内容包括矢舞台是用于放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮和导入的位图图形或视频剪辑
7、。量插图、文本框、按钮和导入的位图图形或视频剪辑。 FlashFlash创作环境中的舞台相当于在创作环境中的舞台相当于在FlashFlash播放器中显示播放器中显示FlashFlash文档的矩形空间。文档的矩形空间。 1.2.3工具栏工具栏 工具栏也称为工具栏也称为“作图工具栏作图工具栏”。工具栏中的工具。工具栏中的工具可以用于绘制、涂色、选择和修改插图，并可以更改可以用于绘制、涂色、选择和修改插图，并可以更改舞台的视图。舞台的视图。 工具栏分为以下工具栏分为以下4 4个部分。个部分。 “工具工具”区域区域 “查看查看”区域区域 “颜色颜色”区域区域 “选项选项”区域区域1.2.3工具栏工具栏
8、 “工具工具”区域：区域：包含绘画、涂色和选包含绘画、涂色和选择工具，这个区域特别常用。择工具，这个区域特别常用。 “查看查看”区域：区域：包含在应用程序窗口包含在应用程序窗口内进行缩放和移动的工具。内进行缩放和移动的工具。 “颜色颜色”区域：区域：包含用于笔触颜色和包含用于笔触颜色和填充颜色的功能键。填充颜色的功能键。“选项选项”区域：区域：显示选定工具的组合显示选定工具的组合键，这些组合键会影响工具的涂色或编键，这些组合键会影响工具的涂色或编辑操作。辑操作。 使用菜单命令使用菜单命令“窗口窗口工具工具”或者组合键或者组合键“Ctrl+F2Ctrl+F2”可以显示或隐藏工具栏。可以显示或隐藏
9、工具栏。1.2.4面板面板 FlashFlash提供了多种面板，提供了多种面板，每个面板对应于每个面板对应于一个功能模块一个功能模块。面板可以展开或折叠，并可以。面板可以展开或折叠，并可以通过面板上的功能菜单进一步使用扩展功能。通过面板上的功能菜单进一步使用扩展功能。图图图图1.151.15几种常用的面板几种常用的面板几种常用的面板几种常用的面板1.1.3 3预览和发布预览和发布 完成动画后，可以把生成的动画导出为完成动画后，可以把生成的动画导出为Shockwave FlashShockwave Flash的压缩格式文件，后缀名为的压缩格式文件，后缀名为“. .swfswf”，也可以把它出版为
10、电影。，也可以把它出版为电影。 FlashFlash可以自动生成网页浏览器支持的可以自动生成网页浏览器支持的HTMLHTML文件，当然，也可以导出给文件，当然，也可以导出给DreamweaverDreamweaver之类的专门创建之类的专门创建HTMLHTML文档的编辑器。文档的编辑器。1.3.1播放播放Shockwave Flash文件文件 播放播放FlashFlash文件的方法有以下文件的方法有以下3 3种。种。 方法一：选择主菜单的方法一：选择主菜单的“控制控制测试测试影片影片”命令。命令。 方法二：可以选择主菜单的方法二：可以选择主菜单的“窗口窗口工具栏工具栏控制器控制器”命令，打开命
11、令，打开“控制器控制器”工具工具栏，并单击按钮开始。栏，并单击按钮开始。 方法三：按方法三：按Ctrol+EnterCtrol+Enter键，该动画的键，该动画的各个场景会像电影一样顺序播放出来。各个场景会像电影一样顺序播放出来。1.3.2测试与发布测试与发布 如果要测试动画效果，可以使用菜单命令如果要测试动画效果，可以使用菜单命令“控制控制测试影片测试影片”或者组合键或者组合键“Ctrl+EnterCtrl+Enter”进行测试。进行测试。 这样不但可以查看动画效果，还可以运行这样不但可以查看动画效果，还可以运行影片中的测试代码。影片中的测试代码。图图图图1.221.22创创创创建新的建新的
12、建新的建新的FlashFlash文档文档文档文档 1.1.4 4快速体验实践快速体验实践1.1.运行运行Flash 8Flash 8，在在“开始开始”页面页面的的“创建新项目创建新项目”区域中，单击区域中，单击“FlashFlash文档文档”项项目，创建一个新目，创建一个新的文档。的文档。 图图图图1.231.23设设设设置文档属性置文档属性置文档属性置文档属性2.2.在正式制作动在正式制作动画前，要先确定画前，要先确定文档的全局属性。文档的全局属性。使用菜单命令使用菜单命令“修改修改文档文档”，打开打开“文档属性文档属性”对话框。将对话框。将“尺寸尺寸”设置为设置为400px400px300
13、px300px，背景颜色设置为背景颜色设置为白色，白色，“帧频帧频”为为12fps12fps。图图图图1.241.24保存文档保存文档保存文档保存文档3.3.使用菜单命令使用菜单命令“文件文件保存保存”将文档保存起来。将文档保存起来。默认的文档类型默认的文档类型为为“. .flafla”是是FlashFlash文档的标准文档的标准后缀。后缀。图图图图1.251.25观观观观察察察察时间轴时间轴时间轴时间轴4.4.使用菜单命令使用菜单命令“窗口窗口时间轴时间轴”可以打开动画制可以打开动画制作的重要工具作的重要工具时间轴时间轴。它分为两个区域，左边。它分为两个区域，左边的区域是图层区，用于管理图层
14、；右边的区域是帧的区域是图层区，用于管理图层；右边的区域是帧区，用于管理帧，区，用于管理帧，带有空心的圆圈表示这个帧还没带有空心的圆圈表示这个帧还没有任何内容。有任何内容。图图图图1.26 1.26 选择选择选择选择“ “椭圆椭圆椭圆椭圆” ”工具工具工具工具 5.5.在工具栏中，单击在工具栏中，单击“椭圆椭圆”根据按钮，将鼠标移根据按钮，将鼠标移动到舞台的左上部，指针形状变成一个黑色的十字，动到舞台的左上部，指针形状变成一个黑色的十字，这时按住鼠标左键拖动，可以绘制椭圆。释放鼠标这时按住鼠标左键拖动，可以绘制椭圆。释放鼠标左键，可以看到在舞台上出现了绘制的椭圆。左键，可以看到在舞台上出现了绘
15、制的椭圆。图图图图1.27 1.27 在舞台上拖在舞台上拖在舞台上拖在舞台上拖动动动动 图图图图1.28 1.28 绘绘绘绘制成的制成的制成的制成的椭圆椭圆椭圆椭圆图图图图1.291.29选选选选中中中中帧帧帧帧 6.6.这时观察时间轴，可以看到原来帧中的空心圆圈这时观察时间轴，可以看到原来帧中的空心圆圈变成了实心圆，表示该帧已经有了内容。这个帧将变成了实心圆，表示该帧已经有了内容。这个帧将成为动画的起始点，成为成为动画的起始点，成为“起始帧起始帧”。图图图图1.301.30插入空白关插入空白关插入空白关插入空白关键帧键帧键帧键帧 7.7.完成了动画的初完成了动画的初始状态，还要绘制始状态，还
16、要绘制动画的结束状态。动画的结束状态。在时间轴单击第在时间轴单击第1212帧，将其选中，使帧，将其选中，使用菜单命令用菜单命令“插入插入时间轴时间轴空白关键空白关键帧帧”，即可插入一，即可插入一个空白关键帧。个空白关键帧。帧分为帧分为“关键帧关键帧”和和“普通帧普通帧”。关键帧可以原来存放程序代码和舞台上的关键帧可以原来存放程序代码和舞台上的对象，可以当作动画的起始点和结束点。对象，可以当作动画的起始点和结束点。普通帧只能用来延长关键帧内容的显示时普通帧只能用来延长关键帧内容的显示时间。间。 图图图图1.311.31选择选择选择选择“ “多角星形多角星形多角星形多角星形” ”工具工具工具工具8
17、.8.设置结束帧的内设置结束帧的内容。单击第容。单击第1212帧，帧，将其选中，在工具将其选中，在工具栏中，按住栏中，按住“矩形矩形”工具的图标，几工具的图标，几秒钟后即可弹出扩秒钟后即可弹出扩展列表，在其中选展列表，在其中选择择“多角星形多角星形”工工具。具。图图图图1.321.32设设设设置置置置选项选项选项选项9.9.设置设置 “多角星形多角星形”工具的属性，需要另一个重工具的属性，需要另一个重要的工具要的工具“属性属性”面板。使用菜单命令面板。使用菜单命令“窗口窗口属性属性属性属性”可以打开可以打开“属性属性”面板，单击面板面板，单击面板上的上的“选项选项”按钮可以进行选项设置。按钮可
18、以进行选项设置。图图图图1.331.33设设设设置工具属性置工具属性置工具属性置工具属性 10.10.在弹出的在弹出的 “工具设置工具设置”对话框中，将对话框中，将“样式样式”设置为设置为“星形星形”，将，将“边数边数”设置为设置为“5 5”，将，将“星星形定点大小形定点大小”设置为设置为“0.50.5”，然后，在舞台的右下，然后，在舞台的右下部按住鼠标左键拖动，可以绘制出一个五角星。部按住鼠标左键拖动，可以绘制出一个五角星。图图图图1.341.34绘绘绘绘制五角星制五角星制五角星制五角星 图图图图1.351.35选选选选中起始中起始中起始中起始帧帧帧帧11.11.创建动画。动画是通过起始帧的
19、属性来设定的。创建动画。动画是通过起始帧的属性来设定的。在时间轴中单击第在时间轴中单击第1 1帧，将其选中，打开帧，将其选中，打开“属性属性”面板。面板。图图图图1.361.36设设设设置置置置补间补间补间补间的的的的类类类类型型型型12.12.在帧的在帧的“属性属性”面板中，将面板中，将“补间补间”的内容设的内容设置为置为“形状形状”。图图图图1.371.37创创创创建了建了建了建了动动动动画的画的画的画的时间轴时间轴时间轴时间轴13.13.观察时间轴，可以看到从起始帧到结束帧之间出观察时间轴，可以看到从起始帧到结束帧之间出现了一条箭头，同时帧的背景颜色变成了淡绿色，这现了一条箭头，同时帧的
20、背景颜色变成了淡绿色，这是形状补间动画成功创建的标准。是形状补间动画成功创建的标准。图图图图1.381.38测试动测试动测试动测试动画画画画14.14.使用菜单命令使用菜单命令“控制控制测试影片测试影片”，可以测试动画，可以测试动画效果。可以看到舞台上的圆形逐渐变成一个五角星，效果。可以看到舞台上的圆形逐渐变成一个五角星，同时移动到舞台的右下方。这样就完成了动画的制作同时移动到舞台的右下方。这样就完成了动画的制作. .15. 在计算机中找到保存这个文件的文件夹，在计算机中找到保存这个文件的文件夹，可以看到，除了可以看到，除了“我的动画我的动画.fla”，还新，还新产生了一个产生了一个“我的动画
21、我的动画.swf”，以及一个，以及一个“我的动画我的动画.html”，其中，其中“我的动画我的动画.swf”文件就是最终产生的成果文件，该文件就是最终产生的成果文件，该文件很小，适于在网络上传播，而文件很小，适于在网络上传播，而“我动我动画画.html”文件则是一个网页文件，画面嵌文件则是一个网页文件，画面嵌入了这个动画文件，可以使用浏览器打开入了这个动画文件，可以使用浏览器打开网页观看效果。网页观看效果。小小 结结 本章介绍了本章介绍了Flash 8Flash 8的基础知识、用途、的基础知识、用途、操作界面，菜单栏、舞台和面板等工具的基本操作界面，菜单栏、舞台和面板等工具的基本功能和使用方法、文档的基本操作、功能和使用方法、文档的基本操作、FlashFlash文文档创建、保存、打开和关闭。档创建、保存、打开和关闭。 最后介绍了制作一个动画的基本过程，使最后介绍了制作一个动画的基本过程，使读者对读者对FlashFlash有一个直观的认识。有一个直观的认识。
