《Flash动画简明教程》第1章

1、2007-1-8,1,Flash动画简明教程,中国水利水电出版社,汪启荣 主 编,第1章 第3章 第5章 第7章 第9章,第2章 第4章 第6章 第8章 第10章,2007-1-8,2,第1章 Flash 基础,2007-1-8,3,学习目标： 1、了解Flash 的背景知识 2、熟悉Flash 的工作环境 3、理解Flash 的基本概念,2007-1-8,4,1.1 Flash 的背景知识 1.2 Flash 的工作环境 1.3 Flash 的基本概念 1.4使用辅助工具,2007-1-8,5,1.1.1 Flash 简介,Flash 是Macromedia公司推出的一款多媒体动画制作软件，

2、Flash MX 2004是其最新版本。利用该软件不但可以制作出集音乐、声效、动画于一体的高品质动画，还可以制作出交互式影片和具有完备功能的网站。 Flash 动画采用的是矢量绘图技术，矢量图的特点是图像可以无限放大而不会失真。由于动画是由矢量图构成的，这就大大地缩小了动画文件的容量，在网络带宽限制的情况下，提升了网络传输的效率，可以方便地下载观看，一个几分钟的flash动画片也许只有12兆字节大小。所以Flash一经推出，就风靡网络世界。现在更是许多专业与非专业设计者的首选动画制作软件。,2007-1-8,6,1.1.2 Flash的新功能,1、新增了“时间轴特效”和“行为”功能 ； 2、增

3、加了许多符合不同要求的新模板； 3、启动Flash MX 2004时，系统将显示“开始页”，它将常用的任务都集中放在一个页面中； 4、新增了文档选项卡； 5、改进了查找和替换功能； 6、可以直接导入Adobe PDF文件（*.pdf）和Adobe Illustrator 10文件（*.eps）； 7、为显示清晰易读的小字体做了优化； 8、改进了发布管理，可以发布包含关联文件的*.swf文件；,2007-1-8,7,9、支持CSS样式表； 10、动作脚本的版本为2.0，它为支持面向对象编程做了非常大的改进 ； 11、新增了“历史记录”面板。 Flash MX Professional 2004除

4、了这些功能外，还提供了用于增强应用程序开发和设计的多种新功能 ： 1、基于屏幕的可视开发环境； 2、新的组件现在支持用于控制选项卡导航的焦点管理 ； 3、使用新增的“项目”面板可以对项目文件进行集中管理、控制版本，以及对一起工作的Flash用户团队的工作流程进行优化，提高了团队生产力。,返回,2007-1-8,8,1.2 Flash 的工作环境,图1-1 Flash的工作界面,2007-1-8,9,1.2.1 标题栏 1.2.2 菜单栏 1.2.3 工具栏 1.2.4 工具箱 1.2.5 时间轴 1.2.6 工作区和舞台 1.2.7 浮动面板,2007-1-8,10,工具箱中的工具包含四个部分

5、： 1、“工具”选区：包含了绘图、填充、选取、变形和擦除工具。 2、“查看”选区：包含了“缩放”和“手形”工具，用于调整画面显示。 3、“颜色”选区：用于设置笔触颜色和填充颜色。 4、“选项”选区：显示了工具属性或与当前工具相关的工具选项。,1.2.4 工具箱,返回,2007-1-8,11,图1-5 工具箱,2007-1-8,12,1.2.5 时间轴,“时间轴”控制面板（简称“时间轴”）可以对动画中层和帧的电影内容进行组织和控制，使这些内容随着时间的推移而发生相应的变化。层就像多种电影胶片叠放在一起，每一层中都包含不同的图像，它们同时出现在舞台上。时间轴最重要的组件是帧、层、帧标题和播放头。如

6、下图所示。,2007-1-8,13,1.2.5 时间轴组件,图1-6 时间轴的组件,2007-1-8,14,时间轴操作： 1、改变时间轴的位置 2、移动播放头 3、改变时间轴中帧的显示,返回,2007-1-8,15,1.2.6 工作区和舞台,工作区是用户设计动画和布置场景对象的场所，中间的矩形区域是舞台。动画的对象可以放置在工作区中也可以放置在舞台中，区别是放在舞台外面的工作区的内容在动画播放时不可见，只有在舞台中的对象才可见。这些对象包括矢量插图、文本框、按钮、导入的位图或视频剪辑等。 在默认情况下，舞台的宽为550像素，高为400像素，用户可以通过【属性】面板设置和改变舞台的大小。,200

7、7-1-8,16,舞台的缩放,单击舞台左上方的“缩放”下拉列表框或使用工具箱中的“缩放工具”可以可快速调整舞台显示、放大或者缩小用户所观察到的工作区的大小 。 此外，利用手型工具可以在放大的工作区中移动动画，双击手形工具，将以占满工作区的模式显示 。,返回,2007-1-8,17,浮动面板是一些功能的操作平台，可以自由拖动、缩放。各种浮动面板可以通过窗口菜单或组合键进行隐藏和显示切换。 常用的面板有属性面板、库面板、混色器面板以及动作面板。其中属性面板是Flash MX 最常用的一个面板，在其中可以设置当前选择对象的属性，比如在工作区选择文本，属性面板中就会显示文字的属性，就可以轻松设置文本的

8、属性以达到设计的要求。,1.2.7 浮动面板,返回,2007-1-8,18,1.3.1 场景,通常一个影片由一个或多个场景组成，执行“窗口”“设计面板”“场景”命令可以打开“场景”控制面板， 通过单击该控制面板下方的各按钮，可复制、创建和删除场景。此外，要改变场景名称，可在“场景”控制面板中双击要更名的场景，并输入新的场景名；要改变文档中场景的顺序，只需在“场景”控制面板中上、下拖动场景名即可。,2007-1-8,19,图1-12 场景面板,2007-1-8,20,1.3.2 时间轴和帧,帧的概念：众所周知，传统影片由胶片组成，上面有若干张连续的画面，因为人眼的视觉暂留而成为连续的影片，其中每

9、张画面可以叫做帧，所以在Flash中帧的概念可以理解为在某个时刻的画面。但是由于计算机动画与传统动画有不同之处，所以在Flash中帧又可根据其意义和用法不同分为关键帧、普通帧、空白关键帧、空白普通帧和空帧。,2007-1-8,21,图1-13 各种类型的帧,2007-1-8,22,1、关键帧：关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧，再由Flash自己创建关键帧之间的内容。 2、普通帧：普通帧显示为一个个的单元格。无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画，关键帧后面的普通帧将继承该关键帧的内容。 3、

10、空白关键帧：空白关键帧是尚未存放对象的关键点，空白普通帧则是起到延续空白关键帧的作用，空帧是还未使用的帧。,2007-1-8,23,在Flash中用不同的层来存放不同的对象，利用它可设置各对象之间的层次关系。在Flash中,不能让不同的动画放在同一个图层。 在Flash中，图层主要包括3类，它们分别是普通图层、引导图层和遮罩层。此外，为了帮助用户更好地组织和管理图层，还可以使用图层文件夹。,1.3.3 图层,2007-1-8,24,1.3.4 动作脚本,利用动作脚本语言用户可以创建交互影片，可以创建动画特效，还可以对动画进行更灵活地控制。 动作脚本的语法和样式和JavaScrip非常类似，它有

11、自己的语法规则、保留关键字、提供运算符，并且允许用户使用变量存储和检索信息，允许用户创建自己的对象和函数。,返回,2007-1-8,25,1.4.1 使用标尺,标尺的设置是为了方便绘制电影元素，在默认状态下Flash 是不显示标尺的。如需将标尺调出，只需选择“查看”“标尺”命令，使该命令前出现“”，就可以将工作窗口上部的水平标尺和左侧的垂直标尺显示出来，如图1-14所示。如需隐藏标尺，同样选择“查看”“标尺”命令，使该命令前的“”消失即可。,2007-1-8,26,图1-14 显示辅助标尺,2007-1-8,27,1.4.2 使用网格,如需使用Flash中的网格，只需选择“查看”“网格” “显

12、示网格”命令，使该命令前出现“”，即可在舞台上显示网格，如所示。如需将显示的网格线隐藏，只需再次选择“查看”“网格” “显示网格”命令，使该命令前的“”消失即可。 如果对当前舞台中的网格不满意，可以选择“查看”“网格” “编辑网格”命令，在弹出的如所示的“网格”对话框中可以对当前网格进行编辑。,2007-1-8,28,图1-15 显示网格,图1-16 编辑网格,2007-1-8,29,2007-1-8,30,1.4.3 使用辅助线,在Flash 中，辅助线和标尺、网格有所不同，用户需要手动添加辅助线。使用辅助线，可以精确的绘制和布置对象。 1.4.3.1 添加辅助线 1、选择“查看”“辅助线” “显示辅助线”命令，显示辅助线。 2、选择“查看”“标尺”命令，显示辅助标尺。 3、将鼠标放置在水平或垂直标尺上，按下并拖动鼠标至需要位置后释放鼠标，即可在舞台中添加辅助线。图1-17为在舞台上添加辅助线后的效果。,1.4.3.2 编辑辅助线 选择“查看”“辅助线” “编辑辅助线”命令，将会弹出如图1-18所示的“辅助线”对话框，在该对话框中可以对辅助线进行编辑。,2007