Flash-CS3动画制作基础教程教案

Flash CS3动画基础知识教学事件第1章Flash CS3基础知识本章的指南Flash是Adobe corporation发布的经典优秀矢量动画编辑软件，Flash CS3版本目前正在比较新版本。使用此软件可以创建比位图动画文件(如GLF动画)小得多的动画，因此，除了将声音、视频和位图图像添加到动画中外，还可以创建交互式电影或功能完备的网站。该软件对动画师的计算机知识要求不高，易于学习，提供流畅生动的效果，非常适合动画制作初学者。在创建动画之前，通过本章中的学习，读者应了解Flash动画的特征、Flash CS3的界面组件、创建动画的步骤以及创建实例的一般步骤。本章的学习目标了解Flash概念和功能熟悉Flash CS3的工作环境和文档基本操作了解动画制作的一般过程本章的重点熟悉Flash CS3的工作环境本章的内容1.1初始Flash CS31.2 Flash CS3文件基本操作创建1.3 Flash动画的简单实例1.1初始Flash CS31.1.1了解Flash1.1.2 Flash CS3中的新增功能1.1.3 Flash CS3的工作环境1.1.1了解FlashFlash主要用于创建矢量图像和网络动画。设计人员和开发人员可以用来创建演示文稿、应用程序和其他允许用户交互的内容的创作工具。闪存有多种用途，包括网页、web动画、在线广告、flash游戏、教育软件等。Flash文件非常小，对于创建通过internet提供的内容特别有用。在Flash中发布内容时，必须在Flash文档文件中工作。Flash文档的文件扩展名为.Fla(.FLA)。Flash文档包含四个主要部分：(1)舞台：舞台是在播放过程中显示图形、视频、按钮等的位置。下一章将详细介绍舞台。(2)时间轴：通知Flash何时显示图形和其它项目元素，或者可以使用时间轴指定舞台上每个图形的层次结构顺序。父图层上的图形显示在子图层上的图形上方。(3)库面板：“库”面板是Flash显示Flash文档中媒体元素列表的位置。(4)ActionScript代码：使您可以将交互内容添加到文档的媒体元素中。例如，您可以添加在用户单击按钮时显示新图像的代码，并使用ActionScript向应用程序添加逻辑。逻辑允许应用程序在不同的操作和其他情况下运行。Flash包含两个版本的ActionScript，可满足创作者的各种特定要求。Flash文档发布完成后，可以使用“文件”“发布”命令进行发布。这样可以确保扩展名为.swf(SWF)，即创建文件的压缩版本。1.1.2 Flash CS3中的新增功能Adobe Flash CS3 Professional是Adobe开发的Flash设计软件，是Flash 8的升级产品，它基于以前的版本改进了软件功能并添加了许多新功能。增强功能和新功能使用户可以更轻松地创建绘图和开发各种交互式应用程序。1.增强的集成功能(1)接口更改(2)Adobe Bridge(3)导入Adobe Photoshop(4)导入Adobe Illustrator2.绘图、动画和视频增强功能(1)增强的钢笔工具(2)增强的基本矩形和椭圆绘制工具(3)复制和粘贴过滤器(4)复制和粘贴动画(5)增强的QuickTime视频支持(6)储存和载入Flash视讯的提示点3.新的ActionScript开发环境(1)添加新的ActionScript 3.0语言(2)将动画复制到ActionScript 3.0中1.1.3 Flash CS3的工作环境安装Flash CS3后，您可以使用“开始”“程序”“Adobe Flash CS3 Professional命令”，或双击桌面上的快捷方式图标以启动新文档，然后启动主界面，如图1-1所示。在Flash CS3的主界面中，主界面的顶部是标题栏和菜单栏。主界面的左侧是Flash CS3中最常用的绘制工具和包含辅助工具选项的工具箱。主界面的底部和右侧是浮动面板。默认情况下，底部有三个面板：“属性”、“滤镜”和“参数”，右侧主要是“颜色”和“库”面板。1.欢迎页面(1)打开最近使用的项目(2)新建(3)从模板生成(4)扩展2.菜单栏Flash CS3的菜单栏包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“控件”、“调试”和“窗口”3.工具栏(1)主工具栏默认情况下，不显示主工具栏。如果要显示，可以选择“窗口”“工具栏”“主工具栏”命令以显示主工具栏。(2)“控制器”工具栏默认情况下，“控制器”工具栏也不可见。要显示，可以选择“窗口”“工具栏”“控制器”命令以显示控制器工具栏。(3)编辑列编辑栏位于舞台顶部，提供有关隐藏时间轴、元件和编辑场景的信息和控件。编辑也可以让使用者增加或减少舞台的显示比例。4.时间轴面板时间轴的主要组件是图层、帧和播放头。图层在舞台上叠加一层，就像堆叠了多个幻灯片胶片一样。如果上面的图层没有内容，则可以通过它查看下面的图层。5.场景和舞台场景是Flash工作界面的中间部分，即整个白色和灰色区域，是绘制和显示矢量图形的工作区。场景的白色区域(默认)部分，也称为舞台，是在创建Flash文档时放置图形内容的矩形区域，它包含矢量插图、文本框、按钮、导入的位图图形或视频剪辑。Flash中的各种动画活动发生在舞台上，您在舞台上看到的内容是导出的Flash视频中观众看到的内容。场景的灰色区域部分称为“工作区”，工作区环绕舞台，在导出的Flash视频中，工作区的内容看起来不像歌剧舞台后面的内容。6.工具箱默认情况下，工具箱包含用于绘制和编辑图形的各种工具，并分为四个区域：“工具”、“视图”、“颜色”和“选项”7.常用面板面板是Flash CS3界面的重要组成部分，使用它可以查看、配置和更改文档时钟的元素。面板中可用的选项控制元件、实例、颜色、类型、框架和其它元素的特征。通过显示特定任务所需的面板并隐藏其它面板，可以自定义Flash界面。(1)“特性”面板大小：设置舞台的大小(以像素为单位)。默认舞台大小为550像素400像素。发布：您可以设定发布属性，设定使用哪个版本的Flash影片播放程式发布影片。背景颜色：设置舞台的背景颜色。帧频：每秒播放的帧动画数。默认帧速率为12帧(fps)。属性面板是动态的，因为根据选定对象，显示的属性会发生变化。(2)动作面板“动作”面板可以创建和编辑对象或帧的ActionScript代码，它主要由动作工具箱、脚本导航器和脚本窗格组成。(3)“帮助”面板“帮助”面板包含许多信息和资源，这些信息和资源包含有关Flash的所有创作功能和ActionScript语言的详细说明，如图1-11所示。“帮助”面板使您可以随时查询软件的使用或动作脚本语法，以便用户可以更好地使用软件的各种功能。(4)“过滤器”面板Flash CS3中的滤镜功能大大增强了设计功能。这项新功能对制作Flash动画很方便，而且影响很大。它们几乎推翻了长期缺乏闪存设计能力的内在偏见，所以大家只能挑剔这种偏见。默认情况下，滤镜面板、属性面板和参数面板由一组面板组成。(5)“项目”面板若要打开“项目”面板(提供用于管理和处理Flash项目的中心位置)，请选择“窗口”“项目”命令或按Shift F8键，如图1-13所示。(6)“对齐”面板选择“窗口”“对齐”命令或按Ctrl K键可打开“对齐”面板，从中可以根据一系列预设条件对齐对象。每个预设标准由按钮表示，如图1-14所示。(7)信息面板选择“窗口”“信息”命令或按Ctrl I键打开“信息”面板。使用此面板可以数字更改选定对象的大小和位置。如图1-15所示，信息面板底部显示有关当前鼠标位置的信息，左下方显示当前鼠标位置的颜色(RGB模式)，右下方显示鼠标位置的确切位置。(8)“颜色”面板选择“窗口”“颜色”命令或按Shift F9键打开“颜色”面板，从中可以创建RGB、HSB或十六进制代码的颜色，并将其存储在“色板”面板中。颜色面板还可以将颜色分配给笔触或填充，如图1-16所示。(9)样本面板选择“窗口”“示例”命令或按Ctrl F9键将打开示例面板，该面板可帮助您在当前调色板中组织、加载、保存和删除各个颜色，如图1-17所示。(10)“场景”面板可以选择“窗口”“其他”面板“场景”命令，或按Shift F2打开“场景”面板，该面板提供在场景之间切换、重命名场景、添加场景和删除场景等功能，如图1-18所示。(11)库面板选择“窗口”-“库”命令或按Ctrl键将打开库面板，您可以在其中保存用Flash影片创建的元件或影片使用的元件。无论它是影片剪辑、图形元件还是按钮，它都在库中，如图1-19所示。(12)“历史记录”面板选择“窗口”“其它”面板“历史记录”命令或按Ctrl F10键打开“历史记录”面板。此面板显示自创建或打开当前工作文档以来执行的操作。(13)输出面板选择“窗口”-“输出”命令或按F2键将打开输出面板，该面板是一个非常有用的小工具，在用户导出Flash影片时提供有关所有场景的文件大小、对象、文字、元件和实例的数据，如图1-21所示。8.使用标尺、参考线和网格(1)使用标尺选择“视图”“标尺”命令或按Ctrl Alt Shift R键打开标尺。要隐藏标尺，可以再次运行相同的命令。(2)使用参考线如果显示标尺，则可以从标尺中将水平和垂直辅助线拖到舞台上。您可以移动、锁定、隐藏和删除辅助线，或将对象贴紧到辅助线，以及更改辅助线颜色和贴紧容差。(3)使用网格选择“视图”“网格”“显示网格”命令，或按Ctrl键(引号)打开网格。要隐藏网格，可以再次运行上述命令。1.2 Flash CS3文件基本操作1.2.1新文件保存1.2.2文件关闭1.2.3文件打开1.2.4文件1.2.5测试视频1.2.1新文件在创建Flash动画之前，必须创建新的Flash文件。这也是制作动画的第一步，通常可以通过三种方式创建新的Flash文件：(1)启动Flash CS3时，会出现“欢迎页面”界面，如图1-22所示。您可以按一下新增栏中的Flash档案(ActionScript 3.0)选项，建立新的Flash档案。(2)您也可以单击主工具栏上的“新建”按钮创建Flash文件，如图1-22所示。(3)选择“文件”-“新建”命令或按Ctrl N打开“新建文档”对话框(如图1-23所示)，选择“Flash文件(ActionScript 3.0)”选项，然后单击“确定”在“新建文档”对话框中(如图1-24所示)，单击“模板”选项卡，选择相应的模板类型，然后选择“广告”下的“46860(横幅)”。单击“确定”按钮将创建一个基于模板的新Flash文件。保存1.2.2文件在创作过程中，如果Falsh文件没有中断地保存，则当软件或计算机发生异常时，Flash文件中的数据不会丢失。创建Flash文件后，应保存该文件，以便以后轻松使用。保存Flash文件通常有两种方法：(1)选择“文件”“保存”命令或按Ctrl S键即可。如果用户以前未保存过文档，则会打开“另存为”对话框(如图1-25所示)，您可以选择保存位置，命名文档，选择保存类型，然后单击保存按钮。(2)单击主工具栏上的“保存”按钮即可。某些保存方法与“保存”命令相同。为什么在Flash CS3中选择“保存”命令并弹出“另存为”对话框？由于这是软件本身的设置，因此在Flash软件中首次保存文档时，将显示“另存为”对话框，而不是用户的错误操作。关闭1.2.3文件如果当前不需要使用动画文件，则必须将其关闭。关闭Flash包括“关闭当前文档”和“关闭软件”。具体说明如下：图1-26 adobe flash CS3对话框(1)关闭当前文档选择“文件”“关闭”命令，按Ctrl W，或单击文档窗口右上角的按钮将其关闭。如果未保存此文档，则会打开“Adobe Flash CS3”对话框(如图1-26所示)，您可以在其中确定用户是否需要