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

1、上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 1上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三畢業(yè)實(shí)訓(xùn)論文題目： 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)專 業(yè) 計(jì)算機(jī)應(yīng)用班 級 10204152學(xué) 號 1020411508姓 名 張三 指 導(dǎo) 教 師 李四2010 年 09 月 16 日上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 2上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三目錄目錄目錄目錄.ii1緒論緒論.11.1問題的提出.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舞臺（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五大模塊的首頁設(shè)計(jì).123.2詳細(xì)設(shè)計(jì)用 DIRECTOR集合所有素材.143.2.1主菜單界面詳細(xì)設(shè)計(jì).143.2.2“世博攬勝”模塊詳細(xì)設(shè)計(jì).163.2.3“會徽之謎”模塊 .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：“接天蓮葉無窮碧，映日荷花別樣紅”影片制作.263.4設(shè)計(jì)中遇到的問題.303.4.1問題 1：.303.4.2問題 2：.303.4.3問題 3：.303.4.4問題 4：.303.5使用說明.313.5.1“世博攬勝”模塊使用說明.313.5.2“會徽之謎”模塊使用說明 .31上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 3上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三3.5.3“東方之冠”模塊使用說明 .313.5.4“精彩視頻”模塊使用說明 .313.5.5“海寶故事”模塊使用說明 .314結(jié)論結(jié)論.32

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19、方式讓用戶欣賞世博會的精彩官方宣傳片。播放列表上所有影片來源于上海世博會園區(qū)志愿者讀本 ，集合了從申博到世博會成功舉辦的一系列宣傳視頻，帶給用戶快捷方便的視聽感受?！昂毠适翷uck”模塊是一個(gè)充滿童趣色彩的模塊。模塊第一個(gè)界面是結(jié)合數(shù)位板繪成的仿兒童畫風(fēng)格色彩斑瀾的四海之寶，演示海寶來了主題曲；第二個(gè)界面繪成了生動有趣的林中“HaiBai Story海寶故事屋” ，集成漫畫圖冊，并讓用戶在漫畫中與海寶親密接觸。本設(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ū)多媒體景觀制作實(shí)訓(xùn) 9上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三Director MX2004 是一款多媒體主流集成工具。本設(shè)計(jì)主要是用 Director 展示，在模塊設(shè)計(jì)、影音圖片格式支持和動畫交互方面都優(yōu)于同類型軟件。該軟件結(jié)合了多種軟件的特點(diǎn)，在使用上類似于 FLASH。在 Director MX2004 中有幀的概念，也有對象的概念，這些使得設(shè)計(jì)變的更加方便

21、快捷，易于操作3。Flash MX 是一款優(yōu)秀的動畫制作軟件。支持大部分格式的圖像和音頻素材，具有自制動畫元件的功能，并能發(fā)布多種格式的影片4。本次設(shè)計(jì)中的動畫效果全部使用Flash 實(shí)現(xiàn)。Easy Paint Tool SAI 是一種體積輕簡，筆刷多樣的繪圖軟件。結(jié)合數(shù)位板可以繪制多圖層多種風(fēng)格的彩圖和漫畫。這是本設(shè)計(jì)中所有手繪圖的支持軟件。Photoshop CS3 即大眾熟知的 PS5。PS 在本設(shè)計(jì)中最主要的功能在于制作各種應(yīng)用于 Flash 的字體。同時(shí)，該軟件優(yōu)秀的圖片處理能力也在截取動畫素材方面有卓越表現(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ū)多媒體景觀制作實(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舞臺（Stage）首先啟動 Director，新建一個(gè) Movie，選擇 FileNewMovie 命令。建立的 Movie 的尺寸是默認(rèn)的大?。?20*240。Movie 的尺寸

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

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

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

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

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

28、2.5 選擇鉛筆筆刷 圖 2.6 選擇顏色深灰色略圖 2.7 繪制線稿注意區(qū)分線稿與色彩圖層，鉛筆筆刷的顏色不透明，顏色如果上到線稿上，會掩蓋草圖輪廓，不便于著色和修改線稿。例圖 2.7，因此要特別注意分層繪畫。2.采用多圖層疊加的方式給線稿著色主要是用鉛筆筆刷一筆一筆著色，再使用水彩筆筆刷對細(xì)節(jié)進(jìn)行調(diào)和，依照輪廓和光線的走向給人物和背影分開圖層著色。著色過程如圖 2.8 至圖 2.10：圖略圖 2.8上海世博園區(qū)多媒體景觀制作實(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ū)多媒體景觀制作實(shí)訓(xùn) 13上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三3 設(shè)計(jì)3.1總體設(shè)計(jì)本次課題的設(shè)計(jì)部分將分為五個(gè)部分來展開，在圍繞世博印象創(chuàng)意設(shè)計(jì)展示這一大主題的同時(shí)，分別對世博攬勝、會徽之謎、東方之冠、精彩視頻以及海寶故事這五個(gè)模塊進(jìn)行展示。3.1.1總體設(shè)計(jì)框架圖主菜單世博攬勝會徽之謎東方之冠精彩視頻海寶故事圖 3.1 課題總

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

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

32、的效果。圖略圖 3.9 “東方之冠”首頁上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 16上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 “精彩視頻”主頁即播放界面，由用戶自己選擇要播放的視頻：圖略圖 3.10 “精彩視頻”首頁“海寶故事”童心無限：圖 3.11 “海寶故事”首頁3.2詳細(xì)設(shè)計(jì)用 Director 集合所有素材本次設(shè)計(jì)的題目是世博印象創(chuàng)意設(shè)計(jì)，在 Director 軟件的支持下，本課題將分成五個(gè)部分來介紹世博印象，它們分別是：“世博攬勝” 、 “會徽之謎” 、 “東方之冠” 、 “精彩視頻” 、 “海寶故事” 。在這五個(gè)部分中將各有側(cè)重的 2010 年上海世博會上作者的所見所聞所想進(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ì)主菜單畫面：在 score 第 5 幀雙擊插入腳本：go the frame。因此，在第 5 幀時(shí)總是跳轉(zhuǎn)到本幀畫上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 17上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三面，視覺上獲得停在第 5 幀的效果。略圖 3.13 主菜單第 5 幀腳本圖將主菜單.swf、map.png、emb.png

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

35、置，然后對其點(diǎn)擊右鍵在 script 中編寫如下代碼（即腳本）：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)指針離開按鈕時(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 會徽之謎圖標(biāo)鼠標(biāo)浮移效果 圖 3.16 東方之冠圖標(biāo)鼠標(biāo)浮移效果上海世博園區(qū)多媒體景觀制作實(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.為主菜單動畫和 button 添加淡出效果在 Library 中選擇 animation 里的 fade in out，拖放在精靈通道

37、的各個(gè)精靈上，設(shè)置主菜單 2s 后淡出，而 button 們 2.5s 后淡出，制造有順序的淡出效果，增加視覺上的層次感。3.2.2“世博攬勝”模塊詳細(xì)設(shè)計(jì)1.導(dǎo)入素材：導(dǎo)入園區(qū)地圖動畫，交通圖，餐飲圖，節(jié)目單圖，八大菜系圖和 Tikivilige 表演視頻等素材。在時(shí)間軸第 10，11，12，13 和 14 幀分別插入腳本 go the frame，使它們各自保留在當(dāng)前畫面。2.設(shè)計(jì)支系模塊格局在第 10 幀插入園區(qū)地圖.swf，3 個(gè) button 圖標(biāo)，長度均設(shè)置為 1 幀，調(diào)整演員在舞臺的位置。如圖：圖略圖 3.19 世博攬勝交通地圖設(shè)置主頁與支系鏈接：在交通圖 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ù)舞臺調(diào)整圖片大小和位置。用插入新建button “Exit” ，設(shè)置腳本 go frame 10，顯示長度第 11 幀到第 13 幀，用于點(diǎn)擊返回?cái)垊偈醉摗?.2.3 “會徽之謎”模塊1. 導(dǎo)入素材：Ctrl+R 導(dǎo)入相關(guān)素材，包括四張主要背景圖及文字圖片。分別為時(shí)間軸第 15 幀到第 19 幀添加腳本：go the frame，使其停留在本

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

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

41、透明圖片置換成swf 動畫來實(shí)現(xiàn)動態(tài)影畫。從素材庫將 058.jpg 放在第 20 幀精靈通道 1，顯示第 20 幀到 25 幀，透明度設(shè)為 80%，上海世博園區(qū)多媒體景觀制作實(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)看起來像一個(gè)整體，實(shí)現(xiàn)小主題的“隱形” 。在通道 7 插入水墨云.png圖片，設(shè)置為舞臺中央，用于顯示鼠標(biāo)觸發(fā)后的動畫。Insert-Ctrol-Push Butt

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

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

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

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

46、篇世博宣傳片, 各民族迎世博, 城市標(biāo)徽篇, 城市報(bào)時(shí)篇, 城市漫游宣傳片, 城市暢想, 不出國門，看遍世界, 城市文明的盛會, 海寶宣傳。略（因本文超過 26 兆，作為模板，部分圖只能略）圖 3.31 列表屬性設(shè)置圖略圖 3.32 舞臺上的 List 菜單效果3視頻控制按鈕說明：該模塊共設(shè)置“播放” ， “暫?！?， “循環(huán)” ， “關(guān)閉”4 個(gè)按鈕。功能分別是：單擊“播放”鍵播放視頻；單擊“暫?！辨I暫停視頻播放；單擊“循環(huán)”鍵回復(fù)到影片開頭，單擊“關(guān)閉”鍵關(guān)閉當(dāng)前播放中的視頻。在視覺上，要實(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)圖片放置在舞臺，利用腳本調(diào)用當(dāng)鼠標(biāo)移入 button 范圍時(shí)，立即將第一狀態(tài)圖（淺色圖標(biāo)）所在通道的精靈置換成第二狀態(tài)圖（深色圖標(biāo)） ；當(dāng)鼠標(biāo)離開 button 范圍時(shí)，button 恢復(fù)到第一狀態(tài)（淺色圖標(biāo)） 。如圖 3.33：圖 3.33 播放按鈕的兩種狀態(tài)組圖4設(shè)計(jì)頁面布局并為演員們添加腳本：整個(gè)頁面設(shè)計(jì)布局力求簡潔現(xiàn)代感，使用 SAI 繪制的暗色光影背景圖和相應(yīng)的動畫素材，在時(shí)間軸的設(shè)置上要注意各個(gè)演員的出場順序，遵循先進(jìn)先出原則。依次替演員們編寫腳本如下：視頻播放菜單（selectedindex）的腳本：on mouseup me上海世

48、博園區(qū)多媒體景觀制作實(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(不出國門看遍世界)-切換 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“播放”按鈕第

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)指針離開按鈕時(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ū)多媒體景觀制作實(shí)訓(xùn) 25上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 sprite(5).play()end“暫?！卑粹o第一狀態(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)指針離開按鈕時(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)指針離開按鈕時(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ū)多媒體景觀制作實(shí)訓(xùn) 26上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 cursor -1 -鼠標(biāo)指針離開按鈕時(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 在頁面右下角，腳本為 go frame 1，用于點(diǎn)擊返回主菜單首頁。如圖 3.34：略圖 3.34 “精彩視頻”整體頁面設(shè)計(jì)3.2.6“海寶故事”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材：Ctrl+R 導(dǎo)入素材，包括海寶背景框.png，海寶來了.mv，海寶來了.mp3，海寶表情數(shù)款，海盜船.gif，人物角色圖.gif 等與模塊相關(guān)的素材。在第29，30，31，32，33，34，35 幀分別添加腳本：go the frame，保證這一模塊 7 幀每一幀都停留在本幀，由 button 來控制時(shí)間軸的跳轉(zhuǎn)。2模塊設(shè)計(jì)與布局：本模塊目標(biāo)在于展示世博吉祥物“海寶”的可愛魅力。我們借助熱播動畫海寶來了和清新活潑

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

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

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

59、sh 動畫：打開 Flash MX，選擇“文件”“新建”“flash 文檔” ，大小設(shè)置為 760*580，背景顏色參考宣紙的顏色，選擇淡黃。如圖 3.43：略（因本文超過 26 兆，作為模板，部分圖只能略）圖 3.43 文檔屬性面板選擇“文件”“導(dǎo)入”“導(dǎo)入到庫”導(dǎo)入荷花圖片，字體素材以及國畫動畫。點(diǎn)擊圖層欄下的新建圖層按鈕新建圖層，命名為“碧荷” ；從庫中將碧荷圖片放在第 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í)候淡入到畫面。如圖 3.45：圖略上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 29上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三圖 3.45 荷花交替出現(xiàn)根據(jù)這一原理，新建 3 個(gè)圖層，用同樣的方式控制三幅趣味動畫“水墨熊貓” ， “蟬”， “蜻蜓與荷”的淡入淡出。如圖 3.46：圖 3.46 添加 gif 動畫依次進(jìn)入，點(diǎn)綴畫面新建圖層“全景荷” ， “中國館荷” ，圖層 8 和 9 作為文字顯現(xiàn)圖層。設(shè)置第 40 幀淡出一幅全景圖水墨紅色荷花，第 50 幀淡出；同時(shí)，在第 35 幀開始

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

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

63、景觀制作實(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è)部分來制作，分別介紹上海世博會的地理概況、會徽設(shè)計(jì)創(chuàng)意、中國館風(fēng)采、官方宣傳視頻以及吉祥物的故事。經(jīng)過創(chuàng)意和設(shè)計(jì)，最終形成了“世博攬勝” 、 “會徽之謎” 、 “東方之冠” 、 “精彩視頻”和“海寶故事”這五個(gè)模塊，在這五個(gè)模塊中將各有側(cè)重的來圍繞上海世博會這一課題來進(jìn)行創(chuàng)意展示。在本設(shè)計(jì)的制作過程，我也多次查閱 2010 年上海世博會的相關(guān)書籍和影片，并且將自己的作品階段性的交給導(dǎo)師審閱，聽取導(dǎo)師和同學(xué)的意見，并及時(shí)地做出修改?，F(xiàn)在，本課題的五個(gè)模

64、塊已經(jīng)全部完成了制作，在整個(gè)課題的設(shè)計(jì)中融合了上海世博會官方的素材，同時(shí)結(jié)合了自己的設(shè)計(jì)和創(chuàng)作，制作出一個(gè)生動具體、具有交互功能的作品，具有一定的觀賞價(jià)值。序號起止日期任務(wù)提交階段成果1第五學(xué)期 1-8 周老師確定任務(wù)書、學(xué)生查閱文獻(xiàn)完成2第五學(xué)期 9-16 周完成開題報(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)的匱乏，我對世博會的調(diào)查和實(shí)踐應(yīng)該說還不全面，世博會的很多方面的信息我還不能完全展現(xiàn)給用戶，希望在將來的研究

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

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