动画烟花flash

第1章Flash项目化总览1.
1Flash的用途简介FlashCS5是Adobe公司最新推出的Flash动画制作软件,它相比之前的版本在功能上有很多有效的改进及拓展,深受用户青睐.
Flash动画是一种以Web应用为主的二维动画形式,采用矢量技术和流式播放技术等手段,生成的文件小、质量高,便于在网上发布和浏览.
因此,它得到了网络界的广泛认可,并使它在网页设计中占有一席之地,成为网上最为流行的多媒体软件.
1.
FlashCS5的功能(1)绘图功能.
FlashCS5可以完成图形绘制、特殊字形处理等方面的工作.
(2)动画功能.
FlashCS5提供的动画工具可以制作出漂亮的动画.
(3)编程功能.
制作Flash交互式动画.
FlashCS5提供了几百个关键词,可完成复杂的行为制作.
这3部分功能是相对独立的,在工作中通常分开进行.
例如,由美工人员完成绘图及部分多媒体的制作,由编程人员完成互动行为的编写,由制作人员进行最后的加工制作.

2.
FlashCS5的特点(1)使用矢量图形.
计算机的图形显示方式有矢量图和位图两种.
在Flash软件上绘制的图形是矢量图.
与位图相比,矢量图的最大优点在于,经任意放大或缩小不会影响图形质量.
同时,文件所占用的存储空间非常小.
(2)支持导入音频、视频.
在Flash中可以使用MP3等多种格式的音频素材,还提供了功能强大的视频导入功能,并支持从外部调用视频文件.
1FlashCS5动画制作项目化教程21Chapter(3)采用流式播放技术,拥有强大的网络传播能力.
Flash的影片文件采用流式下载,即它的影片文件可以一边下载一边播放,既节省空间又可以达到流畅的播放效果.

(4)交互性强,能更好地满足用户的需要.
运用Flash内置的动作脚本,不仅可以制作眩目的效果,还可以让动画浏览者参与互动.
通过其强大的交互功能,不仅为网页设计和动画制作提供了无限的创作空间,从商业的角度来说,还可以制作一流的商业演出动画或广告,使企业的产品发布得到比传统广告模式更好的效果.
1.
2Flash动画制作工作过程简介要用Flash动手制作动画,必须知道Flash动画的制作原理和动画的制作过程.
简单地说动画的制作原理就是为物体的每一个部分制作变化的连续图形,这些变化的连续图形在一段时间内的延续(通过时间轴)播放,从而组成动态效果;再将众多的、动态的部件,层叠(通过图层)的组合在一起形成完整的、动态的场景.
在Flash进行动画制作时一般只需要起始的动作和终止的动作,持续时间的中间动作由系统完成.
所以在制作动画时就必须具备三项基本条件:(1)物体的部件(在Flash里面通常存储为元件);(2)部件的起始状态,部件的终止状态;(3)持续时间以及持续时间的状态(补间).
Flash动画的制作过程可以概括为:动画元件的准备→基本动画(影片剪辑)制作→舞台文档的整体制作→根据舞台的需要制作引导和遮罩效果、并添加文字动画→为动画文件添加控制和交互语言,丰富和增强动画效果.
1.
3动画"我的季节"项目简介"我的季节"是以展示四季风光为主题制作一个完整的动画影片.
动画影片包含6个场景,分别为:首、春、夏、秋、冬、游戏等场景.
(1)"首"场景展示了"我的季节"主题,附带作者信息.
在"首"场景应用按钮选择进入不同的季节场景和游戏场景,如图11所示.
(2)春、夏、秋、冬的四个场景分别为:1)"春"场景展示动感的春暖花开,如图12所示.
2)"夏"场景展示飞舞的昆虫世界,如图13所示.
3)"秋"场景展示金黄的收获画卷,如图14所示.
Flash项目化总览第1章31Chapter图11"首"场景图12"春"场景图13"夏"场景FlashCS5动画制作项目化教程41Chapter图14"秋"场景4)"冬"场景展示雪花纷飞的纯净世界,如图15所示.
图15"冬"场景(3)"游戏"场景为:可以用键盘方向键控制昆虫8个方向移动,如图16所示.
Flash项目化总览第1章51Chapter图16"游戏"场景根据项目的需求,本教材将项目分为九个工作过程完成,其中工作过程一是进行项目所需素材元件的绘制,完成瓢虫、蜻蜓和向日葵花等元件绘制并保存到库;工作过程二和工作过程三是完成瓢虫飞、蜻蜓飞、向日葵花开等的基本动作动画和影片剪辑制作;工作过程四是开始进入到多场景的制作,应用影片剪辑和引导动画等实现春季的春暖花开、夏季的昆虫飞舞;工作过程五是应用文字和预设动画突出场景的主题,其中:首场景加入作者信息文字动画,夏场景加入"虫虫飞"文字动画,春场景加入"花韵"文字动画;工作过程六是应用遮罩技术实现首场景的探照灯效果,秋场景的卷轴画效果;工作过程七是应用按钮和交互语言,控制场景的播放;工作过程八是为动画添加音乐效果;工作过程九是应用交互语言,制作昆虫移动游戏,制作纷飞飘雪、漂浮泡泡、碰落叶子等丰富场景.
1.
4FlashCS5的操作界面1.
欢迎界面第一次打开FlashCS5时,会显示欢迎界面,如图17所示.
从图中可以看出,欢迎界面包含5个区域:①从模板创建.
可直接创建模板文档,在这里列出了创建Flash文档最常用的模板.
②打开最近的项目.
在这里,可以打开最近操作过的Flash文档.
③新建.
新建文档,在这里列出了许多Flash文件的类型.
④扩展.
链接到FlashExchange网站,可以在其中下载助手应用程序、扩展功能及相关信息.
⑤学习.
关于FlashCS5的一些学习资料,可以单击进行查看学习.
⑥若要隐藏欢迎界面,可以选中"不再显示"复选框.
FlashCS5动画制作项目化教程61Chapter图17FlashCS5欢迎界面2.
FlashCS5的操作界面在欢迎界面上单击"新建"区域中的"Flash文件(ActionScript2.
0)",即可创建最常用的FlashCS5文档,并迅速打开FlashCS5的操作界面.
FlashCS5的工作区界面形式可以根据自己的设计或制作需要进行设置,一般在菜单的上侧有设置工作区的面板,如图18所示.
其中的"基本功能"工作界面,如图19所示,包括菜单栏、工具箱、时间轴面板、舞台、属性面板、面板组、库面板等部分.

图18风格设置①菜单栏:提供各种命令集,如"文件"菜单中提供了对文件操作的命令,"修改"菜单中提供了对对象操作的命令等.
②"时间轴"面板:是控制和描述Flash影片播放速度和播放时长的工具,如设置帧和312645Flash项目化总览第1章71Chapter图层的顺序.
③工具箱:提供基本绘图和文字工具等.
④舞台:编辑和展示动画的场所.
舞台分前台和后台,后台的内容只有编辑时才能看见,播放时不可见.
⑤"属性"面板:可以显示当前工具、元件、帧等对象的属性和参数,在"属性"面板中可对当前对象的一些属性和参数进行修改.
⑥常用面板组:FlashCS5包括多种面板,这里提供了很多常用的模板,如"颜色"面板、"变形"面板、"对齐"面板、"预设"面板等.
⑦"库"面板:"库"面板是最常使用的面板,这里存储编辑好的部件和剪辑,称为元件.

任何元件都可以重复使用.
图19"基本功能"工作界面1.
5FlashCS5的常用面板FlashCS5除了提供命令的集合菜单栏外,很多操作方式需要用浮动面板完成.
这些浮动面板可以在"窗口"菜单查看状态,可以按照自己的需要打开和关闭浮动面板.
其中最常用的浮动面板有"工具箱"面板、"时间轴"面板、"属性"面板、"颜色"面板等.
4256173FlashCS5动画制作项目化教程81Chapter1.
"工具箱"面板Flash工具箱中的工具可以用来选择对象、绘图、填色、修改图形等.
"工具箱"面板如图110所示.
在"工具箱"面板上的工具,如果右下角有一个黑色的小三角形,代表其包含多个项目,多个项目用下拉的形式列出.
工具箱可划分为6个部分,其中:(1)用于对象选择的工具,包括选择工具、部分选取工具、套索工具等.
(2)用于绘图和输入文字的工具,包括文本工具、形状、线条、铅笔、刷子、钢笔工具等.

(3)用于辅助绘图的工具,包括变形工具、颜料桶、填充颜色、笔触颜色、滴管、橡皮擦、前背景颜色转换工具、紧贴至对象工具等.
(4)查看的工具,包括手形工具、缩放工具等.
(5)特殊工具,包括Deco工具、3D旋转工具、骨骼工具等.
(6)其中的"选项"区域,当某个工具需要有多项操作时会显示多项以便进行选择.

图110工具箱2.
"时间轴"面板"时间轴"面板是Flash制作动画不可缺少的重要面板,FlashCS5的"时间轴"面板,如图111所示,左侧含有"图层1"的区域为图层选项区域,右侧为时间轴顺序.
时间轴上方的编号为帧编号,下方有状态显示,显示当前的帧数、帧频率和播放时间.
时间轴面板可以包含多个图层和多个帧.
图层可以看做是透明的纸,图层上有对象和动画时则显示动画,没有的地方是透明的,一个图层可以制作一个对象的动画,多个图层叠加在一起形成复杂的立体场景.
套索工具选择工具变形工具钢笔工具线条工具铅笔工具骨骼工具手形工具前背景颜色转换紧贴至对象Deco工具滴管工具选项部分选取工具文本工具形状工具刷子工具颜料桶工具橡皮擦工具缩放工具填充颜色3D旋转工具下拉三角笔触颜色Flash项目化总览第1章91Chapter时间轴是制作动画的主要依据,Flash将动画分成一帧帧来播放,"时间轴"面板则记录了动画中各层各帧的播放顺序,在"时间轴"面板中,可以方便地操作帧和关键帧.
从二维角度看,时间轴面板包含时间和深度.
图111"时间轴"面板3.
"属性"面板"属性"面板是操作对象内部参数的重要面板.
面板的内容是不固定的,选择的对象不同,所具有的属性也不同.
在"属性"面板可以查看或更改对象的所有属性值.
例如一个矩形形状的"属性"面板如图112所示,包含形状、位置、大小、颜色、状态等.
4.
"库"面板"库"面板是制作动画必须用到的面板,按快捷键Ctrl+L可以打开和关闭库面板,如图113所示.
"库"面板中存放着制作动画用到的图形、影片剪辑、按钮等元件,这些元件可以重复使用,也可以不使用.
元件在库中的存储可以是单独的元件,也可以存放到文件夹中.

图112"属性"面板图113"库"面板图层区域播放时间当前帧帧频率帧序号帧状态FlashCS5动画制作项目化教程101Chapter1.
6初步认识动画制作过程Flash的基本动画形式分为两种.
一种是形状改变动画,即由一个形状改变到另一个形状的动画.
另一种是动作动画,即某个对象由一个位置到另一个位置的动画.
本节用2个小案例"礼花绽放"和"飞舞的叶子"初步体会两种动画的制作过程.
1.
6.
1制作礼花绽放动画——形变动画操作步骤:(1)新建Flash文件.
启动FlashCS5系统,选择ActionScrtipt2.
0选项,如图114所示.
图114新建文件(2)设置工作区布局形式为"传统",如图115所示.
①选择菜单栏右侧的工作区布局菜单,打开布局菜单的下拉列表.
②选择"传统"项,即将工作区界面设置为传统模式.
图115设置"传统"工作界面12Flash项目化总览第1章111Chapter说明:完成传统模式布局后,界面如图116所示.
这个布局与"基本功能"的布局格式有一定的区别,但是布局格式不影响功能操作.
作为普通动画的制作人员可以选择"传统"、"设计人员"、"基本功能"等模式.
选择什么模式可以根据个人的操作习惯而定.
首次设置后下次进入不需要再设置,系统会自动保留上次的设置.
图116"传统"工作界面(3)创建礼花动画的第1帧效果,如图117所示.
①选择工具箱中"刷子工具"项.
②设置刷子工具的形状为"点状".
③设置点状的大小.
④选择工具箱中"设置填充颜色"项.
⑤选择填充颜色为红色.
⑥用刷子在舞台的底部点一个点.
图117礼花动画第1帧(4)创建礼花动画最后一帧效果,如图118所示.
162453FlashCS5动画制作项目化教程121Chapter①在时间轴上,选择第40帧,单击鼠标右键.
②在弹出的快捷菜单中选择"插入空白关键帧"(快捷键是F5).
③选择工具箱中"刷子工具"项,设置点状的大小更小些.
④选择工具箱中"设置填充颜色"项,选择不同颜色.
⑤在场景上部任意位置单击多个点状.
重复③、④步骤,再画更多不同颜色的点,形成像礼花散开一样的图形.
图118礼花动画最后一帧(5)创建礼花绽放动画效果,如图119所示.
①选择工具箱中"选择工具"项.
②在图层的时间轴上1~40帧之间任意位置,单击鼠标右键,选择"创建补间形状".
③礼花绽放的动画制作完成的时间轴.
图119礼花绽放动画效果(6)预览礼花绽放的动画效果,如图120所示.
保存文件:保存制作的礼花绽放文件,如图121所示.
1.
6.
2制作飞舞的叶子动画——动作动画1.
制作叶子元件操作步骤:(1)新建Flash文件,图略.
12435123Flash项目化总览第1章131Chapter①选择菜单栏中的"控制"→"测试场景"选项(可按快捷键Ctrl+Enter).
②在弹出的窗口中可以看到动画的播放效果.
图120预览礼花绽放效果①选择菜单栏中的"文件"→"保存".
②在弹出的"另存为"对话框中,填写文件名为"礼花绽放"(文件的默认扩展名为:fla).
③单击"保存"按钮,保存完成.
图121保存礼花绽放文件(2)将舞台比例尺放大到200%,以便在比例尺下绘制图形更加清晰,如图122所示.