新世纪网页动画设计应用教程（5天从入门到实战——设计大师sketchup应用教程）

论文名称：Flash环保广告的设计与实现学院名称：陕西能源职业技术学院专业名称：计算机应用摘要Flash技术和动画结合，可以胜过多媒体和互动两个特性，具体来说，它一改将平面漫画照搬到网络上仍然是静态页面的展现形态，而实现了动态页面，生成了一种新的变现形态：动态漫画乃至互动漫画。随着网络多媒体制作技术的发展，音乐、动漫、文字实现了互相穿插链接是一个迫近的趋势，内容变的越来越精彩纷呈。以互联网多媒体为方向的多元媒体相互竞争、并行发展的格局。随着上网人数的剧增，越来越多的商业客户开始重视网络这个宣传、展示的平台，网络广告近些年也迅速发展之势。在网络广告的发展历程中，简单的静态的banner广告形式已经不能满足客户的要求，因此，又出现了漂浮广告、弹出式广告以及大幅面等众多形式，在考察了众多的网络广告形式之后，又结合了传统广告的制作、创意等情况，认为未来的网络广告形式总，flash广告将大有可为。本文介绍了flash动画制作中最基础的知识以及在flash软件环境下制作flash小广告动画的过程和一些相关的应用方法，并通过制作flash小广告动画向大家展示出flash动画的特色。关键词：flash软件，动画，flash广告flash公益广告概述…………………2.1flash的发展历史……………………………………2.2flash的发展前景……………………………………2.3flash广告的特点……………………………………2.4flash公益广告的优势……………………………………2.5flash公益广告的不足……………………………………环保公益广告的设计制作过程3.1设计思路及准备工作3.1.1剧情的确定3.1.2素材、图像、元件的准备3.2导入音效3.3动画等主要元件的制作3.4公益广告测试及保存所采用的技术4.1时间与帧数4.2动画间隔的距离表现4.3flash动画中循环动作的时间存在问题总结致谢绪论随着上网人数的剧增，越来越多的商业客户开始重视网络这个宣传、展示的平台，网络广告近些年也呈快速发展。

在网络广告的发展历程中，在网络广告的发展历程中，简单的静态的banner广告形式已经不能满足客户的要求，因此，又出现了漂浮广告、弹出式广告以及大幅面等众多形式，在考察了众多的网络广告形式之后，又结合了传统广告的制作、创意等情况，认为未来的网络广告形式总，flash广告将大有可为。关于flash，是美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。FLASH软件主要用于动画制作，使用该软件可以制作出网页交互式动画,还可以将一个较大的交互式动画。FLASH还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着FLASH的广泛使用，出现了许多完全使用FLASH制作的多媒体作品。由于FLASH具有支持交互、文件体积小、效果棒等特性，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。FLASH是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，PHOTOSHOP图片的色彩更加靓丽，使Flash具有更大的设计空间。Flash在中国的发展经历了十几年的时间，起初只是一些爱好者出于个人兴趣制作的Flash作品，传到网上以供网民浏览，因为更多的人喜好这种表现形式，以及商家对网络发展态势的看好，早期的那些创作者开始承接商业广告。

自此，Flash广告的制作逐渐兴盛，而Flash动画更是得到越来越多上网族的最爱。本课题就是运用Flash软件结合一个原创的动画详细讲解了这个软件的使用。把保护环境，保护水资源的重要性从一些小事中形象生动的展现在你眼前，希望大家意识到公德心与环境保护是息息相关的，希望人人都树立起公德心，共同保护我们的生活环境！蓝天白云，空气清新，鸟语花香，风调雨顺，山河变得更加没好，环境变得更适宜居住，这是全人类对新世纪的希望。然而，站在新世纪的门槛上看，全球环境形式仍然相当严峻，各项污染物总量排放很大，污染程度仍处于相当高的水平，生态加剧的趋势尚未得到遏制，部分地区生态被破环的程序还在加剧。人存在于这个社会，必然会与别人产生各种错综复杂的关系，希望别人能以诚待自己，这就要求我们以诚待人。这是当初我做这部动画的出发点和思想源点，希望做一部动画能引起别人的共鸣，也是自己做动画的出发点，而作动画一直是自己的爱好，所以由此出现了这部动画，只是想通过这小小的情景片段，希望自己或者其他人能有所感悟。Flash公益广告概述2.1Flash的发展历程Flash是美国的MACROMEDIA公司于1999月推出的优秀网页动画设计软件。

它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash在中国的发展经历了年的时间，起初只是一些爱好者出于个人兴趣制作的Flash作品，传到网上以供网民浏览，因为更多的人喜好这种表现形式，以及商家对网络发展态势的看好，早期的那些创作者开始承接商业广告。自此，Flash广告的制作逐渐兴盛。Flash的前身是FutureSplash，它是为了完善Macromedia的拳头产品Director而开发的一款用于网络发布的插件，它的出现改变了Director在网络上运行缓慢的尴尬局面。1996年原开发公司被Macromedia公司收购，其核心产品也被正式更名为Flash，由于Flash具有文件数据量小、适于网络传输的特点，并且拥有可无限放大的高品质矢量图形、完美的声音效果及较强的交互性能，因此受到了广大动画爱好者的一致欢迎。正是广大用户对Flash这种空前的关注与热情，使得Flash日臻完善并且已经成为目前事实上的交互式矢量动画标准。前几年，因为网络的带宽问题导致传输速率非常缓慢，要制作具有动画效果的网页几乎是不可能的，因此网页一直都是静态的，缺乏变化。

随着带宽的增加和Java语言的流行，网页中开始出现了水面倒影、飘雪、彩虹字、滚动字幕等特效。现在进入某个网页时，会发现其动画效果不再是单纯的反复运动，而可以在画面里进行菜单选择以及播放声音文件等操作，究其原因，Flash功不可没。为了获得交互功能，网页设计者开始在网页中加入JavaScript、VBScript等脚本程序以及Java小程序来接收用户的信息并给出具体响应。例如，当鼠标指针指向某一位臵时，网页中将给出友好的动画文本提示。但是要制作这样的网页，必须掌握Java、JavaScript这样的编程语言，这又使得许多网页动画设计者望而却步。而且，即使能够熟练使用这些语言，为了获得类似的效果，也需要耗费大量的时间和精力，使复杂网页的制作周期大为加长。Flash 的出现，大 大减轻了网页设计者的工作强度，使网页的制作变得轻松、简单。 现在当你随意打开一个网页，都会发现Flash 动画已经 无处不在，从Logo 到广告短片，甚至于整个网页的制作， 几乎都可看到Flash 的身影。可以说Flash 正在以其强大的 魅力，影响着人们对于网络的认识。 目前，Flash 格式已经作为开放标准公布，并获得了第三 方软件的支持，将有更多的浏览器支持Flash 动画，而Fla sh 动画也必将获得更加广泛的应用。

另外，目前许多产品展示、多媒体演示及课件的制作也 都采用Flash 进行，更加扩展了Flash 的应用领域。而这些 都使我们有理由相信，当各领域都开始使用Flash 应用前景令人鼓舞。2.2 Flash 的发展前景 Flash 被称为是“最为灵活的前台”，由于其独特的 时间片段分割（TimeLine）和重组（MC 嵌套）技术，结 ActionScitp的对象和流程控制，使得在灵活的界面设 计和动画设计成为可能，同时它也是最为小巧的前台。 Flash 具有跨平台的特性（这点和 Java 一样），所以无论 你处于何种平台，只要你安装了支持的 Flash Player， 就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为 IE NetSpace各设计一个版本。同 Java 一样，它有很强的可移植性。最新的 Flash 还具有 的手机支持功能，可以让用户为自己的手机设计喜爱的功 能。当然首先必需要有支持 Flash 的手机，同时它还可以 应用于 Pocket PC。 Flash 动画在网上因短小且内容丰富，成为一种非常 好的交互和表达方式，它主要经历了简单动画、位图动画、 手绘动画、自动生成动画几个发展过程。

2.3 flash 广告的特点 为何Flash 广告会吸引这么多人的注意力，笔者认为是 主要在于以下几个特点： 1．体积小但效果好。Flash 广告采用矢量图形和流式播 放技术，保证了图形的质量和观看速度。通过使用关键帧和 图符使得所生成的动画(.swf)文件非常小，因此适合在网站 中插入。 2．跨媒体性强，但制作、改动成本低廉。Flash 广告除 了可以在互联网上进行传播，还可以在电视、楼宇广告、手 机等载体上进行发布、传播。目前完整的Flash 广告多以500 元（不少于 10 秒情节，动画整体风格及脚本设计 Flash 也便宜很多。3．视觉冲击力比其他的广告形式要强。同一个产品的 广告，如果采用Flash 形式会更容易吸引受众的注意。例如 佳洁士牙膏的广告多源自于生活场景，而高露洁 的广告则 多了“海狸先生”这个动画人物，让受众觉得更为有趣。取 名叫打印一网通的Flash 动画广告，结合现实生活中的办公 室常出现的打印纠纷，制造出一个幽默搞笑、动感十足的卡 通打印机，它会委屈，会抗议，将广告做得很可爱，也很人 4．Flash的广告形式具有亲和力和交互性优势。这是与 网络的开放性结合在一起的，使其可更好地满足受众的需 要，让欣赏者的动作成为动画的一部分，通过点击、选择等 动作决定动画的运行过程和结果，使广告的传达更加人性 更有趣味，比起传统的广告和公关宣传，通过 Flash 进行产品宣传有着信息传递效率高、受众接受度高、宣传效 果好的显著优势。

2.4 flash 公益广告的优势 动画一旦变成说教，就索然无味，特别是这种公益性的 广告。 说起 flash，不少人会马上联想到好玩，搞笑，而说到 公益广告，却是严肃认真的事情。flash 公益广告应该侧重 于广告的思想行和倡导性的特征上，而flash只是一个手段。 创作一个flash 广告，首先不要产生公害，由于公益广告跟 公众沟通，要考虑到公众是所有人，尊重大家的习俗，信仰， 文化等等。避免不适合少年儿童的内容，避免容易误解、歧 义的内容，这些往往是个人创作，自由表达中容易忽略的， 其实本着公德心去做就好。 本次毕业设计突破了传统的框架，用flash 动画作为广 告的创作形式。由于flash 技术表现形式多样切富有动感， 以致在现今社会的文化传播中被广泛利用，此次设计通过运 flash制作广告，希望吸引更多的人来关注环保，通过 flash 的形式呈现为大众创作更加贴近生活、更具有代表性 的公益广告，而公益广告表现的内容通常都出现在你我的身 边，只要有一颗爱心，就能够发现更多做得更好，从而使公 益广告完全贴近实际贴近生活贴近大众。 2.5 flash 公益广告的不足 虽然Flash 这种广告形式具有很多优点，但是目前Flash 广告的应用范围相对较小。

主要原因在于： 第一，是人才、经验不足。相对传统广告的庞大的从业 人员，Flash 广告的制作人员很少，且是自发加入到这个行 列，这就使Flash 广告先天就营养不良。许多闪客并不具备 扎实的美工基础，没有严格的商业操作流程，缺乏知识产权保护，严格意义上的制作群体并没有形成。 第二，虽然我国现在有近亿万网民，但是其年龄结构偏 小，关注的多是时尚产品，因此其他产品发布广告存在可能 达不到目标群体的障碍，这就导致潜在的广告客户对于这种 表现形式的认可度较低，因此在现阶段制约着Flash 广告的 发展。 第三，广告创意及产品诉求相对单一。多属于简单直观 的表达方式，画面比较粗糙，不讲究画面的精美，看重的是 在作品中突出品牌，对于产品的深层次特征挖掘不够，在展 示产品特色方面做得没有传统的电视广告好。 第四，Flash 广告目前属于单打独斗，真正意义上属于 团队制作的成品并不多，这点和Flash 发展现状差不多，多 是游兵散将，并没有形成庞大的阵势。 环保公益广告的设计制作过程3.1 设计思路及准备工作 3.1.1 剧情的确定 以“环保”为主题创作的剧情，广告中主要针对保护水 资源这块进行了体现，根据热带鱼的动作和神态以及海中的 鱼骨来体现水环境破坏的严重性。

3.1.2 素材、图像、元件的准备 素材、图像、元件的选择和准备工作是FLASH动画成功 的基石，好的设计，不仅要考虑图片、场景、人物颜色的搭 配，更要在人物的神态和动作上多下功夫，做到协调、一致、 和谐。在此阶段不仅要耗费大量时间和精力搜寻素材，自己 更要亲手制作，利用 Photoshop 制作处理场景图片，利用 Flash 制作各种元件及矢量图像等为后期的工作做准备。 图示所用到的元件、图像： 3.2 导入音效 FLASH 广告制作的关键是影音和情景的搭配，将选择好 并经过处理的的相关音效，等导入FLASH 文件内。在音乐不 同的阶段安排场景和角色，这样能使做出来的动画更符合音 乐的基调和感情。整体上更和谐。 图示导入音效： 3.3动画等主要元件的制作 FLASH 中涉及很多特效及动画效果，如：尾巴摇摆、泡 泡浮动、按钮、头发飘动等效果。根据音乐结合剧本创作这 些动画效果及特效。按照不同的层次和顺序导入到场景中 去，充分发挥自己的想象空间，做成一个完整的小动画、小 故事。 图示尾巴摇摆： 3.4公益广告测试及保存 广告做好后需要大量的测试，根据情况对某些细节做调 整，精益求精，在保存上应精简原则，在保证质量的基础上 调整大小；由于FLASH 有不同版本，在版本的选择上按就低 原则，以适应不同版本的兼容和播放。

图示整个广告制作： 所采用的技术4.1 时间与帧数 广告动画的放映速度是12帧/秒，根据音乐时长确定帧 4.2动画间隔的距离表现 物体静止到移动到静止都有类似的规律：静止开始时速 度慢、运动停止时的速度慢，表现在帧数上的原则是：从静 止到运动帧数逐渐减少，从运动到静止帧数逐渐增加，中间 运动过程的速度最快，帧数也最少。4.3 flash动画中循环动作的时间 动画中经常会有循环动作，但不同的情况需要的帧数也 是不同的。 4.4 flash背景透明及层次问题 Flash中利用背景的透明和层次的分布解决制作各种场 景和特效是一门很深的学问，技术的运用以及各种创意是其 关键。 存在问题本课题采用Flash 为主要工具，因为所学尚浅，故还存 在着许多不足之处。如： 1.Flash 中人物刻画不够完善，很多动作，神态都需要有 一定的美术功底及 Flash 基础，对于绘画功能不太好的我很 困难，所以在此只做了一些简单的人物。 2.故事片段过于短小，内容不够丰富，人物刻画的不否 完善，场景过于简单。 总结 通过毕业设计，我对FLASH 软件有了更深一步的了解。开拓了眼界，加深了认识，使我知道FLASH 不但可以在视觉 上给人一种全新享受外，还可以在享受全新的视觉的同时， 还可以学到知识。

总之，通过这次FLASH 的制作设计，使我深深地感觉到 了自己在专业认识上的欠缺和不足，自己的很多地方都急需 挖掘和深化，今后我一定注重培养自己的审美情操，加强审 美观的培养，多加开拓自己的视野，使自己的创新意识不断 的得到加强，对FLASH 更是要继续不断的深化学习。 FLASH 是一个功能强大的动画创作工具，仅仅掌握一些 表面知识是远远不够的，只有在实践中不断探索和总结，并 且不断激发自己的想像力和创意，才能逐步提高自己的创作 水平，进而制作优秀的作品。从中我不仅领会了基本的思考 方式，掌握了很多的通用方法，而且还明白了许多道理。 致谢经过一个来月的忙碌和工作，本次毕业设计已经接近尾 声，作为一个大专生的毕业设计，由于经验的匮乏，难免有 许多考虑不周全的地方，如果没有老师的督促指导，以及同 学们的支持，想要完成这个设计是难以想象的。 在这里首先要感谢我的指导老师。老师在整个过程中都 给予了我悉心的指导。除了敬佩老师的专业水平外，他们的 治学严谨和科学研究的精神也是我永远学习的榜样，并将积 极影响我今后的学习和工作。 其次要感谢大学三年来所有的老师，为我们打下技术方 面知识的基础；同时还要感谢所有的同学们，正是因为有了 你们的支持和鼓励。此次毕业设计才会顺利完成。 最后感谢学院我的母校——陕西能源职业技术学院三 年来对我的大力培养。