Flash动画课程设计文档格式.docx

Flash动画课程设计文档格式.docx

《Flash动画课程设计文档格式.docx》由会员分享，可在线阅读，更多相关《Flash动画课程设计文档格式.docx（12页珍藏版）》请在冰豆网上搜索。

Abstract

Firstofall,thedefinition,useandfuturedevelopmentofanimationarestudied,andthesoftwareofanimationisintroduced,Flash.IncludingtheapplicationofFlash,theactualoperation.Andrelateddisplay,inordertofurtherunderstandthetextonthebasisofmasteringtheFlashtechnology,sothattheuseofthesoftwaremoreprofoundmemory.FinallyaboutlearningFlashsoftwareexperience.

KeyWords:

Animation,Flash,software

第1章绪论

动画是一种综合艺术门类，是工业社会人类寻求精神解脱的产物，它集合了绘画、漫画、电影、数字媒体、摄影、音乐、文学等众多艺术门类于一身的艺术表现形式。

本论文就是为了让大家对制作动画的软件Flash有更深层次的了解，通过文字与图片相结合，使理解更加方便快捷。

第2章正文

2.1动画的概念

动画是一门幻想艺术，更容易直观表现和抒发人们的感情，可以把现实不可能看到的转为现实，扩展了人类的想像力和创造力。

广义而言，把一些原先不活动的东西，经过影片的制作与放映，变成会活动的影像，即为动画。

动画是通过把人、物的表情、动作、变化等分段画成许多画幅，再用摄影机连续拍摄成一系列画面，给视觉造成连续变化的图画。

它的根本原理与电影、电视一样，都是视觉原理。

医学已证明，人类具有“视觉暂留〞的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒不会消失。

利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。

因此，电影采用了每秒24幅画面的速度拍摄播放，电视采用了每秒25幅〔PAL制，中国电视就用此制式〕或30幅〔NTSC制〕画面的速度拍摄播放。

如果以每秒低于24幅画面的速度拍摄播放，就会出现停顿现象。

定义动画的方法，不在于使用的材质或创作的方式，而是作品是否符合动画的本质。

时至今日，动画媒体已经包含了各种形式，但不论何种形式，它们具体有一些共同点：

其影像是以电影胶片、录像带或数字信息的方式逐格记录的；

另外，影像的“动作〞是被创造出来的幻觉，而不是原本就存在的。

2.2动画的分类

2.2.1形状动画

在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画〞。

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，如此必先“打散〞才能创建变形动画。

形状补间动画，只要编辑首尾两帧上的图形，中间的形变过程由过渡帧来完成。

过渡帧在帧面板上的标志是一个向右的长箭头。

动作动画

在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash根据二者之间的帧的值创建的动画被称为动作补间动画。

动作补间动画，也只要编辑首尾两帧上的对象，中间的形变过程由过渡帧来完成。

跟形状补间动画不同的是，动作补间动画首尾两帧上的对象，必须是元件实例，且必须是同一个元件的实例。

包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合〞或者转换成“元件〞后才可以做“动作补间动画〞。

2.3Flash的简介与应用

2Flash的简介

Flash是由macromedia公司推出的交互式矢量图和Web动画的标准，由Adobe公司收购。

网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以与其他奇特的效果。

Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。

1996年11月，美国Macromedia公司收购了FutureWave，并将其改名为Flash。

后又被Adobe公司收购。

Flash通常也指MacromediaFlashPlayer（现AdobeFlashPlayer）。

2012年8月15日，Flash退出Android平台，正式告别移动端。

Flash是一种创作工具，目前最新的版本为AdobeFlashCS5.5Professional〔2011年发布〕。

设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的容。

Flash可以包含简单的动画、视频容、复杂演示文稿和应用程序以与介于他们之间的任何容。

通常，使用Flash创作的各个容单元称为应用程序，即使它们可能只是很简单的动画。

您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。

Flash特别适用于创建通过Internet提供的容，因为它的文件非常小。

Flash是通过广泛使用矢量图形做到这一点的。

与位图图形相比，矢量图形需要的存和存储空间小很多，因为他们是以数学公式而不是以大型数据集来表示的。

位图图形之所以更大，是因为图像中的每一个像素都需要一组单独的数据来表示。

Flash动画的特点

Flash动画在网上广为使用，使得大众对他好评以与热衷的原因在于它拥有很多的独特和便利的特点：

〔1〕Flash动画使用矢量图形系统，使用Flash创建的元素是用矢量来描述的。

矢量图形可以任意缩放尺寸而不影响图形的质量。

〔2〕Flash动画具有流式播放技术，使得动画可以边下载边播放，即使后面的容还没有下载到硬盘，用户也可以开始欣赏动画。

〔3〕Flash动画文件容量小，通过关键帧和组件技术的使用使得所生成的动画〔.swf〕文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，使得动画可以在打开网页很短的时间里就得以播放。

用户只要为自己的浏览器安装一次插件〔FlashPlug-in〕，以后就可以直接观看动画。

〔4〕Flash动画支持MP3数据流式音频，可以将MP3音频压缩格式的文件直接导入Flash中，将音乐、动画、声效等融为一体。

〔5〕Flash动画具有增强的Flash交互功能，即使Flash使用ActionStript语句，增强了对于交互事件的动作控制，使用户可以更准确、更容易的控制动画的播放。

〔6〕Flash动画拥有强大的网络传播能力。

〔7〕Flash动画拥有崭新的视觉效果。

〔8〕Flash动画制作本钱低。

〔9〕Flash动画在制作完成后可以把生成的文件设置成带保护的格式，从而维护了设计者的利益。

2.3.3Flash动画的应用领域

〔1〕随着计算机的普与以与网络的快速开展，网络动画是Flash的一个重要的应用领域。

〔2〕用Flash制作游戏有很多优势，如本钱较低、跨平台开发、集成多种媒体形式和媒体设备、成果易于发布、DIY精神的表现等。

〔3〕制作教学课件。

〔4〕Flash电子贺卡。

〔5〕制作广告、游戏特效。

〔6〕搭建Flash动态以与导航条。

〔7〕制作企业作品展示。

2.4动画设计的概述

动画设计是指在平面上表现事物的运动和开展。

本课设以相关动画理论为指导，以Flash8为创作工具，进展二维图元设计与动画的设计与开发。

具体涉与Flash鼠绘、Flash动画短片制作、多媒体软件制作等。

平面指没有上下曲折的面。

数学上称最简单的面，即在相交的两直线上各取一动点，并用直线连接起来，所有这些直线构成一平面。

2.4.2动画的概念

最简单的说，动画就是利用短时间播放连续动作序列的画面，藉由视觉残留造成画面中角色动作的视觉假象，这点原理其实跟电影一样，只不过电影是由真人的连续动作演出，而一般动画片必须以手绘或手调整人偶动作来达到同样的效果。

但是并不是任意把几静止的图片连起来便可称之为动画，由于是逐格地创造，要将胶卷不同格与格之间的动作连贯起来、并表现出独特的美感与意念，这才是此类艺术的要点所在。

动画设计是一个综合性行业，是民族文化传统，人类文明成果和时尚之间的纽带，动漫又是一个青春与活力迸发的艺术，是一种传统与创新交融的艺术，更是广阔青少年寻梦的舞台。

可以预见，在传统艺术逐渐被边缘化之时，动漫艺术将逐步主导大众文化潮流，动漫产业作为21世纪知识经济的核心产业，近年来在我国获得了迅猛开展，给动漫教育带来了前所未有的开展机会。

2.6动画总体设计

2.6.1设计的总体思想

随着上网人数的剧增，越来越多的商业客户开始重视网络这个宣传、展示的平台，网络广告近些年也呈快速开展之势。

在网络广告的开展历程中，简单的静态的banner广告形式已经不能满足客户的要求，因此，出现了Flash动画广告。

本课设就是一个运用Flash软件结合原创的动画展现给大家的公益广告。

把保护环境的重要性从一些小事到大事形象生动的展现在你眼前，希望大家意识到公德心与环境保护是息息相关的，希望人人都树立起公德心，共同保护我们的生活环境!

图2-1

2.7制作迎新动画

.1设计目的

此次课程设计的目的是通过对文本、图像的制作方法和工具的学习，使自己能够独立的运用相关软件进展图像处理和动画制作，并在此次实训中检验自己的掌握程度。

运用动画制作软件Flash设计制作动画。

目的是：

做一个迎春动画短片，要求除开头结尾总共20S。

.2概要设计

前段时间在网上看过一个迎新年的动画，大致展现的是主人公在给大家拜年时，祝福的话语慢慢的蹦了出来，之后与祝福相关的图片就随之而出，我的动画在制作时的灵感就来自于此。

因为我们此次的作品跟新年有关，所以背景的颜色主要以红色为主，在中国人的概念里新年是一定要有灯笼和春联还有鞭炮的，所以这些都会出现在我的作品里。

主人公当然是跟今年的羊年有关，就是小羊了。

.3详细设计

双击桌面上的Flash8,进入后点击左上角的文件选择里面的导入，导入到舞台。

把事先下载在桌面的背景图导入到舞台作为背景，并把图层1改名为背景，把图片放在背景的第一帧里。

因为背景要一直在动画中所以在300多帧的地方选中帧点击右键插入帧。

做好背景后我们，我们就把事先从网上下载的灯笼和春联放在背景上

接下来我们就可以做开场的帷幕了。

在背景图层的上方新建一个图层，选择该图层的第一帧，使用“矩形工具〞直接在舞台中绘制一个笔触颜色为“取消〞，填充颜色为“黑色〞的大矩形，其大小是舞台的一半，且将该矩形放置于舞台左半局部，矩形的左边与舞台背景的左边缘对齐。

选择该图层的第38帧，按F6，插入关键帧。

选择该帧的矩形，使用“任意变形工具〞，横向缩小矩形，即调小矩形的宽度。

注意，不要调整矩形的高度，缩小后的矩形与舞台的左边缘对齐。

选择该图层的第一帧，鼠标右击，在弹出的快捷菜单中选择“创建补间形状〞，此时在“时间轴〞面板中的第一帧到第三十八帧之间出现一个箭头，且时间轴的底纹颜色改变为“绿色〞。

在该图层的上方新建一个图层，选择该图层的第一帧，使用“矩形工具〞直接在舞台中绘制一个笔触颜色为“取消〞，填充颜色为“黑色〞的大矩形，其大小是舞台的一半，且将该矩形放置于舞台右半局部，矩形的右边与舞台背景的右边缘对齐。

其余的重复与左边一样步骤即可。

制作完成后如如下图所示：

接下来我们就要做会旋转飞动的“新年快乐〞。

在刚刚做好的帷幕图层上新建一个图层，命名为“文字〞，在该图层的第一帧，使用“文字工具〞在舞台中输入文字“新年快乐〞的字样。

打开“属性〞面板，将文本方向设置为“垂直，从左到右〞，字体为“隶书〞，字号为“30〞，静态文本，颜色为“黑色〞，选中该文本，按一次Ctrl+B组合键，将文字别离一次。

用选择工具全选中这四个字，右键单击，在出现的菜单中选择“分散到图层〞，执行该菜单操作后，如此四个字被分散到了四个图层中。

选中文字图层“新〞的第40帧和50帧，分别插入关键帧。

然后选择第50帧，用鼠标将“新〞字向右平移，选择图层“月〞的第40帧，鼠标右击，选择“创建传统补间〞。

选择该图层50帧，打开“属性〞面板，设置“补间〞栏中的“旋转〞为“顺时针，1次〞。

选择该图层的100帧，鼠标右击，选择“插入帧〞。

选择图层“年〞的第50帧和第60帧，插入关键帧。

选择第60帧，在该帧将“年〞字平移到“新〞字的右边，且与图层“新〞第40帧的“新〞字平行。

选择“年〞的第50帧，鼠标右击，选择“创建传统补间〞。

选择图层“年〞的第50帧，打开“属性〞面板，设置“补间〞栏中的“旋转〞为“顺时针，1次〞。

选择该图层的105帧，鼠标右击，选择“插入帧〞。

模仿这几步骤选择图层“快〞、“乐〞，对这两个图层中的两个文字分别在第60至70帧、70至80帧之间设置一样的传统补间动画效果，并且在这两个图层的第105帧处均插入帧。

接下来开始画小羊，点击“插入〞选择“新建元件〞，选择图形后在元件里粘贴从网上下载好的小羊图片，开始用铅笔工具绘画小羊，笔触选择“〞。

返回场景中，新建一个图层，命名为“小羊〞。

选中该图层的80帧鼠标右击“插入关键帧〞把小羊从库中拉入舞台背景图片的右下方，使其一半在舞台中一半在舞台外，分别再在95帧、105帧、115帧处插入关键帧。

然后依次在这些帧里移动小羊的位置使其慢慢走入舞台中央，到115帧时刚好到达。

做好后，选择80帧，鼠标右键“创建动画补间〞，会出现如如下图形。

接下来我们就开始做祝福的话语。

在“小羊〞图层上新建一个图层，命名为“祝福〞。

画一个对话框，如下列图：

之后我们在工具栏选择文字，放进对话框，在时间轴上隔两个帧插一个关键帧，每插一个帧，在对话框输入一个字，依次把话说完，帧也就插完了。

时间轴如如下图所示：

完成后，舞台的容如如下图所示：

接下来，我们在“祝福〞的图层上方新建一个图层，命名为“图片〞，在“祝福〞图层的结尾帧处对应上方紧接着插入关键帧，这样Flash做好后我们就能看见小羊刚说完话，图片就可以出来了。

小羊之后说了三句话，没说一句，插一幅图片，所以要分别就创建三个图层为“祝福1〞、“祝福2〞、“祝福3〞，分别在这三个图层之间再建三个图层为“祝福图1〞、“祝福图2〞、“祝福图3〞。

这样说几句话说完图片也能随之播完。

2.8结语

在教师的指导下，本次的课程设计成功完成。

本人也获得了丰富的知识容，不仅掌握了flash动画的根本知识，也充分涉与在动画过程中的不足，在学习新知识的同时完成课程设计，通过课程设计掌握新的容，开扩新的视野，不仅可以锻炼我的独立性和自主性，也可以培养各方面的能力

参考文献

[1]文杰创作室，Web动画完全手册，，人民邮电，1999年11月。

[2]小伟温培和，Flash8中文版动画创作实用教程，，电子工业，2006年4月。

[3]成戈，二维动画设计制作FLASH8，，电子科技大学，2008年6月1日。

[4]涛，Flash创意设计实例教程，，清华大学，2003年6。

[5]

[6]