畢業(yè)設(shè)計(jì)（論文）上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn)

《畢業(yè)設(shè)計(jì)（論文）上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn)》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《畢業(yè)設(shè)計(jì)（論文）上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn)（35頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 1上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三畢業(yè)實(shí)訓(xùn)論文題目： 上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn)專(zhuān) 業(yè) 計(jì)算機(jī)應(yīng)用班 級(jí) 10204152學(xué) 號(hào) 1020411508姓 名 張三 指 導(dǎo) 教 師 李四2010 年 09 月 16 日上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 2上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三目錄目錄目錄目錄.ii1緒論緒論.11.1問(wèn)題的提出.11.2課題研究意義.11.3課題調(diào)研.31.4總體介紹.41.5工具選擇.42制作的技術(shù)關(guān)鍵制作的技術(shù)關(guān)鍵.62.1技術(shù) 1 DIRECTOR軟件基礎(chǔ)應(yīng)用.62.1.1舞臺(tái)（Stage）

2、.62.1.2演員表（Cast）.62.1.3分鏡表（Score）.72.2技術(shù) 2 EASY PAINT TOOL SAI 的繪圖技巧.72.2.1SAI 的工作界面.72.2.2用 SAI 繪制多層彩圖 .73設(shè)計(jì)設(shè)計(jì).103.1總體設(shè)計(jì).103.1.1總體設(shè)計(jì)框架圖.103.1.2各模塊設(shè)計(jì)框架圖.103.1.3五大模塊的首頁(yè)設(shè)計(jì).123.2詳細(xì)設(shè)計(jì)用 DIRECTOR集合所有素材.143.2.1主菜單界面詳細(xì)設(shè)計(jì).143.2.2“世博攬勝”模塊詳細(xì)設(shè)計(jì).163.2.3“會(huì)徽之謎”模塊 .163.2.4“東方之冠”模塊詳細(xì)設(shè)計(jì) .173.2.5“精彩視頻”模塊詳細(xì)設(shè)計(jì) .213.2.6“

3、海寶故事”模塊詳細(xì)設(shè)計(jì) .253.3詳細(xì)設(shè)計(jì)案例多媒體素材的制作.263.3.1案例 1：“接天蓮葉無(wú)窮碧，映日荷花別樣紅”影片制作.263.4設(shè)計(jì)中遇到的問(wèn)題.303.4.1問(wèn)題 1：.303.4.2問(wèn)題 2：.303.4.3問(wèn)題 3：.303.4.4問(wèn)題 4：.303.5使用說(shuō)明.313.5.1“世博攬勝”模塊使用說(shuō)明.313.5.2“會(huì)徽之謎”模塊使用說(shuō)明 .31上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 3上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三3.5.3“東方之冠”模塊使用說(shuō)明 .313.5.4“精彩視頻”模塊使用說(shuō)明 .313.5.5“海寶故事”模塊使用說(shuō)明 .314結(jié)論結(jié)論.32

4、4.1完成情況.324.2更進(jìn)一步的學(xué)習(xí).324.3心得體會(huì).33致謝致謝.35參考文獻(xiàn)參考文獻(xiàn).36上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 4上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三摘要摘要中國(guó) 2010 年上海世界博覽會(huì)（EXPO 2010） ，是第 41 屆世界博覽會(huì)。于 2010 年 5月 1 日至 10 月 31 日期間，在中國(guó)上海市舉行。此次世博會(huì)也是由中國(guó)舉辦的首屆世界博覽會(huì)。上海世博會(huì)以“城市，讓生活更美好” （BETTER CITY, BETTER LIFE）為主題，總投資達(dá) 450 億人民幣，創(chuàng)造了世界博覽會(huì)史上最大規(guī)模記錄。 世博會(huì)將是上海城市發(fā)展的一個(gè)里程碑，上海作

5、為以城市為主題的 2010 年世界博覽會(huì)的舉辦城市，有著特殊的意義。上海在籌備世博會(huì)的過(guò)程中，必然會(huì)建造更多的優(yōu)秀建筑，創(chuàng)建面向未來(lái)的住宅區(qū)，豐富城市發(fā)展的理念，完善并提升城市功能，創(chuàng)造城市未來(lái)發(fā)展的模式，推動(dòng)中國(guó)城市化進(jìn)程。本課題設(shè)計(jì)部分將使用 DirectorMX2004 來(lái)將課題中的各種資料，包括文字，圖片，視頻以及聲音等素材進(jìn)行整理和組合。由此形成一系列演示作品，希望能夠以生動(dòng)形象的方式將最美的世博印象展現(xiàn)給觀(guān)眾。關(guān)鍵詞：關(guān)鍵詞：創(chuàng)意設(shè)計(jì) 會(huì)展經(jīng)濟(jì) 文化產(chǎn)業(yè)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 5上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三1 緒論在了解了本次設(shè)計(jì)的背景及意義之后，我

6、們將進(jìn)入到課題的正式設(shè)計(jì)制作之中，首先我們將會(huì)對(duì)本課題問(wèn)題的提出，本課題的意義以及使用到的相關(guān)工具等方面的內(nèi)容進(jìn)行研究。1.1問(wèn)題的提出現(xiàn)在是一個(gè)開(kāi)拓的多媒體作品得到充分運(yùn)用的時(shí)代。多媒體元素充滿(mǎn)了城市的各個(gè)角落：網(wǎng)頁(yè)中的廣告，視頻教學(xué)，互動(dòng)演示，移動(dòng)電視，銀幕廣告等。多媒體形式層出不窮。作為計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)，同時(shí)專(zhuān)業(yè)方向又是多媒體技術(shù)的學(xué)生，掌握一些多媒體制作常識(shí)，尤其是能結(jié)合時(shí)代主題創(chuàng)作具有個(gè)性的特色作品，不僅是專(zhuān)業(yè)的要求，而且是產(chǎn)業(yè)發(fā)展的實(shí)踐性需要。1.2課題研究意義通過(guò)對(duì)這個(gè)課題的設(shè)計(jì)與開(kāi)發(fā)，可以了解并熟悉我眼中 2010 年上海世博會(huì)的精彩內(nèi)容。作為與奧運(yùn)會(huì)、世界杯比肩的世界三大

7、盛會(huì)之一，世博會(huì)是對(duì)一個(gè)國(guó)家、一個(gè)城市所取得的社會(huì)、經(jīng)濟(jì)、文化、科技等領(lǐng)域的最高成果的展示。 “一切始于世博1”這句廣為傳誦的名言，道出了一個(gè)多世紀(jì)以來(lái)世博會(huì)對(duì)創(chuàng)新的不懈追求。世界展覽會(huì)的會(huì)場(chǎng)不單是展示技術(shù)和商品，而且伴以異彩紛呈的表演，富有魅力的壯觀(guān)景色，設(shè)置成日常生活中無(wú)法體驗(yàn)的、充滿(mǎn)節(jié)日氣氛的空間，成為一般市民娛樂(lè)和消費(fèi)的理想場(chǎng)所。首先，本文將介紹中國(guó)與世博會(huì)歷史（ 1851-1940） 。中國(guó)第一個(gè)看到 “炫奇會(huì)” （世博會(huì)）的是清末著名文人王韜。1851年的英國(guó)倫敦首屆博覽會(huì)，中國(guó)商人和一些在中國(guó)經(jīng)商的外商，將絲綢、茶葉、中藥等中國(guó)傳統(tǒng)商品拿去參展并獲得多項(xiàng)獎(jiǎng)項(xiàng)。1873年的維也納博

8、覽會(huì)是中國(guó)第一次參加的世博會(huì)。當(dāng)時(shí)任清政府海關(guān)總稅務(wù)司的英國(guó)人赫德曾派了名叫包臘的英國(guó)人代表中國(guó)參會(huì)。1876年，中國(guó)海關(guān)代表李圭參加了美國(guó)費(fèi)城世博會(huì)，寫(xiě)下了環(huán)游地球新錄 一書(shū)。此舉也被稱(chēng)為是中國(guó)參加世博會(huì)之始。在這次博覽會(huì)上，中國(guó)展館占地僅“八千正方尺” ，精心的布置，以濃郁的中華民族特色吸引了參觀(guān)者。一座木質(zhì)大牌樓向北而建，上書(shū) “大清國(guó)”三個(gè)字，對(duì)聯(lián)一副，曰 “集十八省之大觀(guān)，天工可奪；慶一百年盛會(huì)，友誼斯頓 ” ，橫批為“物華天寶” 。中國(guó)參展的商品共計(jì)有 720箱，上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 6上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三6801種，價(jià)值約白銀 20萬(wàn)兩。

9、中國(guó)的絲、菜、瓷器、綢貨、雕花器、景泰藍(lán)等在各國(guó)展品中被推為第一。1904年美國(guó)圣路易斯世博會(huì)是中國(guó)首次以官方形式率領(lǐng)商人正式參加的世博會(huì)。當(dāng)時(shí)清政府相當(dāng)重視參展，花巨資修建了具有濃郁民族風(fēng)格的中國(guó)村和中國(guó)展館，并派出了溥倫和黃開(kāi)甲分任正副團(tuán)長(zhǎng)的政府正式代表團(tuán)出席開(kāi)幕典禮。1915年巴拿馬太平洋世界博覽會(huì)在美國(guó)舊金山舉行。當(dāng)時(shí)的中華民國(guó)政府建造的中華政府館集中了許多中式建筑結(jié)構(gòu)，較突出地反映了中國(guó)傳統(tǒng)政治型建筑的特色，在巴拿馬世博會(huì)各場(chǎng)館中有一定的典型性和觀(guān)賞性。1926年費(fèi)城世博會(huì)上，中國(guó)以生絲、茶葉、江浙綢緞、江西瓷器、福建漆器、手工刺繡及翡翠等展品為主，具有中華民族特色。 1通過(guò)了解中國(guó)

10、參展世博會(huì)的歷史，我們可以看到中華民族的歷史步伐，領(lǐng)略到中華文明在國(guó)際舞臺(tái)上的鮮明個(gè)性?，F(xiàn)代新中國(guó)與世博會(huì)的交往是不斷向前推進(jìn)的。從 1982年至2008年，中國(guó)參加了13次綜合類(lèi)和專(zhuān)業(yè)類(lèi)世界博覽會(huì) 。2010年上海世界博覽會(huì)（Expo 2010） ，是第41屆世界博覽會(huì)。于2010年5月1日至10月31日期間，在中國(guó)上海市舉行。此次世博會(huì)也是由中國(guó)舉辦的首屆世界博覽會(huì)。上海世博會(huì)以“城市，讓生活更美好”（Better City, Better Life）為主題，總投資達(dá)450億人民幣，創(chuàng)造了世界博覽會(huì)史上最大規(guī)模記錄。自 2002 年的摩納哥蒙特卡洛上中國(guó)申請(qǐng)舉辦上海 2010 年世博會(huì)成功

11、后，到 2010年上海世博會(huì)正式舉行，經(jīng)過(guò) 8 年時(shí)間的建設(shè)與宣傳，人們對(duì)世博會(huì)已是耳熟能詳?！?010 年上海世博會(huì)，將會(huì)告訴你關(guān)于城市的美好未來(lái)！”正如這句話(huà)本身一樣，世博會(huì)吉祥物“海寶” ；世博的“脊梁”世博軸；世博演藝中心“飛碟” ；璀璨升起的中國(guó)國(guó)家館“東方之冠” ；各具特色的世界展館以及主題館；現(xiàn)代城市發(fā)展優(yōu)秀案例城市最佳實(shí)踐區(qū)除了這些矗立在世博園區(qū)的奪人眼球的建筑和世界仰止的科技新秀之外，園區(qū)內(nèi)親切熱情的志愿者“小白菜” ；歐洲廣場(chǎng)、太平洋廣場(chǎng)、美洲廣場(chǎng)、非洲廣場(chǎng)和志愿者廣場(chǎng)等幾大廣場(chǎng)的國(guó)際國(guó)內(nèi)輪回駐場(chǎng)文藝演出以及歡樂(lè)盛裝大巡游，船鸼碼頭童趣盎然熱鬧非凡的劇場(chǎng)，親水平臺(tái)音樂(lè)噴泉每

12、夜綻放織就絢麗舞曲，這些都讓中外游客流連忘返，印象深刻。上海世博會(huì)上有近 400 個(gè)展項(xiàng)，還有對(duì)主題有所呈現(xiàn)的各種景觀(guān)，各類(lèi)論壇和兩萬(wàn)場(chǎng)活動(dòng)。所有這些項(xiàng)目，都好看、好玩，而且頗具內(nèi)涵、引人深思。不同的展覽、活動(dòng)、論壇，讓你從不同地域文化和民族的視野，從國(guó)家、地區(qū)、城市、企業(yè)、社會(huì)團(tuán)體的不同角度，看到今天世界對(duì)于“城市”與“生活”問(wèn)題的解讀。同時(shí)，電視、報(bào)紙、互聯(lián)網(wǎng)等主流媒體對(duì)世博會(huì)的跟蹤報(bào)道也讓上海世博會(huì)成為 2010 年的年度關(guān)鍵詞?，F(xiàn)在，上海2010年世博會(huì)已經(jīng)圓滿(mǎn)閉幕，對(duì)世博的回憶和討論卻經(jīng)久不息。人民日上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 7上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張

13、三報(bào)報(bào)道：“一屆成功、精彩、難忘的世博會(huì)即將載入史冊(cè)” ，中國(guó)青年報(bào)“經(jīng)過(guò)世博洗禮的一代被稱(chēng)為世博一代 ” ，經(jīng)濟(jì)日?qǐng)?bào)：“書(shū)寫(xiě)人類(lèi)文明交流互鑒新篇章” ，東方早報(bào)：“海內(nèi)存知己，天涯若比鄰”2媒體報(bào)道紛至沓來(lái)，潮水般介紹世博會(huì)閉幕盛況。在世博會(huì)結(jié)束后，園區(qū)適合按照何種形態(tài)進(jìn)行后續(xù)利用是一個(gè)萬(wàn)眾關(guān)注的問(wèn)題。上海市政協(xié)曾表示極大關(guān)注，早在 2009 年就提出了相關(guān)建議。根據(jù)設(shè)想，世博會(huì)后，上海應(yīng)把園區(qū)定位為國(guó)際貿(mào)易功能集聚的高端商務(wù)園區(qū)，成為永不謝幕的會(huì)展、貿(mào)易集聚之地。事實(shí)上，世博園區(qū)所有參展國(guó)家擬建展館時(shí)都運(yùn)用了環(huán)保材料，閉幕之后都會(huì)拆除。應(yīng)市場(chǎng)要求和游客期望，中國(guó)國(guó)家館延長(zhǎng)開(kāi)放時(shí)間，整歇后于

14、2010年12月1日開(kāi)始到2011年5月30日為止重新開(kāi)放參觀(guān)2，給游客更多機(jī)會(huì)欣賞東方之冠的壯觀(guān)和美麗。在世博會(huì)這個(gè)百花齊放的多媒體舞臺(tái)中，影視短片和數(shù)字動(dòng)畫(huà)起到舉足輕重的宣傳作用。多媒體產(chǎn)業(yè)因此提升到一個(gè)新的高度，從世博園中眾多移動(dòng)媒體的 LED 顯示屏循環(huán)放映的多媒體作品上可見(jiàn)端倪。世博印象創(chuàng)意設(shè)計(jì)是一個(gè)巨大的課題。一方面，本課題給學(xué)生廣闊的創(chuàng)作空間，另一方面，它又意味著學(xué)生必須推陳出新，以自己特有的方式組織已有的多媒體素材進(jìn)行再創(chuàng)作?？v觀(guān)整個(gè)多媒體創(chuàng)作市場(chǎng)，高速發(fā)展的信息網(wǎng)絡(luò)為學(xué)生們提供了大量免費(fèi)可共享的多媒體資源。如何結(jié)合自己的專(zhuān)業(yè)知識(shí)與技能來(lái)運(yùn)用這些資源為畢業(yè)實(shí)訓(xùn)服務(wù)，向用戶(hù)傳遞個(gè)

15、性世博印象，是一個(gè)不小的挑戰(zhàn)，也是本次畢業(yè)實(shí)訓(xùn)中需要注重的問(wèn)題。1.3課題調(diào)研在對(duì)本課題的設(shè)計(jì)目的和意義有了一個(gè)初步了解之后，我們通過(guò)查閱和分析作者當(dāng)志愿者時(shí)留下的影音資料對(duì)世博會(huì)進(jìn)行一個(gè)更加深入的認(rèn)識(shí)。作為一名上海歐華學(xué)院的園區(qū)志愿者，對(duì)世博園有別樣的體會(huì)，這將會(huì)有助于今后的設(shè)計(jì)與制作。2009 年 3 月，上海世博會(huì)志愿者網(wǎng)上報(bào)名啟動(dòng)，筆者馬上報(bào)了名。經(jīng)過(guò)一系列篩選和測(cè)試，最終于 2009 年末確定成為園區(qū)志愿者候選人。2010 年 3 月，作為候選人正式開(kāi)始參加培訓(xùn)。世博理論知識(shí)、基礎(chǔ)救護(hù)知識(shí)、世博信息平臺(tái)操作等等理論和實(shí)驗(yàn)訓(xùn)練結(jié)束后，2010 年 4 月 29 日，我們參加了世博會(huì)開(kāi)幕

16、式演練，第一次進(jìn)入世博園區(qū)進(jìn)行實(shí)踐觀(guān)摩。接著是 2 個(gè)月的信息理論等測(cè)試，直到2010 年 7 月 12 日，我們進(jìn)入園區(qū)成為世博園 B 片區(qū)太平洋聯(lián)合館南側(cè)遮陽(yáng)傘前崗上志愿者，主要工作為非活動(dòng)期間問(wèn)詢(xún)。就這樣，我開(kāi)始真正的世博之旅。一年多的新聞跟蹤調(diào)研及兩周實(shí)地考察體驗(yàn)“小白菜”生活，我們看到了許多從未了解過(guò)的美麗世博園，接觸了許多優(yōu)秀的志愿工作者，從而對(duì)上海世博會(huì)有了更加深刻的體會(huì)。尤其是太平洋區(qū)域聯(lián)合館多元化文明，其繽紛的歷史色彩，熱情的人文交流，都令人目不暇接，眼花繚亂。因此，本次畢業(yè)實(shí)訓(xùn)課題既是專(zhuān)業(yè)技巧的挑戰(zhàn)，也是對(duì)我上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 8上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系

17、 畢業(yè)實(shí)訓(xùn)論文 張三們世博之旅的總結(jié)和紀(jì)念。這種特殊的經(jīng)歷為我們?cè)O(shè)計(jì)中視角和模式探討增加了個(gè)性色彩。經(jīng)過(guò)對(duì)世博官方資料以及個(gè)人影集資料的總結(jié)分析，我們確定了制作世博攬勝、會(huì)徽之謎、東方之冠、精彩視頻和海寶故事五大主要模塊，然后在此基礎(chǔ)之上對(duì)各模塊內(nèi)容進(jìn)行詳細(xì)創(chuàng)意設(shè)計(jì)，以求給用戶(hù)最佳的世博印象。1.4總體介紹在本設(shè)計(jì)中將針對(duì)世博會(huì)設(shè)計(jì)從主菜單鏈接五個(gè)主題模塊，再?gòu)母髦黝}細(xì)分為相關(guān)主題內(nèi)容展示。展示內(nèi)容包括影視作品、精美手繪、歡樂(lè)音頻、動(dòng)感彩圖等與主題相關(guān)素材的集成。主菜單界面是繪圖軟件結(jié)合數(shù)位板手繪的彩圖制作成 flash 動(dòng)畫(huà)循環(huán)演示。主菜單上將顯示 5 個(gè)按鈕分別指引用戶(hù)前往“園區(qū)攬勝” 、

18、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視頻”和“海寶故事”主題模塊。其中， “世博攬勝M(fèi)ap”展示 2010 年上海世博會(huì)地理概況，包括園區(qū)交通地圖，餐飲地圖和節(jié)目單圖。特色項(xiàng)目是太平洋舞臺(tái)歌舞實(shí)況紀(jì)錄?！皶?huì)徽之謎Emb”模塊主線(xiàn)是以憶海拾貝的敘述方式，演繹世博會(huì)徽的形成過(guò)程，帶領(lǐng)用戶(hù)走近會(huì)徽，體驗(yàn)會(huì)徽?qǐng)D形美感與城市生活主題的融合過(guò)程。除主線(xiàn)之外，支線(xiàn)故事是志愿者標(biāo)志的設(shè)計(jì)及“小白菜”之旅的照片展示，讓用戶(hù)在各種徽章中感受世博的人文氣息和青春活力。“東方之冠China”模塊是一個(gè)以中國(guó)國(guó)家館為主題的模塊。本模塊意在以“畫(huà)中乾坤”的方式展示東方之冠的故事?！熬室曨lVid”用藍(lán)調(diào)風(fēng)格影院的

19、方式讓用戶(hù)欣賞世博會(huì)的精彩官方宣傳片。播放列表上所有影片來(lái)源于上海世博會(huì)園區(qū)志愿者讀本 ，集合了從申博到世博會(huì)成功舉辦的一系列宣傳視頻，帶給用戶(hù)快捷方便的視聽(tīng)感受?！昂毠适翷uck”模塊是一個(gè)充滿(mǎn)童趣色彩的模塊。模塊第一個(gè)界面是結(jié)合數(shù)位板繪成的仿兒童畫(huà)風(fēng)格色彩斑瀾的四海之寶，演示海寶來(lái)了主題曲；第二個(gè)界面繪成了生動(dòng)有趣的林中“HaiBai Story海寶故事屋” ，集成漫畫(huà)圖冊(cè)，并讓用戶(hù)在漫畫(huà)中與海寶親密接觸。本設(shè)計(jì)特色之外在于在模塊中各處適得其所地插入了學(xué)生用 Easy Paint Tool SAI 繪制的彩圖，以加強(qiáng)設(shè)計(jì)的個(gè)性色彩和可看性。1.5工具選擇本課題的設(shè)計(jì)主要用 Directo

20、r MX2004 集成展示，素材設(shè)計(jì)軟件使用 Flash MX，Easy Paint Tool SAI, Photoshop CS3 共三款多媒體軟件, 輔助軟件有 K-Lite Codec Pack 解碼器。上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 9上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三Director MX2004 是一款多媒體主流集成工具。本設(shè)計(jì)主要是用 Director 展示，在模塊設(shè)計(jì)、影音圖片格式支持和動(dòng)畫(huà)交互方面都優(yōu)于同類(lèi)型軟件。該軟件結(jié)合了多種軟件的特點(diǎn)，在使用上類(lèi)似于 FLASH。在 Director MX2004 中有幀的概念，也有對(duì)象的概念，這些使得設(shè)計(jì)變的更加方便

21、快捷，易于操作3。Flash MX 是一款優(yōu)秀的動(dòng)畫(huà)制作軟件。支持大部分格式的圖像和音頻素材，具有自制動(dòng)畫(huà)元件的功能，并能發(fā)布多種格式的影片4。本次設(shè)計(jì)中的動(dòng)畫(huà)效果全部使用Flash 實(shí)現(xiàn)。Easy Paint Tool SAI 是一種體積輕簡(jiǎn)，筆刷多樣的繪圖軟件。結(jié)合數(shù)位板可以繪制多圖層多種風(fēng)格的彩圖和漫畫(huà)。這是本設(shè)計(jì)中所有手繪圖的支持軟件。Photoshop CS3 即大眾熟知的 PS5。PS 在本設(shè)計(jì)中最主要的功能在于制作各種應(yīng)用于 Flash 的字體。同時(shí)，該軟件優(yōu)秀的圖片處理能力也在截取動(dòng)畫(huà)素材方面有卓越表現(xiàn)，是一款經(jīng)典的圖形處理輔助軟件。K-Lite Codec Pack 是一款多

22、媒體解碼器軟件。支持網(wǎng)絡(luò)上絕大多數(shù)視頻音頻流格式，是保證視頻音頻順利播放的解碼工具。繪圖輔助工具：UGG Rainbow Smart 數(shù)位板設(shè)計(jì)計(jì)算機(jī)：聯(lián)想旭日 N440 筆記本系統(tǒng)支持：Windows 7(本機(jī))兼容 Windows XP/2000（機(jī)房）上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 10上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三2 制作的技術(shù)關(guān)鍵2.1技術(shù) 1 Director 軟件基礎(chǔ)應(yīng)用2.1.1舞臺(tái)（Stage）首先啟動(dòng) Director，新建一個(gè) Movie，選擇 FileNewMovie 命令。建立的 Movie 的尺寸是默認(rèn)的大?。?20*240。Movie 的尺寸

23、也就是舞臺(tái)的有效尺寸，在通常情況下，我們需要按照自己的情況設(shè)置舞臺(tái)的大小和其他的一些屬性。設(shè)置的方法是，激活舞臺(tái)窗口，此時(shí)現(xiàn)在在屬性面板中的就是舞臺(tái)的各種屬性，可以很方便地在其中進(jìn)行設(shè)置3。在屬性面板的 Movie 選項(xiàng)卡中，首先選擇影片的顏色系統(tǒng)，一般采用默認(rèn)的當(dāng)前系統(tǒng)配色表：System Win；在第二項(xiàng)中，是設(shè)置影片的大小，可以通過(guò)右方的下拉列表選擇由系統(tǒng)默認(rèn)的常用方案。在這里我們直接在寬和高兩欄中輸入希望的大小，800*600。在接下來(lái)的“Stage Location”一欄中，可以設(shè)置最終打包后的舞臺(tái)在桌面播放時(shí)的位置，在后面的下拉列表中可以看到有居中、左上角和自定義三個(gè)選擇，考慮到最

24、終用戶(hù)桌面的大小不一定一樣，在這里設(shè)置居中。在下面的“Stage Fill Color”是設(shè)置舞臺(tái)的顏色，通常情況下選擇白色或者黑色的情況比較多，這里我們保持它的默認(rèn)設(shè)置：白色。接下來(lái)是設(shè)置影片通道的數(shù)目，默認(rèn)的是 150 個(gè)，在通常情況下足夠我們使用。在下面的擴(kuò)展面板中，一部分是設(shè)置影片的顏色模式：是 RGB 真彩色還是索引色，以及如何影射調(diào)色板。另一部分是影片內(nèi)容和作者的信息。如果不喜歡這種圖標(biāo)的方式，還可以單擊右上方的列表按鈕，讓這些信息采用列表的方式排列。如圖 2.1略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 2.1 Movie 的屬性面板示意圖2.1.2演員表（Cast）無(wú)

25、論什么樣的媒體素材，進(jìn)入到 Director 中，都被稱(chēng)作演員。所以 Director 中演員的種類(lèi)非常多，在每個(gè)演員的右下放，都有一個(gè)小標(biāo)記，標(biāo)明演員的種類(lèi)。例如，位圖演員下面有個(gè)“畫(huà)筆”的標(biāo)識(shí)，文本演員下有個(gè)“A”的標(biāo)識(shí)。這里我們常用的演員類(lèi)型有：位圖演員；矢量圖演員；Shape 演員；腳本演員；Field 演員；文本演員；表示Flash 演員；表示 Behavior 演員；表示按鈕演員；表示聲音演員；QuickTime 電影演員；avi 演員；Loop 演員；轉(zhuǎn)場(chǎng)演員；Dir 影片演員3。Director 可以在一個(gè)電影中支持多達(dá) 3,2000 個(gè)演員的使用。如此龐大的演員陣容都可以有序

26、地組織在一個(gè)或多個(gè)演員表（Cast）中。打開(kāi)或關(guān)閉演員庫(kù)（Cast）：執(zhí)行菜單 Window/Toolbar 命令或單擊工具條上的上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 11上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三按鈕。打開(kāi)的演員庫(kù)如圖 2.2 所示。略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 2.2 演員庫(kù)2.1.3分鏡表（Score）分鏡表（Score）相當(dāng)于導(dǎo)演的劇本，可謂是 Director 的核心。一個(gè)電影的好壞成敗，關(guān)鍵在于分鏡表是否編排得當(dāng)，是否構(gòu)思巧妙。打開(kāi)或關(guān)閉分鏡表（Score）：執(zhí)行菜單 Window/Toolbar 命令或單擊工具條上的按鈕。打開(kāi)的分鏡表如

27、圖 2.3 所示。略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 2.3 分鏡表2.2技術(shù) 2 Easy Paint Tool SAI 的繪圖技巧2.2.1SAI 的工作界面SAI 的界面類(lèi)似于 Photoshop 和 Painter，支持多種筆刷，具有多圖層功能，可以由用戶(hù)自己選擇顏色和筆刷作畫(huà)。點(diǎn)擊文件新建文件確定，進(jìn)入繪圖。如圖 2.4略圖 2.4 SAI 的工作界面2.2.2用 SAI 繪制多層彩圖1繪制線(xiàn)稿連接數(shù)位板，安裝光盤(pán)中的驅(qū)動(dòng)，以方便手繪。打開(kāi) SAI，按上面所述步驟新建文件，選擇鉛筆筆刷，顏色選擇深灰色，繪制線(xiàn)稿。如圖 2.5，2.6 和 2.7 所示：圖略 圖略圖

28、2.5 選擇鉛筆筆刷 圖 2.6 選擇顏色深灰色略圖 2.7 繪制線(xiàn)稿注意區(qū)分線(xiàn)稿與色彩圖層，鉛筆筆刷的顏色不透明，顏色如果上到線(xiàn)稿上，會(huì)掩蓋草圖輪廓，不便于著色和修改線(xiàn)稿。例圖 2.7，因此要特別注意分層繪畫(huà)。2.采用多圖層疊加的方式給線(xiàn)稿著色主要是用鉛筆筆刷一筆一筆著色，再使用水彩筆筆刷對(duì)細(xì)節(jié)進(jìn)行調(diào)和，依照輪廓和光線(xiàn)的走向給人物和背影分開(kāi)圖層著色。著色過(guò)程如圖 2.8 至圖 2.10：圖略圖 2.8上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 12上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三給人物上完色之后，可以點(diǎn)擊圖層上的圖標(biāo)，暫時(shí)隱藏人物的相關(guān)圖層，這樣更方便為背影著色。圖略圖 2.9上完背

29、影顏色后，點(diǎn)擊取消人物圖層的隱藏，看整體效果，進(jìn)行細(xì)節(jié)修飾和調(diào)整。如圖 2.10：圖 2.10最后，點(diǎn)擊文件保存或者 Ctrl+S 保存為主菜單.png。另外，用和紙筆筆刷可以繪制 Better 字體.png，如圖 2.11：圖略圖 2.11上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 13上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三3 設(shè)計(jì)3.1總體設(shè)計(jì)本次課題的設(shè)計(jì)部分將分為五個(gè)部分來(lái)展開(kāi)，在圍繞世博印象創(chuàng)意設(shè)計(jì)展示這一大主題的同時(shí)，分別對(duì)世博攬勝、會(huì)徽之謎、東方之冠、精彩視頻以及海寶故事這五個(gè)模塊進(jìn)行展示。3.1.1總體設(shè)計(jì)框架圖主菜單世博攬勝會(huì)徽之謎東方之冠精彩視頻海寶故事圖 3.1 課題總

30、體框架圖3.1.2各模塊設(shè)計(jì)框架圖1世博攬勝：世博攬勝首頁(yè)園區(qū)交通圖園區(qū)餐飲圖節(jié)目單返回主菜單地鐵線(xiàn)路布局美食一條街太平洋廣場(chǎng)秀返回首頁(yè)返回首頁(yè)返回首頁(yè)圖 3.2 世博攬勝模塊框架圖上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 14上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三2.會(huì)徽之謎：會(huì)徽之謎首頁(yè)世博會(huì)徽創(chuàng)意理念會(huì)徽設(shè)計(jì)遇到的問(wèn)題會(huì)徽設(shè)計(jì)過(guò)程最終設(shè)計(jì)成果志愿者之心志愿者掠影主線(xiàn)故事支線(xiàn)故事返回主菜單返回首頁(yè)圖 3.3 會(huì)徽之謎模塊框架圖3.東方之冠： 東方之冠首頁(yè)東方之冠，以水相連民間絕技，三斬斧東方之冠，科技為先芙蓉帳暖，四月綻放中國(guó)館為什么那么紅返回首頁(yè)返回主菜單圖 3.4 東方之冠模塊框架

31、圖4.精彩視頻：上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 15上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.5 精彩視頻播放列表5.海寶故事：海寶故事首頁(yè)返回主菜單海寶來(lái)了動(dòng)畫(huà)展示海寶漫畫(huà)故事屋返回首頁(yè)圖 3.6 海寶故事模塊框架圖3.1.3五大模塊的首頁(yè)設(shè)計(jì)在“世博攬勝模塊中為用戶(hù)展示的是 2010 年上海世博會(huì)園區(qū)位置、交通地圖、餐飲地圖和太平洋廣場(chǎng)歌舞表演。通過(guò)該模塊可以讓用戶(hù)從整體上了解世博會(huì)的概況，并欣賞特色歌舞。圖略圖 3.7 “世博攬勝”首頁(yè)“會(huì)徽之謎”講述了兩個(gè)關(guān)于會(huì)徽的故事。主頁(yè)如圖 3.8圖 3.8 “會(huì)徽之謎”首頁(yè)“東方之冠”旨在達(dá)到“一張畫(huà)報(bào)映中國(guó)，半瓣荷上說(shuō)世博”

32、的效果。圖略圖 3.9 “東方之冠”首頁(yè)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 16上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 “精彩視頻”主頁(yè)即播放界面，由用戶(hù)自己選擇要播放的視頻：圖略圖 3.10 “精彩視頻”首頁(yè)“海寶故事”童心無(wú)限：圖 3.11 “海寶故事”首頁(yè)3.2詳細(xì)設(shè)計(jì)用 Director 集合所有素材本次設(shè)計(jì)的題目是世博印象創(chuàng)意設(shè)計(jì)，在 Director 軟件的支持下，本課題將分成五個(gè)部分來(lái)介紹世博印象，它們分別是：“世博攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視頻” 、 “海寶故事” 。在這五個(gè)部分中將各有側(cè)重的 2010 年上海世博會(huì)上作者的所見(jiàn)所聞所想進(jìn)行

33、主題創(chuàng)意展示。3.2.1主菜單界面詳細(xì)設(shè)計(jì)1、導(dǎo)入素材：file-import 或 Ctrl+R 導(dǎo)入主菜單相關(guān)素材：主菜單.swf，10 個(gè) button 圖片及城市暢想.mp3 共 12 個(gè)素材。圖 3.12 為導(dǎo)入路徑圖：圖略圖 3.12 主菜單界面制作導(dǎo)入路徑2.設(shè)計(jì)主菜單畫(huà)面：在 score 第 5 幀雙擊插入腳本：go the frame。因此，在第 5 幀時(shí)總是跳轉(zhuǎn)到本幀畫(huà)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 17上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三面，視覺(jué)上獲得停在第 5 幀的效果。略圖 3.13 主菜單第 5 幀腳本圖將主菜單.swf、map.png、emb.png

34、、china.png、vid.png、luck.png 五個(gè) button1 號(hào)圖拖入舞臺(tái)。將主菜單動(dòng)畫(huà)放在精靈通道 1，使背景動(dòng)畫(huà)總是顯示在最底一層，主菜單.swf 的 sprite 屬性設(shè)為 W：800，H：600，與 Movie 界面同樣大小，可以布滿(mǎn)整個(gè)畫(huà)面。Flash 屬性勾選 loop，循環(huán)放映 swf 影片。其他屬性保留默認(rèn)設(shè)置。3.插入 button 并添加腳本：將“園區(qū) button1” ， “會(huì)徽 button1” ， “東方 button1” ， “精彩 button1” ， “海寶button1”分別插入到精靈通道 2，3，4，5，6。在 stage 窗口調(diào)整這些圖的位

35、置，然后對(duì)其點(diǎn)擊右鍵在 script 中編寫(xiě)如下代碼（即腳本）：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(2).member= member (園區(qū)button2 ) -切換為中文圖標(biāo)按鈕endon mouseLeave me cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(2).member= member (園區(qū)button1) -切換為英文圖標(biāo)按鈕endon mouseUp me sprite(2).member= member (園區(qū)button1) -鼠標(biāo)單擊時(shí)變?yōu)橛⑽膱D標(biāo)按鈕end這段代碼能夠?qū)崿F(xiàn)的效果是：

36、當(dāng)鼠標(biāo)浮移到 Map 圖標(biāo)上時(shí)，Map 圖標(biāo)轉(zhuǎn)移為“園區(qū)攬勝”中文字。如圖 3.14： 圖 3.14 鼠標(biāo)進(jìn)入 map 圖標(biāo)范圍內(nèi)時(shí)，圖標(biāo)變換用同種方式制作其他 4 個(gè)按鈕的鼠標(biāo)效果。如圖 3.15 至 3.18： 圖 3.15 會(huì)徽之謎圖標(biāo)鼠標(biāo)浮移效果 圖 3.16 東方之冠圖標(biāo)鼠標(biāo)浮移效果上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 18上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 圖 3.17 精彩視頻圖標(biāo)鼠標(biāo)浮移效果 圖 3.18 海寶故事圖標(biāo)鼠標(biāo)浮移效果4.為主菜單動(dòng)畫(huà)和 button 添加淡出效果在 Library 中選擇 animation 里的 fade in out，拖放在精靈通道

37、的各個(gè)精靈上，設(shè)置主菜單 2s 后淡出，而 button 們 2.5s 后淡出，制造有順序的淡出效果，增加視覺(jué)上的層次感。3.2.2“世博攬勝”模塊詳細(xì)設(shè)計(jì)1.導(dǎo)入素材：導(dǎo)入園區(qū)地圖動(dòng)畫(huà)，交通圖，餐飲圖，節(jié)目單圖，八大菜系圖和 Tikivilige 表演視頻等素材。在時(shí)間軸第 10，11，12，13 和 14 幀分別插入腳本 go the frame，使它們各自保留在當(dāng)前畫(huà)面。2.設(shè)計(jì)支系模塊格局在第 10 幀插入園區(qū)地圖.swf，3 個(gè) button 圖標(biāo)，長(zhǎng)度均設(shè)置為 1 幀，調(diào)整演員在舞臺(tái)的位置。如圖：圖略圖 3.19 世博攬勝交通地圖設(shè)置主頁(yè)與支系鏈接：在交通圖 button，餐飲圖

38、button 和節(jié)目單 button 上分別插入腳本：go frame 11，go frame 12，go frame 13。插入新建 button “Exit” ，設(shè)置腳本：go frame 1，點(diǎn)擊返回主菜單。在第 11 幀精靈通道 1 插入素材，根據(jù)舞臺(tái)調(diào)整圖片大小和位置。用插入新建button “Exit” ，設(shè)置腳本 go frame 10，顯示長(zhǎng)度第 11 幀到第 13 幀，用于點(diǎn)擊返回?cái)垊偈醉?yè)。3.2.3 “會(huì)徽之謎”模塊1. 導(dǎo)入素材：Ctrl+R 導(dǎo)入相關(guān)素材，包括四張主要背景圖及文字圖片。分別為時(shí)間軸第 15 幀到第 19 幀添加腳本：go the frame，使其停留在本

39、幀畫(huà)面。2設(shè)計(jì)布局：在第 15 幀精靈通道 1 放置精靈“沙灘”圖片，精靈通道 2 放置精靈“會(huì)徽之謎”上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 19上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三大字標(biāo)題，Insert-Ctrol-Push Button 來(lái)制作一個(gè) Exit button，設(shè)置腳本為：go frame 1，用于返回主菜單。同樣增加 button“” ，用于鏈接到“會(huì)徽之謎”故事主線(xiàn)。具體演員表如下：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.20 會(huì)徽之謎素材與時(shí)間軸設(shè)計(jì)圖 3.21 “會(huì)徽之謎”模塊中的 button 跳轉(zhuǎn)設(shè)計(jì)3.2.4“東方之冠”模塊詳細(xì)設(shè)計(jì)1

40、導(dǎo)入素材：按照上文操作導(dǎo)入相關(guān)素材，包括 058.jpg（主頁(yè)圖） ，以水相連.png，科技為先.png，提早綻放.png，三斬斧.png，這么紅.png，以及與 5 個(gè)小主題相對(duì)的 swf 動(dòng)畫(huà)文件，另外，還有一張只有右下角有朵水墨云的 400*300 的透明 PNG 圖片。如圖 3.22：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.22 “東方之冠”演員表2設(shè)計(jì)布局：該模塊的目的是實(shí)現(xiàn)“一角畫(huà)報(bào)映中國(guó)，半瓣荷上說(shuō)世博”的影畫(huà)效果。在本模塊首頁(yè)，當(dāng)用戶(hù)鼠標(biāo)浮移到報(bào)紙某一主題內(nèi)容時(shí)，畫(huà)面中央會(huì)動(dòng)態(tài)顯示該主題的詳細(xì)內(nèi)容。在技術(shù)上，當(dāng)鼠標(biāo)浮移到主題圖片區(qū)域內(nèi)時(shí)，通過(guò)腳本調(diào)用舞臺(tái)上一張

41、透明圖片置換成swf 動(dòng)畫(huà)來(lái)實(shí)現(xiàn)動(dòng)態(tài)影畫(huà)。從素材庫(kù)將 058.jpg 放在第 20 幀精靈通道 1，顯示第 20 幀到 25 幀，透明度設(shè)為 80%，上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 20上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三墨水（ink）屬性設(shè)置為 copy。再分別在通道 2，3，4，5，6 插入一個(gè)報(bào)紙主題 PNG 圖片，在 stage 窗口中調(diào)整其位置。使圖片和底圖內(nèi)容位置完全相符。這樣可以使報(bào)紙底圖與主題觸發(fā)圖標(biāo)看起來(lái)像一個(gè)整體，實(shí)現(xiàn)小主題的“隱形” 。在通道 7 插入水墨云.png圖片，設(shè)置為舞臺(tái)中央，用于顯示鼠標(biāo)觸發(fā)后的動(dòng)畫(huà)。Insert-Ctrol-Push Butt

42、on 來(lái)制作一個(gè) Exit button，設(shè)置腳本為：go frame 1，用于返回主菜單；另外分別在第 21 幀 Insert-Ctrol-Push Button 制作 Exit button，設(shè)置腳本為：go frame 20，用于返回東方之冠首頁(yè)。如圖 3.23：略圖 3.23 “東方之冠”首頁(yè)設(shè)計(jì)3為精靈添加腳本：布局設(shè)計(jì)好后，分別為畫(huà)報(bào)中的五個(gè)小主題圖標(biāo)添加腳本。下面以“東方之冠-以水相連”小主題腳本為例，說(shuō)明動(dòng)畫(huà)的演示：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(7).member= member (東方之冠-以水相連 )-切

43、換為深色字體按鈕 endon mouseLeave me cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(1).member= member (058 ) -切換為淺色字體按鈕 sprite(6).member= member (以水相連 ) sprite(7).member= member (東方布景底色圖 )-置換成透明圖片endon mouseUp mego frame 21end添加腳本后，點(diǎn)擊菜單欄上的按鍵測(cè)試運(yùn)行，運(yùn)行結(jié)果如圖 3.24：上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 21上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.24 “東方之冠，以水相連”主題

44、展示“科技為先” ， “提早綻放” ， “三斬斧” ， “中國(guó)館為什么這么紅”等其他 4 個(gè)小主題也應(yīng)用同樣的方式來(lái)設(shè)計(jì)，在腳本上只有精靈的區(qū)別。設(shè)計(jì)最終結(jié)果如圖 3.25 至 3.28所示：圖 3.25 “東方之冠，三斬斧”主題展示略圖 3.26 “東方之冠，科技為先”主題展示上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 22上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.27 “東方之冠，提早綻放”主題展示圖 3.28 “東方之冠，中國(guó)館為何這么紅”主題展示3.2.5“精彩視頻”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材：導(dǎo)入素材至演員表。本模塊素材包括：精彩視頻背景框.png，打碟動(dòng)畫(huà).上海世博園區(qū)多媒體景觀(guān)

45、制作實(shí)訓(xùn) 23上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三gif，Movieday.gif 等幾個(gè)裝飾動(dòng)畫(huà)，4 組 button 圖標(biāo)和 9 個(gè)官方宣傳視頻。略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.29 “精彩視頻”演員表2創(chuàng)建視頻列表 List：在工具欄（Tools）中點(diǎn)擊下標(biāo)小三角，切換為 flash component，如圖 3.30：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.30 flash component 工具欄然后鼠標(biāo)左鍵點(diǎn)擊list 工具，在 Stage 中拖出矩形列表。并在右邊屬性欄的labels 標(biāo)簽中填寫(xiě)播放清單，格式如：跳房子

46、篇世博宣傳片, 各民族迎世博, 城市標(biāo)徽篇, 城市報(bào)時(shí)篇, 城市漫游宣傳片, 城市暢想, 不出國(guó)門(mén)，看遍世界, 城市文明的盛會(huì), 海寶宣傳。略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.31 列表屬性設(shè)置圖略圖 3.32 舞臺(tái)上的 List 菜單效果3視頻控制按鈕說(shuō)明：該模塊共設(shè)置“播放” ， “暫?！?， “循環(huán)” ， “關(guān)閉”4 個(gè)按鈕。功能分別是：?jiǎn)螕簟安シ拧辨I播放視頻；單擊“暫停”鍵暫停視頻播放；單擊“循環(huán)”鍵回復(fù)到影片開(kāi)頭，單擊“關(guān)閉”鍵關(guān)閉當(dāng)前播放中的視頻。在視覺(jué)上，要實(shí)現(xiàn)當(dāng)鼠標(biāo)浮移到按鈕范圍內(nèi)時(shí)，按鈕變成暗色效果以示區(qū)分。因此，4 個(gè)按鈕圖片都做成 2 個(gè)圖片一組，一

47、共 8 個(gè) button 圖標(biāo)。設(shè)計(jì)時(shí)將第一狀態(tài)圖片放置在舞臺(tái)，利用腳本調(diào)用當(dāng)鼠標(biāo)移入 button 范圍時(shí)，立即將第一狀態(tài)圖（淺色圖標(biāo)）所在通道的精靈置換成第二狀態(tài)圖（深色圖標(biāo)） ；當(dāng)鼠標(biāo)離開(kāi) button 范圍時(shí)，button 恢復(fù)到第一狀態(tài)（淺色圖標(biāo)） 。如圖 3.33：圖 3.33 播放按鈕的兩種狀態(tài)組圖4設(shè)計(jì)頁(yè)面布局并為演員們添加腳本：整個(gè)頁(yè)面設(shè)計(jì)布局力求簡(jiǎn)潔現(xiàn)代感，使用 SAI 繪制的暗色光影背景圖和相應(yīng)的動(dòng)畫(huà)素材，在時(shí)間軸的設(shè)置上要注意各個(gè)演員的出場(chǎng)順序，遵循先進(jìn)先出原則。依次替演員們編寫(xiě)腳本如下：視頻播放菜單（selectedindex）的腳本：on mouseup me上海世

48、博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 24上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 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(城市標(biāo)徽篇)-切換 MV sprite(5).ink=0 3:sprite(5).member=member(城市報(bào)時(shí)篇)-切換 MV sprite(5).ink=0 4

49、:sprite(5).member=member(城市漫游篇宣傳片)-切換 MV sprite(5).ink=0 5:sprite(5).member=member(城市的暢想)-切換 MV sprite(5).ink=0 6:sprite(5).member=member(不出國(guó)門(mén)看遍世界)-切換 MV sprite(5).ink=0 7:sprite(5).member=member(城市文明的盛會(huì))-切換 MV sprite(5).ink=0 8:sprite(5).member=member(海寶宣傳)-切換 MV sprite(5).ink=0 end case end“播放”按鈕第

50、一狀態(tài)圖（ideoplay_button1）腳本：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(8).member= member (videoplay_button2 ) -切換為深色字體按鈕endon mouseLeave me cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(8).member= member (videoplay_button1) -切換為淺色字體按鈕endon mouseUp me sprite(8).member= member (videoplay_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按

51、鈕 member(海寶宣傳).loop = member(videoloop_button1).hilite sound(5).queue(member(list)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 25上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 sprite(5).play()end“暫停”按鈕第一狀態(tài)圖 videopause_button 1）腳本：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(9).member= member (videopause_button2 ) -切換為深色字體按鈕endon mouseLeave me

52、 cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(9).member= member (videopause_button1) -切換為淺色字體按鈕endon mouseUp me sprite(9).member= member (videopause_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕 sprite(5).pause()end“循環(huán)”按鈕第一狀態(tài)圖（videoloop_button1）腳本：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(10).member= member (videoloop_button

53、2 ) -切換為深色字體按鈕endon mouseLeave me cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(10).member= member (videoloop_button1) -切換為淺色字體按鈕endon mouseUp me sprite(10).member= member (videoloop_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕end“關(guān)閉”按鈕第一狀態(tài)圖（videoclose_button1）腳本：on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(11).member= member (

54、videoclose_button2 ) -切換為深色字體按鈕endon mouseLeave me上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 26上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 cursor -1 -鼠標(biāo)指針離開(kāi)按鈕時(shí)恢復(fù)為指針 sprite(11).member= member (videoclose_button1) -切換為淺色字體按鈕endon mouseUp me sprite(11).member= member (videoclose_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕 sprite(5).member=member()end最后插入制作一個(gè) Exit b

55、utton 在頁(yè)面右下角，腳本為 go frame 1，用于點(diǎn)擊返回主菜單首頁(yè)。如圖 3.34：略圖 3.34 “精彩視頻”整體頁(yè)面設(shè)計(jì)3.2.6“海寶故事”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材：Ctrl+R 導(dǎo)入素材，包括海寶背景框.png，海寶來(lái)了.mv，海寶來(lái)了.mp3，海寶表情數(shù)款，海盜船.gif，人物角色圖.gif 等與模塊相關(guān)的素材。在第29，30，31，32，33，34，35 幀分別添加腳本：go the frame，保證這一模塊 7 幀每一幀都停留在本幀，由 button 來(lái)控制時(shí)間軸的跳轉(zhuǎn)。2模塊設(shè)計(jì)與布局：本模塊目標(biāo)在于展示世博吉祥物“海寶”的可愛(ài)魅力。我們借助熱播動(dòng)畫(huà)海寶來(lái)了和清新活潑

56、的動(dòng)態(tài)圖集成來(lái)講述海寶的故事。在第 29 幀精靈通道依次插入演員。為使海寶潛水的動(dòng)畫(huà)正好在背景框圖的氣泡中顯示，將潛水動(dòng)畫(huà)放在通道 1，背景疊放在動(dòng)畫(huà)之上，放在精靈通道 2，按這種原則，本模塊 score 圖如圖 3.35：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.35 “海寶來(lái)了”模塊時(shí)間軸設(shè)計(jì) 圖 3.36 “海寶來(lái)了”首頁(yè)與故事頁(yè)面設(shè)計(jì)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 27上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三略圖 3.37 結(jié)束頁(yè)面設(shè)計(jì)3.3詳細(xì)設(shè)計(jì)案例多媒體素材的制作3.3.1案例 1：“接天蓮葉無(wú)窮碧，映日荷花別樣紅”影片制作1用 Photoshop 制

57、作美術(shù)字體素材：打開(kāi) Photoshop CS3，新建文件，大小為 760*560 像素，背景為白色。鼠標(biāo)左鍵點(diǎn)擊工具欄中的文字工具，輸入“接天蓮葉無(wú)窮碧， ”和“映日荷花別樣紅”并根據(jù)設(shè)計(jì)版面調(diào)整字體大小，效果如圖 3.38：圖 3.38 “接天蓮葉無(wú)窮碧，映日荷花別樣紅”字體設(shè)計(jì)接著，為字體添加修飾。打開(kāi)一張“藍(lán)人魚(yú)”圖片素材，用魔棒工具摳出人魚(yú)圍繞的邊框；點(diǎn)擊菜單中的“編輯”“自由變換”來(lái)調(diào)整圖形大小；如圖 3.39： 圖略圖 3.39 “藍(lán)人魚(yú)”相框素材的修改處理選擇“圖像”“調(diào)整”“色彩平衡”來(lái)調(diào)整色彩偏向暖色，如圖 3.40：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3

58、.40 色彩平衡的調(diào)整應(yīng)用到“接天蓮葉無(wú)窮碧，映日荷花別樣紅”的“紅”字上去裝飾，再用“畫(huà)筆”工具點(diǎn)綴字體，繪制出荷葉荷花交相輝映的影子，最終效果如圖 3.41：上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 28上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.41 “接天蓮葉無(wú)窮碧，映日荷花別樣紅”美術(shù)字設(shè)計(jì)展示點(diǎn)擊“文件”“保存” ，格式為 PNG，作為“東方之冠，提早綻放”的字體素材。大段的“芙蓉帳暖，提早綻放”的新聞內(nèi)容也同樣可以用 PS 制作成 PNG 格式的圖片素材，只是文字方向上要選擇“直排文字工具” 。如圖 3.42：略圖 3.42 新聞內(nèi)容圖片素材展示2制作“提早綻放”的 fla

59、sh 動(dòng)畫(huà)：打開(kāi) Flash MX，選擇“文件”“新建”“flash 文檔” ，大小設(shè)置為 760*580，背景顏色參考宣紙的顏色，選擇淡黃。如圖 3.43：略（因本文超過(guò) 26 兆，作為模板，部分圖只能略）圖 3.43 文檔屬性面板選擇“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”導(dǎo)入荷花圖片，字體素材以及國(guó)畫(huà)動(dòng)畫(huà)。點(diǎn)擊圖層欄下的新建圖層按鈕新建圖層，命名為“碧荷” ；從庫(kù)中將碧荷圖片放在第 1 幀；在時(shí)間軸第 10 幀和 20 幀插入關(guān)鍵幀，添加補(bǔ)間，并修改第 1 幀和第 20 幀時(shí)， “碧荷”圖片 Alpha 屬性數(shù)值為 0%，創(chuàng)造淡入淡出效果。如圖 3.44：圖 3.44 修改 Alpha 屬性數(shù)值，制

60、作淡入淡出效果新建圖層 2：“碧荷 2” ，用于在第 10 幀淡入，到第 40 幀淡出，正好在第一幅荷花淡出的時(shí)候淡入到畫(huà)面。如圖 3.45：圖略上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 29上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.45 荷花交替出現(xiàn)根據(jù)這一原理，新建 3 個(gè)圖層，用同樣的方式控制三幅趣味動(dòng)畫(huà)“水墨熊貓” ， “蟬”， “蜻蜓與荷”的淡入淡出。如圖 3.46：圖 3.46 添加 gif 動(dòng)畫(huà)依次進(jìn)入，點(diǎn)綴畫(huà)面新建圖層“全景荷” ， “中國(guó)館荷” ，圖層 8 和 9 作為文字顯現(xiàn)圖層。設(shè)置第 40 幀淡出一幅全景圖水墨紅色荷花，第 50 幀淡出；同時(shí)，在第 35 幀開(kāi)始

61、淡出中國(guó)館荷花圖，第 45 幀透明度達(dá)到 100%，第 50 幀時(shí)透明度為 38%，制作荷花綻放在中國(guó)館的影畫(huà)效果。圖層 8 設(shè)置 37 幀新聞內(nèi)容徐徐從左進(jìn)入畫(huà)面，第 45 幀變換顏色；圖層 9 的主題文字設(shè)置用橡皮擦工具依次擦除，再翻轉(zhuǎn)時(shí)間軸讓它們順序出現(xiàn)。如圖 3.47：圖略圖 3.47 主題與內(nèi)容的順序展示制作好后，單擊“文件”“導(dǎo)出”“導(dǎo)出影片” ，保存為“提早綻放.swf”文件。3.4設(shè)計(jì)中遇到的問(wèn)題3.4.1問(wèn)題 1：主菜單“China” （東方之冠）button 圖標(biāo)設(shè)計(jì)當(dāng)鼠標(biāo)浮移到該 button 時(shí)英文菜單變成中文菜單的效果不成功；上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 30上海歐

62、華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三3.4.2問(wèn)題 2：主菜單“Vid” （精彩視頻）button 寫(xiě)的腳本 go frame 26 命令不能成功執(zhí)行；3.4.3問(wèn)題 3：“世博攬勝”模塊內(nèi)的地圖不完整，缺少交通圖和餐飲圖；3.4.4問(wèn)題 4：“精彩視頻”模塊內(nèi)的視頻播放菜單不能執(zhí)行播放視頻的命令， “LOOP” （循環(huán)）按鈕功能不能執(zhí)行。以上問(wèn)題現(xiàn)在都已經(jīng)解決。3.5使用說(shuō)明3.5.1“世博攬勝”模塊使用說(shuō)明3.5.2 “會(huì)徽之謎”模塊使用說(shuō)明3.5.3 “東方之冠”模塊使用說(shuō)明3.5.4 “精彩視頻”模塊使用說(shuō)明3.5.5 “海寶故事”模塊使用說(shuō)明限于篇幅，略。上海世博園區(qū)多媒體

63、景觀(guān)制作實(shí)訓(xùn) 31上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三4 結(jié)論4.1完成情況確定畢業(yè)實(shí)訓(xùn)課題之后，我計(jì)劃將世博印象創(chuàng)意設(shè)計(jì)分成幾個(gè)部分來(lái)制作，分別介紹上海世博會(huì)的地理概況、會(huì)徽設(shè)計(jì)創(chuàng)意、中國(guó)館風(fēng)采、官方宣傳視頻以及吉祥物的故事。經(jīng)過(guò)創(chuàng)意和設(shè)計(jì)，最終形成了“世博攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視頻”和“海寶故事”這五個(gè)模塊，在這五個(gè)模塊中將各有側(cè)重的來(lái)圍繞上海世博會(huì)這一課題來(lái)進(jìn)行創(chuàng)意展示。在本設(shè)計(jì)的制作過(guò)程，我也多次查閱 2010 年上海世博會(huì)的相關(guān)書(shū)籍和影片，并且將自己的作品階段性的交給導(dǎo)師審閱，聽(tīng)取導(dǎo)師和同學(xué)的意見(jiàn)，并及時(shí)地做出修改?，F(xiàn)在，本課題的五個(gè)模

64、塊已經(jīng)全部完成了制作，在整個(gè)課題的設(shè)計(jì)中融合了上海世博會(huì)官方的素材，同時(shí)結(jié)合了自己的設(shè)計(jì)和創(chuàng)作，制作出一個(gè)生動(dòng)具體、具有交互功能的作品，具有一定的觀(guān)賞價(jià)值。序號(hào)起止日期任務(wù)提交階段成果1第五學(xué)期 1-8 周老師確定任務(wù)書(shū)、學(xué)生查閱文獻(xiàn)完成2第五學(xué)期 9-16 周完成開(kāi)題報(bào)告、英文翻譯、文獻(xiàn)綜述完成3假期修改文檔、設(shè)計(jì)作品、起草論文完成4第六學(xué)期 1-5 周論文 1 稿完成5第六學(xué)期 6-8 周論文 2 稿完成6第六學(xué)期 8-12 周論文 3 稿完成4.2更進(jìn)一步的學(xué)習(xí)由于時(shí)間的有限和經(jīng)驗(yàn)的匱乏，我對(duì)世博會(huì)的調(diào)查和實(shí)踐應(yīng)該說(shuō)還不全面，世博會(huì)的很多方面的信息我還不能完全展現(xiàn)給用戶(hù)，希望在將來(lái)的研究

65、中能夠進(jìn)一步的深入。例如在世博會(huì)結(jié)束之后園區(qū)的利用和世博會(huì)中低碳環(huán)保內(nèi)容的倡導(dǎo)方面，本設(shè)計(jì)中并沒(méi)上海世博園區(qū)多媒體景觀(guān)制作實(shí)訓(xùn) 32上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三有過(guò)多提及。如果以后還有機(jī)會(huì)制作世博主題的多媒體作品，一定能展示更多精彩的內(nèi)容。4.3心得體會(huì)從 2010 年 12 月末開(kāi)始畢業(yè)實(shí)訓(xùn)到現(xiàn)在，已經(jīng) 3 個(gè)月有余，其中經(jīng)歷了初期的彷徨不定，到找到靈感的如獲至寶，到查找資料而不得的失望沮喪，直到自己制作出素材的喜出望外，種種復(fù)雜的思維和行動(dòng)的結(jié)果，才造就了今天的“Comic Expo2010” 。在畫(huà)了十幾幅 SAI 畫(huà)稿之后，2 月份的一天，我在速寫(xiě)本上追憶當(dāng)志愿

66、者時(shí)的一些感念，突然靈機(jī)一動(dòng)，想起了“小白菜時(shí)最鐘愛(ài)的就是五彩繽紛的徽章了。每一個(gè)徽章中都蘊(yùn)含著一個(gè)動(dòng)人心弦的故事。于是順著回憶畫(huà)下了幾棵“小白菜”的一顰一笑。再接著，想起了暑假時(shí)當(dāng)小白菜時(shí)的生活，想起每天集合都會(huì)經(jīng)過(guò)的中國(guó)館大門(mén)自然而然就拿起筆決心畫(huà)一畫(huà)我心中的世博印象，寫(xiě)一寫(xiě)我所知道的世博故事。至此，畢業(yè)實(shí)訓(xùn)才真正拉開(kāi)帷幕。但是，展示我的世博印象是一個(gè)龐大的工程。按照計(jì)劃，3 月底我必須完成所有設(shè)計(jì)和測(cè)試工作，出成品和論文初稿，而繪畫(huà)和 flash 動(dòng)畫(huà)的制作是非常耗費(fèi)腦力與體力的活兒。起初幾天我在悠哉地繪畫(huà)海寶插圖中度過(guò)了，2 月中旬我的導(dǎo)師 x 老師發(fā)來(lái)通知，要求我們抓緊時(shí)間，加快設(shè)計(jì)，并附上了大致答辯時(shí)間安排表。收到通知后，我感覺(jué)事態(tài)緊急，開(kāi)始了全心全意撲在設(shè)計(jì)中的日子。此時(shí)，Comic Expo2010 的框架已經(jīng)基本建立，加上自己對(duì) flash，photoshop，sai 和 premiere 等多媒體輔助軟件的嘗試，經(jīng)過(guò)兩周半約 20 天的設(shè)計(jì)和集成，我按主題先后和設(shè)計(jì)的繁簡(jiǎn)程度依次完成了“海寶故事” ， “精彩視頻” ， “東方之冠” ， “會(huì)徽之謎”和“世博攬勝”五