Flash动画简明教程

2007-1-81Flash动画简明教程泸州星宇职业技术学校田梓辛主编2007-1-82第1章第3章第5章第7章第9章第2章第4章第6章第8章第10章2007-1-83第1章Flash基础2007-1-84学习目标：1、了解Flash的背景知识2、熟悉Flash的工作环境3、理解Flash的基本概念2007-1-851.1Flash的背景知识1.2Flash的工作环境1.3Flash的基本概念1.4使用辅助工具2007-1-861.1.1Flash简介Flash是Macromedia公司推出的一款多媒体动画制作软件，FlashMX2004是其最新版本。利用该软件不但可以制作出集音乐、声效、动画于一体的高品质动画，还可以制作出交互式影片和具有完备功能的网站。Flash动画采用的是矢量绘图技术，矢量图的特点是图像可以无限放大而不会失真。由于动画是由矢量图构成的，这就大大地缩小了动画文件的容量，在网络带宽限制的情况下，提升了网络传输的效率，可以方便地下载观看，一个几分钟的flash动画片也许只有1～2兆字节大小。所以Flash一经推出，就风靡网络世界。现在更是许多专业与非专业设计者的首选动画制作软件。2007-1-871.1.2Flash的新功能1、新增了“时间轴特效”和“行为”功能；2、增加了许多符合不同要求的新模板；3、启动FlashMX2004时，系统将显示“开始页”，它将常用的任务都集中放在一个页面中；4、新增了文档选项卡；5、改进了查找和替换功能；6、可以直接导入AdobePDF文件（*.pdf）和AdobeIllustrator10文件（*.eps）；7、为显示清晰易读的小字体做了优化；8、改进了发布管理，可以发布包含关联文件的*.swf文件；2007-1-889、支持CSS样式表；10、动作脚本的版本为2.0，它为支持面向对象编程做了非常大的改进；11、新增了“历史记录”面板。FlashMXProfessional2004除了这些功能外，还提供了用于增强应用程序开发和设计的多种新功能：1、基于屏幕的可视开发环境；2、新的组件现在支持用于控制选项卡导航的焦点管理；3、使用新增的“项目”面板可以对项目文件进行集中管理、控制版本，以及对一起工作的Flash用户团队的工作流程进行优化，提高了团队生产力。2007-1-891.2Flash的工作环境标题栏菜单栏时间轴工具箱舞台浮动面板属性面板图1-1Flash的工作界面2007-1-8101.2.1标题栏1.2.2菜单栏1.2.3工具栏1.2.4工具箱1.2.5时间轴1.2.6工作区和舞台1.2.7浮动面板2007-1-811工具箱中的工具包含四个部分：1、“工具”选区：包含了绘图、填充、选取、变形和擦除工具。2、“查看”选区：包含了“缩放”和“手形”工具，用于调整画面显示。3、“颜色”选区：用于设置笔触颜色和填充颜色。4、“选项”选区：显示了工具属性或与当前工具相关的工具选项。1.2.4工具箱2007-1-812部分选取工具套索工具文本工具矩形和多角星形工具刷子工具任意变形工具颜料桶工具橡皮擦工具缩放工具笔触颜色填充颜色选择工具线条工具钢笔工具椭圆工具铅笔工具任意变形工具墨水瓶工具滴管工具手形工具工具功能选项图1-5工具箱2007-1-8131.2.5时间轴“时间轴”控制面板（简称“时间轴”）可以对动画中层和帧的电影内容进行组织和控制，使这些内容随着时间的推移而发生相应的变化。层就像多种电影胶片叠放在一起，每一层中都包含不同的图像，它们同时出现在舞台上。时间轴最重要的组件是帧、层、帧标题和播放头。如下图所示。2007-1-8141.2.5时间轴组件图1-6时间轴的组件2007-1-815时间轴操作：1、改变时间轴的位置2、移动播放头3、改变时间轴中帧的显示2007-1-8161.2.6工作区和舞台工作区是用户设计动画和布置场景对象的场所，中间的矩形区域是舞台。动画的对象可以放置在工作区中也可以放置在舞台中，区别是放在舞台外面的工作区的内容在动画播放时不可见，只有在舞台中的对象才可见。这些对象包括矢量插图、文本框、按钮、导入的位图或视频剪辑等。在默认情况下，舞台的宽为550像素，高为400像素，用户可以通过【属性】面板设置和改变舞台的大小。2007-1-817舞台的缩放单击舞台左上方的“缩放”下拉列表框或使用工具箱中的“缩放工具”可以可快速调整舞台显示、放大或者缩小用户所观察到的工作区的大小。此外，利用手型工具可以在放大的工作区中移动动画，双击手形工具，将以占满工作区的模式显示。2007-1-818浮动面板是一些功能的操作平台，可以自由拖动、缩放。各种浮动面板可以通过窗口菜单或组合键进行隐藏和显示切换。常用的面板有属性面板、库面板、混色器面板以及动作面板。其中属性面板是FlashMX最常用的一个面板，在其中可以设置当前选择对象的属性，比如在工作区选择文本，属性面板中就会显示文字的属性，就可以轻松设置文本的属性以达到设计的要求。1.2.7浮动面板2007-1-8191.3.1场景通常一个影片由一个或多个场景组成，执行“窗口”／“设计面板”／“场景”命令可以打开“场景”控制面板，通过单击该控制面板下方的各按钮，可复制、创建和删除场景。此外，要改变场景名称，可在“场景”控制面板中双击要更名的场景，并输入新的场景名；要改变文档中场景的顺序，只需在“场景”控制面板中上、下拖动场景名即可。2007-1-820场景列表新建场景复制场景删除场景图1-12场景面板2007-1-8211.3.2时间轴和帧帧的概念：众所周知，传统影片由胶片组成，上面有若干张连续的画面，因为人眼的视觉暂留而成为连续的影片，其中每张画面可以叫做帧，所以在Flash中帧的概念可以理解为在某个时刻的画面。但是由于计算机动画与传统动画有不同之处，所以在Flash中帧又可根据其意义和用法不同分为关键帧、普通帧、空白关键帧、空白普通帧和空帧。2007-1-822关键帧空白关键帧普通帧空白普通帧图1-13各种类型的帧2007-1-8231、关键帧：关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧，再由Flash自己创建关键帧之间的内容。2、普通帧：普通帧显示为一个个的单元格。无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画，关键帧后面的普通帧将继承该关键帧的内容。3、空白关键帧：空白关键帧是尚未存放对象的关键点，空白普通帧则是起到延续空白关键帧的作用，空帧是还未使用的帧。2007-1-824在Flash中用不同的层来存放不同的对象，利用它可设置各对象之间的层次关系。在Flash中,不能让不同的动画放在同一个图层。在Flash中，图层主要包括3类，它们分别是普通图层、引导图层和遮罩层。此外，为了帮助用户更好地组织和管理图层，还可以使用图层文件夹。1.3.3图层2007-1-8251.3.4动作脚本利用动作脚本语言用户可以创建交互影片，可以创建动画特效，还可以对动画进行更灵活地控制。动作脚本的语法和样式和JavaScrip非常类似，它有自己的语法规则、保留关键字、提供运算符，并且允许用户使用变量存储和检索信息，允许用户创建自己的对象和函数。2007-1-8261.4.1使用标尺标尺的设置是为了方便绘制电影元素，在默认状态下Flash是不显示标尺的。如需将标尺调出，只需选择“查看”\“标尺”命令，使该命令前出现“√”，就可以将工作窗口上部的水平标尺和左侧的垂直标尺显示出来，如图1-14所示。如需隐藏标尺，同样选择“查看”\“标尺”命令，使该命令前的“√”消失即可。2007-1-827图1-14显示辅助标尺2007-1-8281.4.2使用网格如需使用Flash中的网格，只需选择“查看”\“网格”\“显示网格”命令，使该命令前出现“√”，即可在舞台上显示网格，如所示。如需将显示的网格线隐藏，只需再次选择“查看”\“网格”\“显示网格”命令，使该命令前的“√”消失即可。如果对当前舞台中的网格不满意，可以选择“查看”\“网格”\“编辑网格”命令，在弹出的如所示的“网格”对话框中可以对当前网格进行编辑。2007-1-829图1-15显示网格图1-16编辑网格2007-1-8301.4.3使用辅助线在Flash中，辅助线和标尺、网格有所不同，用户需要手动添加辅助线。使用辅助线，可以精确的绘制和布置对象。1.4.3.1添加辅助线1、选择“查看”\“辅助线”\“显示辅助线”命令，显示辅助线。2、选择“查看”\“标尺”命令，显示辅助标尺。3、将鼠标放置在水平或垂直标尺上，按下并拖动鼠标至需要位置后释放鼠标，即可在舞台中添加辅助线。图1-17为在舞台上添加辅助线后的效果。2007-1-8311.4.3.2编辑辅助线选择“查看”\“辅助线”\“编辑辅助线”命令，将会弹出如图1-18所示的“辅助线”对话框，在该对话框中可以对辅助线进行编辑。2007-1-832图1-17图1-17添加辅助线图1-18编辑辅助线2007-1-833小结：本章介绍了FlashMX2004的基础知识，通过本章的学习，读者应该了解FlashMX2004的背景知识，熟悉FlashMX2004的工作界面的组成元素，熟练掌握场景、时间轴、帧、图层等基本概念。掌握这些基本知识对于以后的学习是很有必要的。本章结束