毕业设计（论文）-上海世博园区多媒体景观制作实训.doc

34毕业实训论文题目： 专 业 计算机应用班 级 学 号 姓 名 指 导 教 师 年 月 日目录目录ii1绪论11.1问题的提出11.2课题研究意义11.3课题调研31.4总体介绍41.5工具选择42制作的技术关键62.1技术1 Director软件基础应用62.1.1舞台（Stage）62.1.2演员表（Cast）62.1.3分镜表（Score）72.2技术2 Easy Paint Tool SAI的绘图技巧72.2.1SAI的工作界面72.2.2用SAI绘制多层彩图73设计103.1总体设计103.1.1总体设计框架图103.1.2各模块设计框架图103.1.3五大模块的首页设计123.2详细设计用Director集合所有素材143.2.1主菜单界面详细设计143.2.2“世博揽胜”模块详细设计163.2.3“会徽之谜”模块163.2.4“东方之冠”模块详细设计173.2.5“精彩视频”模块详细设计213.2.6“海宝故事”模块详细设计253.3详细设计案例多媒体素材的制作263.3.1案例1：“接天莲叶无穷碧，映日荷花别样红”影片制作263.4设计中遇到的问题303.4.1问题1：303.4.2问题2：303.4.3问题3：303.4.4问题4：303.5使用说明313.5.1“世博揽胜”模块使用说明313.5.2“会徽之谜”模块使用说明313.5.3“东方之冠”模块使用说明313.5.4“精彩视频”模块使用说明313.5.5“海宝故事”模块使用说明314结论324.1完成情况324.2更进一步的学习324.3心得体会33致谢35参考文献36摘要中国2010年上海世界博览会（EXPO 2010），是第41届世界博览会。于2010年5月1日至10月31日期间，在中国上海市举行。此次世博会也是由中国举办的首届世界博览会。上海世博会以“城市，让生活更美好”（BETTER CITY, BETTER LIFE）为主题，总投资达450亿人民币，创造了世界博览会史上最大规模记录。 世博会将是上海城市发展的一个里程碑，上海作为以城市为主题的2010年世界博览会的举办城市，有着特殊的意义。上海在筹备世博会的过程中，必然会建造更多的优秀建筑，创建面向未来的住宅区，丰富城市发展的理念，完善并提升城市功能，创造城市未来发展的模式，推动中国城市化进程。本课题设计部分将使用DirectorMX2004来将课题中的各种资料，包括文字，图片，视频以及声音等素材进行整理和组合。由此形成一系列演示作品，希望能够以生动形象的方式将最美的世博印象展现给观众。关键词：创意设计 会展经济 文化产业1 绪论在了解了本次设计的背景及意义之后，我们将进入到课题的正式设计制作之中，首先我们将会对本课题问题的提出，本课题的意义以及使用到的相关工具等方面的内容进行研究。1.1 问题的提出现在是一个开拓的多媒体作品得到充分运用的时代。多媒体元素充满了城市的各个角落：网页中的广告，视频教学，互动演示，移动电视，银幕广告等。多媒体形式层出不穷。作为计算机科学与技术专业，同时专业方向又是多媒体技术的学生，掌握一些多媒体制作常识，尤其是能结合时代主题创作具有个性的特色作品，不仅是专业的要求，而且是产业发展的实践性需要。1.2 课题研究意义通过对这个课题的设计与开发，可以了解并熟悉我眼中2010年上海世博会的精彩内容。作为与奥运会、世界杯比肩的世界三大盛会之一，世博会是对一个国家、一个城市所取得的社会、经济、文化、科技等领域的最高成果的展示。“一切始于世博1”这句广为传诵的名言，道出了一个多世纪以来世博会对创新的不懈追求。世界展览会的会场不单是展示技术和商品，而且伴以异彩纷呈的表演，富有魅力的壮观景色，设置成日常生活中无法体验的、充满节日气氛的空间，成为一般市民娱乐和消费的理想场所。首先，本文将介绍中国与世博会历史（1851-1940）。中国第一个看到“炫奇会”（世博会）的是清末著名文人王韬。1851年的英国伦敦首届博览会，中国商人和一些在中国经商的外商，将丝绸、茶叶、中药等中国传统商品拿去参展并获得多项奖项。1873年的维也纳博览会是中国第一次参加的世博会。当时任清政府海关总税务司的英国人赫德曾派了名叫包腊的英国人代表中国参会。1876年，中国海关代表李圭参加了美国费城世博会，写下了环游地球新录一书。此举也被称为是中国参加世博会之始。在这次博览会上，中国展馆占地仅“八千正方尺”，精心的布置，以浓郁的中华民族特色吸引了参观者。一座木质大牌楼向北而建，上书“大清国”三个字，对联一副，曰“集十八省之大观，天工可夺；庆一百年盛会，友谊斯顿”，横批为“物华天宝”。中国参展的商品共计有720箱，6801种，价值约白银20万两。中国的丝、菜、瓷器、绸货、雕花器、景泰蓝等在各国展品中被推为第一。1904年美国圣路易斯世博会是中国首次以官方形式率领商人正式参加的世博会。当时清政府相当重视参展，花巨资修建了具有浓郁民族风格的中国村和中国展馆，并派出了溥伦和黄开甲分任正副团长的政府正式代表团出席开幕典礼。1915年巴拿马太平洋世界博览会在美国旧金山举行。当时的中华民国政府建造的中华政府馆集中了许多中式建筑结构，较突出地反映了中国传统政治型建筑的特色，在巴拿马世博会各场馆中有一定的典型性和观赏性。1926年费城世博会上，中国以生丝、茶叶、江浙绸缎、江西瓷器、福建漆器、手工刺绣及翡翠等展品为主，具有中华民族特色。1通过了解中国参展世博会的历史，我们可以看到中华民族的历史步伐，领略到中华文明在国际舞台上的鲜明个性。现代新中国与世博会的交往是不断向前推进的。从1982年至2008年，中国参加了13次综合类和专业类世界博览会。2010年上海世界博览会（Expo 2010），是第41届世界博览会。于2010年5月1日至10月31日期间，在中国上海市举行。此次世博会也是由中国举办的首届世界博览会。上海世博会以“城市，让生活更美好”（Better City, Better Life）为主题，总投资达450亿人民币，创造了世界博览会史上最大规模记录。自2002年的摩纳哥蒙特卡洛上中国申请举办上海2010年世博会成功后，到2010年上海世博会正式举行，经过8年时间的建设与宣传，人们对世博会已是耳熟能详。“2010年上海世博会，将会告诉你关于城市的美好未来！”正如这句话本身一样，世博会吉祥物“海宝”；世博的“脊梁”世博轴；世博演艺中心“飞碟”；璀璨升起的中国国家馆“东方之冠”；各具特色的世界展馆以及主题馆；现代城市发展优秀案例城市最佳实践区除了这些矗立在世博园区的夺人眼球的建筑和世界仰止的科技新秀之外，园区内亲切热情的志愿者“小白菜”；欧洲广场、太平洋广场、美洲广场、非洲广场和志愿者广场等几大广场的国际国内轮回驻场文艺演出以及欢乐盛装大巡游，船鸼码头童趣盎然热闹非凡的剧场，亲水平台音乐喷泉每夜绽放织就绚丽舞曲，这些都让中外游客流连忘返，印象深刻。上海世博会上有近400个展项，还有对主题有所呈现的各种景观，各类论坛和两万场活动。所有这些项目，都好看、好玩，而且颇具内涵、引人深思。不同的展览、活动、论坛，让你从不同地域文化和民族的视野，从国家、地区、城市、企业、社会团体的不同角度，看到今天世界对于“城市”与“生活”问题的解读。同时，电视、报纸、互联网等主流媒体对世博会的跟踪报道也让上海世博会成为2010年的年度关键词。现在，上海2010年世博会已经圆满闭幕，对世博的回忆和讨论却经久不息。人民日报报道：“一届成功、精彩、难忘的世博会即将载入史册”，中国青年报“经过世博洗礼的一代被称为世博一代”，经济日报：“书写人类文明交流互鉴新篇章”，东方早报：“海内存知己，天涯若比邻”2媒体报道纷至沓来，潮水般介绍世博会闭幕盛况。在世博会结束后，园区适合按照何种形态进行后续利用是一个万众关注的问题。上海市政协曾表示极大关注，早在2009年就提出了相关建议。根据设想，世博会后，上海应把园区定位为国际贸易功能集聚的高端商务园区，成为永不谢幕的会展、贸易集聚之地。事实上，世博园区所有参展国家拟建展馆时都运用了环保材料，闭幕之后都会拆除。应市场要求和游客期望，中国国家馆延长开放时间，整歇后于2010年12月1日开始到2011年5月30日为止重新开放参观2，给游客更多机会欣赏东方之冠的壮观和美丽。在世博会这个百花齐放的多媒体舞台中，影视短片和数字动画起到举足轻重的宣传作用。多媒体产业因此提升到一个新的高度，从世博园中众多移动媒体的LED显示屏循环放映的多媒体作品上可见端倪。世博印象创意设计是一个巨大的课题。一方面，本课题给学生广阔的创作空间，另一方面，它又意味着学生必须推陈出新，以自己特有的方式组织已有的多媒体素材进行再创作。纵观整个多媒体创作市场，高速发展的信息网络为学生们提供了大量免费可共享的多媒体资源。如何结合自己的专业知识与技能来运用这些资源为毕业实训服务，向用户传递个性世博印象，是一个不小的挑战，也是本次毕业实训中需要注重的问题。1.3 课题调研在对本课题的设计目的和意义有了一个初步了解之后，我们通过查阅和分析作者当志愿者时留下的影音资料对世博会进行一个更加深入的认识。作为一名上海欧华学院的园区志愿者，对世博园有别样的体会，这将会有助于今后的设计与制作。2009年3月，上海世博会志愿者网上报名启动，笔者马上报了名。经过一系列筛选和测试，最终于2009年末确定成为园区志愿者候选人。2010年3月，作为候选人正式开始参加培训。世博理论知识、基础救护知识、世博信息平台操作等等理论和实验训练结束后，2010年4月29日，我们参加了世博会开幕式演练，第一次进入世博园区进行实践观摩。接着是2个月的信息理论等测试，直到2010年7月12日，我们进入园区成为世博园B片区太平洋联合馆南侧遮阳伞前岗上志愿者，主要工作为非活动期间问询。就这样，我开始真正的世博之旅。一年多的新闻跟踪调研及两周实地考察体验“小白菜”生活，我们看到了许多从未了解过的美丽世博园，接触了许多优秀的志愿工作者，从而对上海世博会有了更加深刻的体会。尤其是太平洋区域联合馆多元化文明，其缤纷的历史色彩，热情的人文交流，都令人目不暇接，眼花缭乱。因此，本次毕业实训课题既是专业技巧的挑战，也是对我们世博之旅的总结和纪念。这种特殊的经历为我们设计中视角和模式探讨增加了个性色彩。经过对世博官方资料以及个人影集资料的总结分析，我们确定了制作世博揽胜、会徽之谜、东方之冠、精彩视频和海宝故事五大主要模块，然后在此基础之上对各模块内容进行详细创意设计，以求给用户最佳的世博印象。1.4 总体介绍在本设计中将针对世博会设计从主菜单链接五个主题模块，再从各主题细分为相关主题内容展示。展示内容包括影视作品、精美手绘、欢乐音频、动感彩图等与主题相关素材的集成。主菜单界面是绘图软件结合数位板手绘的彩图制作成flash动画循环演示。主菜单上将显示5个按钮分别指引用户前往“园区揽胜”、“会徽之谜”、“东方之冠”、“精彩视频”和“海宝故事”主题模块。其中，“世博揽胜Map”展示2010年上海世博会地理概况，包括园区交通地图，餐饮地图和节目单图。特色项目是太平洋舞台歌舞实况纪录。“会徽之谜Emb”模块主线是以忆海拾贝的叙述方式，演绎世博会徽的形成过程，带领用户走近会徽，体验会徽图形美感与城市生活主题的融合过程。除主线之外，支线故事是志愿者标志的设计及“小白菜”之旅的照片展示，让用户在各种徽章中感受世博的人文气息和青春活力。“东方之冠China”模块是一个以中国国家馆为主题的模块。本模块意在以“画中乾坤”的方式展示东方之冠的故事。“精彩视频Vid”用蓝调风格影院的方式让用户欣赏世博会的精彩官方宣传片。播放列表上所有影片来源于上海世博会园区志愿者读本，集合了从申博到世博会成功举办的一系列宣传视频，带给用户快捷方便的视听感受。“海宝故事Luck”模块是一个充满童趣色彩的模块。模块第一个界面是结合数位板绘成的仿儿童画风格色彩斑澜的四海之宝，演示海宝来了主题曲；第二个界面绘成了生动有趣的林中“HaiBai Story海宝故事屋”，集成漫画图册，并让用户在漫画中与海宝亲密接触。本设计特色之外在于在模块中各处适得其所地插入了学生用Easy Paint Tool SAI绘制的彩图，以加强设计的个性色彩和可看性。1.5 工具选择本课题的设计主要用Director MX2004集成展示，素材设计软件使用Flash MX，Easy Paint Tool SAI, Photoshop CS3共三款多媒体软件, 辅助软件有K-Lite Codec Pack解码器。Director MX2004是一款多媒体主流集成工具。本设计主要是用Director展示，在模块设计、影音图片格式支持和动画交互方面都优于同类型软件。该软件结合了多种软件的特点，在使用上类似于FLASH。在Director MX2004中有帧的概念，也有对象的概念，这些使得设计变的更加方便快捷，易于操作3。Flash MX是一款优秀的动画制作软件。支持大部分格式的图像和音频素材，具有自制动画元件的功能，并能发布多种格式的影片4。本次设计中的动画效果全部使用Flash实现。Easy Paint Tool SAI是一种体积轻简，笔刷多样的绘图软件。结合数位板可以绘制多图层多种风格的彩图和漫画。这是本设计中所有手绘图的支持软件。Photoshop CS3即大众熟知的PS5。PS在本设计中最主要的功能在于制作各种应用于Flash的字体。同时，该软件优秀的图片处理能力也在截取动画素材方面有卓越表现，是一款经典的图形处理辅助软件。K-Lite Codec Pack是一款多媒体解码器软件。支持网络上绝大多数视频音频流格式，是保证视频音频顺利播放的解码工具。绘图辅助工具：UGG Rainbow Smart数位板设计计算机：联想旭日N440笔记本系统支持：Windows 7(本机)兼容Windows XP/2000（机房）2 制作的技术关键2.1 技术1 Director软件基础应用2.1.1 舞台（Stage）首先启动Director，新建一个Movie，选择File>New>Movie命令。建立的Movie的尺寸是默认的大小：320*240。Movie的尺寸也就是舞台的有效尺寸，在通常情况下，我们需要按照自己的情况设置舞台的大小和其他的一些属性。设置的方法是，激活舞台窗口，此时现在在属性面板中的就是舞台的各种属性，可以很方便地在其中进行设置3。在属性面板的Movie选项卡中，首先选择影片的颜色系统，一般采用默认的当前系统配色表：System Win；在第二项中，是设置影片的大小，可以通过右方的下拉列表选择由系统默认的常用方案。在这里我们直接在宽和高两栏中输入希望的大小，800*600。在接下来的“Stage Location”一栏中，可以设置最终打包后的舞台在桌面播放时的位置，在后面的下拉列表中可以看到有居中、左上角和自定义三个选择，考虑到最终用户桌面的大小不一定一样，在这里设置居中。在下面的“Stage Fill Color”是设置舞台的颜色，通常情况下选择白色或者黑色的情况比较多，这里我们保持它的默认设置：白色。接下来是设置影片通道的数目，默认的是150个，在通常情况下足够我们使用。在下面的扩展面板中，一部分是设置影片的颜色模式：是RGB真彩色还是索引色，以及如何影射调色板。另一部分是影片内容和作者的信息。如果不喜欢这种图标的方式，还可以单击右上方的列表按钮，让这些信息采用列表的方式排列。如图2.1略（因本文超过26兆，作为模板，部分图只能略）图2.1 Movie的属性面板示意图2.1.2 演员表（Cast）无论什么样的媒体素材，进入到Director中，都被称作演员。所以Director中演员的种类非常多，在每个演员的右下放，都有一个小标记，标明演员的种类。例如，位图演员下面有个“画笔”的标识，文本演员下有个“A”的标识。这里我们常用的演员类型有：位图演员；矢量图演员；Shape演员；脚本演员；Field演员；文本演员；表示Flash演员；表示Behavior演员；表示按钮演员；表示声音演员；QuickTime电影演员；avi演员；Loop演员；转场演员；Dir影片演员3。Director可以在一个电影中支持多达3,2000个演员的使用。如此庞大的演员阵容都可以有序地组织在一个或多个演员表（Cast）中。打开或关闭演员库（Cast）：执行菜单Window/Toolbar命令或单击工具条上的按钮。打开的演员库如图2.2所示。略（因本文超过26兆，作为模板，部分图只能略）图 2.2演员库2.1.3 分镜表（Score）分镜表（Score）相当于导演的剧本，可谓是Director的核心。一个电影的好坏成败，关键在于分镜表是否编排得当，是否构思巧妙。打开或关闭分镜表（Score）：执行菜单Window/Toolbar命令或单击工具条上的按钮。打开的分镜表如图2.3所示。略（因本文超过26兆，作为模板，部分图只能略）图 2.3 分镜表2.2 技术2 Easy Paint Tool SAI的绘图技巧2.2.1 SAI的工作界面SAI的界面类似于Photoshop和Painter，支持多种笔刷，具有多图层功能，可以由用户自己选择颜色和笔刷作画。点击文件新建文件确定，进入绘图。如图2.4略图2.4 SAI的工作界面2.2.2 用SAI绘制多层彩图1绘制线稿连接数位板，安装光盘中的驱动，以方便手绘。打开SAI，按上面所述步骤新建文件，选择铅笔笔刷，颜色选择深灰色，绘制线稿。如图2.5，2.6和2.7所示：图略 图略图2.5 选择铅笔笔刷 图2.6 选择颜色深灰色略图2.7 绘制线稿注意区分线稿与色彩图层，铅笔笔刷的颜色不透明，颜色如果上到线稿上，会掩盖草图轮廓，不便于着色和修改线稿。例图2.7，因此要特别注意分层绘画。2.采用多图层叠加的方式给线稿着色主要是用铅笔笔刷一笔一笔着色，再使用水彩笔笔刷对细节进行调和，依照轮廓和光线的走向给人物和背影分开图层着色。着色过程如图2.8至图2.10：图略图2.8给人物上完色之后，可以点击图层上的图标，暂时隐藏人物的相关图层，这样更方便为背影着色。图略图2.9上完背影颜色后，点击取消人物图层的隐藏，看整体效果，进行细节修饰和调整。如图2.10：图2.10最后，点击文件保存或者Ctrl+S保存为主菜单.png。另外，用和纸笔笔刷可以绘制Better字体.png，如图2.11：图略图2.113 设计3.1 总体设计本次课题的设计部分将分为五个部分来展开，在围绕世博印象创意设计展示这一大主题的同时，分别对世博揽胜、会徽之谜、东方之冠、精彩视频以及海宝故事这五个模块进行展示。3.1.1 总体设计框架图主菜单世博揽胜会徽之谜东方之冠精彩视频海宝故事图3.1 课题总体框架图3.1.2 各模块设计框架图1 世博揽胜：世博揽胜首页园区交通图园区餐饮图节目单返回主菜单地铁线路布局美食一条街太平洋广场秀返回首页返回首页返回首页图3.2 世博揽胜模块框架图2.会徽之谜：会徽之谜首页世博会徽创意理念会徽设计遇到的问题会徽设计过程最终设计成果志愿者之心志愿者掠影主线故事支线故事返回主菜单返回首页图 3.3 会徽之谜模块框架图3.东方之冠： 东方之冠首页东方之冠，以水相连民间绝技，三斩斧东方之冠，科技为先芙蓉帐暖，四月绽放中国馆为什么那么红返回首页返回主菜单图 3.4 东方之冠模块框架图4.精彩视频：图 3.5 精彩视频播放列表5.海宝故事：海宝故事首页返回主菜单海宝来了动画展示海宝漫画故事屋返回首页图3.6 海宝故事模块框架图3.1.3 五大模块的首页设计在“世博揽胜模块中为用户展示的是2010年上海世博会园区位置、交通地图、餐饮地图和太平洋广场歌舞表演。通过该模块可以让用户从整体上了解世博会的概况，并欣赏特色歌舞。图略图3.7 “世博揽胜”首页“会徽之谜”讲述了两个关于会徽的故事。主页如图3.8图 3.8 “会徽之谜”首页“东方之冠”旨在达到“一张画报映中国，半瓣荷上说世博”的效果。图略图 3.9 “东方之冠”首页 “精彩视频”主页即播放界面，由用户自己选择要播放的视频：图略图 3.10 “精彩视频”首页“海宝故事”童心无限：图3.11 “海宝故事”首页3.2 详细设计用Director集合所有素材本次设计的题目是世博印象创意设计，在Director软件的支持下，本课题将分成五个部分来介绍世博印象，它们分别是：“世博揽胜”、“会徽之谜”、“东方之冠”、“精彩视频”、“海宝故事”。在这五个部分中将各有侧重的2010年上海世博会上作者的所见所闻所想进行主题创意展示。3.2.1 主菜单界面详细设计1、 导入素材：file-import或Ctrl+R导入主菜单相关素材：主菜单.swf，10个button图片及城市畅想.mp3共12个素材。图3.12为导入路径图：图略图 3.12 主菜单界面制作导入路径2.设计主菜单画面：在score第5帧双击插入脚本：go the frame。因此，在第5帧时总是跳转到本帧画面，视觉上获得停在第5帧的效果。略图3.13 主菜单第5帧脚本图将主菜单.swf、map.png、emb.png、china.png、vid.png、luck.png五个button1号图拖入舞台。将主菜单动画放在精灵通道1，使背景动画总是显示在最底一层，主菜单.swf的sprite属性设为W：800，H：600，与Movie界面同样大小，可以布满整个画面。Flash属性勾选loop，循环放映swf影片。其他属性保留默认设置。3.插入button并添加脚本：将“园区button1”，“会徽button1”，“东方button1”，“精彩button1”，“海宝button1”分别插入到精灵通道2，3，4，5，6。在stage窗口调整这些图的位置，然后对其点击右键在script中编写如下代码（即脚本）：on mouseEnter me cursor 280 -鼠标指针进入按钮时变为手形 sprite(2).member= member ("园区button2" ) -切换为中文图标按钮endon mouseLeave me cursor -1 -鼠标指针离开按钮时恢复为指针 sprite(2).member= member ("园区button1") -切换为英文图标按钮endon mouseUp me sprite(2).member= member ("园区button1") -鼠标单击时变为英文图标按钮end这段代码能够实现的效果是：当鼠标浮移到Map图标上时，Map图标转移为“园区揽胜”中文字。如图3.14： 图3.14 鼠标进入map图标范围内时，图标变换用同种方式制作其他4个按钮的鼠标效果。如图3.15至3.18： 图3.15 会徽之谜图标鼠标浮移效果 图3.16 东方之冠图标鼠标浮移效果 图3.17 精彩视频图标鼠标浮移效果 图3.18 海宝故事图标鼠标浮移效果4.为主菜单动画和button添加淡出效果在Library中选择animation里的fade in out，拖放在精灵通道的各个精灵上，设置主菜单2s后淡出，而button们2.5s后淡出，制造有顺序的淡出效果，增加视觉上的层次感。3.2.2 “世博揽胜”模块详细设计1.导入素材：导入园区地图动画，交通图，餐饮图，节目单图，八大菜系图和Tikivilige表演视频等素材。在时间轴第10，11，12，13和14帧分别插入脚本go the frame，使它们各自保留在当前画面。2.设计支系模块格局在第10帧插入园区地图.swf，3个button图标，长度均设置为1帧，调整演员在舞台的位置。如图：图略图3.19 世博揽胜交通地图设置主页与支系链接：在交通图button，餐饮图button和节目单button上分别插入脚本：go frame 11，go frame 12，go frame 13。插入新建button “Exit”，设置脚本：go frame 1，点击返回主菜单。在第11帧精灵通道1插入素材，根据舞台调整图片大小和位置。用插入新建button “Exit”，设置脚本go frame 10，显示长度第11帧到第13帧，用于点击返回揽胜首页。3.2.3 “会徽之谜”模块1. 导入素材：Ctrl+R导入相关素材，包括四张主要背景图及文字图片。分别为时间轴第15帧到第19帧添加脚本：go the frame，使其停留在本帧画面。2设计布局：在第15帧精灵通道1放置精灵“沙滩”图片，精灵通道2放置精灵“会徽之谜”大字标题，Insert-Ctrol-Push Button来制作一个Exit button，设置脚本为：go frame 1，用于返回主菜单。同样增加button“>>”，用于链接到“会徽之谜”故事主线。具体演员表如下：略（因本文超过26兆，作为模板，部分图只能略） 图3.20 会徽之谜素材与时间轴设计图3.21 “会徽之谜”模块中的button跳转设计3.2.4 “东方之冠”模块详细设计1 导入素材：按照上文操作导入相关素材，包括058.jpg（主页图），以水相连.png，科技为先.png，提早绽放.png，三斩斧.png，这么红.png，以及与5个小主题相对的swf动画文件，另外，还有一张只有右下角有朵水墨云的400*300的透明PNG图片。如图3.22：略（因本文超过26兆，作为模板，部分图只能略）图3.22 “东方之冠”演员表2 设计布局：该模块的目的是实现“一角画报映中国，半瓣荷上说世博”的影画效果。在本模块首页，当用户鼠标浮移到报纸某一主题内容时，画面中央会动态显示该主题的详细内容。在技术上，当鼠标浮移到主题图片区域内时，通过脚本调用舞台上一张透明图片置换成swf动画来实现动态影画。从素材库将058.jpg放在第20帧精灵通道1，显示第20帧到25帧，透明度设为80%，墨水（ink）属性设置为copy。再分别在通道2，3，4，5，6插入一个报纸主题PNG图片，在stage窗口中调整其位置。使图片和底图内容位置完全相符。这样可以使报纸底图与主题触发图标看起来像一个整体，实现小主题的“隐形”。在通道7插入水墨云.png图片，设置为舞台中央，用于显示鼠标触发后的动画。Insert-Ctrol-Push Button来制作一个Exit button，设置脚本为：go frame 1，用于返回主菜单；另外分别在第21帧Insert-Ctrol-Push Button制作Exit button，设置脚本为：go frame 20，用于返回东方之冠首页。如图3.23：略图3.23 “东方之冠”首页设计3 为精灵添加脚本：布局设计好后，分别为画报中的五个小主题图标添加脚本。下面以“东方之冠-以水相连”小主题脚本为例，说明动画的演示：on mouseEnter me cursor 280 -鼠标指针进入按钮时变为手形 sprite(7).member= member ("东方之冠-以水相连" )-切换为深色字体按钮 endon mouseLeave me cursor -1 -鼠标指针离开按钮时恢复为指针 sprite(1).member= member ("058" ) -切换为浅色字体按钮 sprite(6).member= member ("以水相连" ) sprite(7).member= member ("东方布景底色图" )-置换成透明图片endon mouseUp mego frame 21end添加脚本后，点击菜单栏上的按键测试运行，运行结果如图3.24：图3.24 “东方之冠，以水相连”主题展示“科技为先”，“提早绽放”，“三斩斧”，“中国馆为什么这么红”等其他4个小主题也应用同样的方式来设计，在脚本上只有精灵的区别。设计最终结果如图3.25至3.28所示：图3.25 “东方之冠，三斩斧”主题展示略图3.26 “东方之冠，科技为先”主题展示图3.27 “东方之冠，提早绽放”主题展示图3.28 “东方之冠，中国馆为何这么红”主题展示3.2.5 “精彩视频”模块详细设计1 导入素材：导入素材至演员表。本模块素材包括：精彩视频背景框.png，打碟动画.gif，Movieday.gif等几个装饰动画，4组button图标和9个官方宣传视频。略（因本文超过26兆，作为模板，部分图只能略）图3.29 “精彩视频”演员表2 创建视频列表List：在工具栏（Tools）中点击下标小三角，切换为flash component，如图3.30：略（因本文超过26兆，作为模板，部分图只能略）图3.30 flash component工具栏然后鼠标左键点击list工具，在Stage中拖出矩形列表。并在右边属性栏的labels标签中填写播放清单，格式如："跳房子篇世博宣传片", "各民族迎世博", "城市标徽篇", "城市报时篇", "城市漫游宣传片", "城市畅想", "不出国门，看遍世界", "城市文明的盛会", "海宝宣传"。略（因本文超过26兆，作为模板，部分图只能略）图3.31 列表属性设置图略图3.32 舞台上的List菜单效果3 视频控制按钮说明：该模块共设置“播放”，“暂停”，“循环”，“关闭”4个按钮。功能分别是：单击“播放”键播放视频；单击“暂停”键暂停视频播放；单击“循环”键回复到影片开头，单击“关闭”键关闭当前播放中的视频。在视觉上，要实现当鼠标浮移到按钮范围内时，按钮变成暗色效果以示区分。因此，4个按钮图片都做成2个图片一组，一共8个button图标。设计时将第一状态图片放置在舞台，利用脚本调用当鼠标移入button范围时，立即将第一状态图（浅色图标）所在通道的精灵置换成第二状态图（深色图标）；当鼠标离开button范围时，button恢复到第一状态（浅色图标）。如图3.33：图3.33 播放按钮的两种状态组图4 设计页面布局并为演员们添加脚本：整个页面设计布局力求简洁现代感，使用SAI绘制的暗色光影背景图和相应的动画素材，在时间轴的设置上要注意各个演员的出场顺序，遵循先进先出原则。依次替演员们编写脚本如下：视频播放菜单（selectedindex）的脚本：on mouseup me case sprite(6).selectedindex of 0:sprite(5).member=member("跳房子篇世博宣传片")-切换MV sprite(5).ink=0 1:sprite(5).member=member("各民族迎世博")-切换MV sprite(5).ink=0 2:sprite(5).member=member("城市标徽篇")-切换MV sprite(5).ink=0 3:sprite(5).member=member("城市报时篇")-切换MV sprite(5).ink=0 4:sprite(5).member=member("城市漫游篇宣传片")-切换MV sprite(5).ink=0 5:sprite(5).member=member("城市的畅想")-切换MV sprite(5).ink=0 6:sprite(5).member=member("不出国门看遍世界")-切换MV sprite(5).ink=0 7:sprite(5).member=member("城市文明的盛会")-切换MV sprite(5).ink=0 8:sprite(5).member=member("海宝宣传")-切换MV sprite(5).ink=0 end case end“播放”按钮第一状态图（ideoplay_button1）脚本：on mouseEnter me cursor 280 -鼠标指针进入按钮时变为手形 sprite(8).member= member ("videoplay_button2" ) -切换为深色字体按钮endon mouseLeave me cursor -1 -鼠标指针离开按钮时恢复为指针 sprite(8).member= member ("videoplay_button1") -切换为浅色字体按钮endon mouseUp me sprite(8).member= member ("videoplay_button1") -鼠标单击时变为浅色字体按钮 member("海宝宣传").loop = member("videoloop_button1").hilite sound(5).queue(me