畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)

上傳人:1666****666 文檔編號(hào):39389380 上傳時(shí)間:2021-11-10 格式:DOC 頁數(shù):33 大小:1.31MB
收藏 版權(quán)申訴 舉報(bào) 下載
畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)_第1頁
第1頁 / 共33頁
畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)_第2頁
第2頁 / 共33頁
畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)_第3頁
第3頁 / 共33頁

下載文檔到電腦,查找使用更方便

10 積分

下載資源

還剩頁未讀,繼續(xù)閱讀

資源描述:

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

1、i畢業(yè)實(shí)訓(xùn)論文題目: 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)專 業(yè) 計(jì)算機(jī)應(yīng)用班 級(jí) 10204152學(xué) 號(hào) 1020411508姓 名 張三 指 導(dǎo) 教 師 李四2010 年 09 月 16 日ii目錄目錄目錄目錄.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舞臺(tái)(Stage).62.1.2演員表(Cast).62.1.3分鏡表(Score).72.2技術(shù) 2 EASY PAINT TOOL SAI 的繪圖技巧.72.2.1SAI 的工作界

2、面.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“會(huì)徽之謎”模塊 .163.2.4“東方之冠”模塊詳細(xì)設(shè)計(jì) .173.2.5“精彩視頻”模塊詳細(xì)設(shè)計(jì) .213.2.6“海寶故事”模塊詳細(xì)設(shè)計(jì) .253.3詳細(xì)設(shè)計(jì)案例多媒體素材的制作.263.3.1案例 1:“接天蓮葉無窮碧,映日荷花別樣紅”影片制作.263.4設(shè)計(jì)中遇到的問題.30

3、3.4.1問題 1:.303.4.2問題 2:.303.4.3問題 3:.303.4.4問題 4:.303.5使用說明.313.5.1“世博攬勝”模塊使用說明.313.5.2“會(huì)徽之謎”模塊使用說明 .31iii3.5.3“東方之冠”模塊使用說明 .313.5.4“精彩視頻”模塊使用說明 .313.5.5“海寶故事”模塊使用說明 .314結(jié)論結(jié)論.324.1完成情況.324.2更進(jìn)一步的學(xué)習(xí).324.3心得體會(huì).33致謝致謝.35參考文獻(xiàn)參考文獻(xiàn).36iv摘要摘要中國 2010 年上海世界博覽會(huì)(EXPO 2010) ,是第 41 屆世界博覽會(huì)。于2010 年 5 月 1 日至 10 月 31

4、 日期間,在中國上海市舉行。此次世博會(huì)也是由中國舉辦的首屆世界博覽會(huì)。上海世博會(huì)以“城市,讓生活更美好” (BETTER CITY, BETTER LIFE)為主題,總投資達(dá) 450 億人民幣,創(chuàng)造了世界博覽會(huì)史上最大規(guī)模記錄。 世博會(huì)將是上海城市發(fā)展的一個(gè)里程碑,上海作為以城市為主題的 2010 年世界博覽會(huì)的舉辦城市,有著特殊的意義。上海在籌備世博會(huì)的過程中,必然會(huì)建造更多的優(yōu)秀建筑,創(chuàng)建面向未來的住宅區(qū),豐富城市發(fā)展的理念,完善并提升城市功能,創(chuàng)造城市未來發(fā)展的模式,推動(dòng)中國城市化進(jìn)程。本課題設(shè)計(jì)部分將使用 DirectorMX2004 來將課題中的各種資料,包括文字,圖片,視頻以及聲音

5、等素材進(jìn)行整理和組合。由此形成一系列演示作品,希望能夠以生動(dòng)形象的方式將最美的世博印象展現(xiàn)給觀眾。關(guān)鍵詞:關(guān)鍵詞:夢幻揮之不去;盛況歷歷在目;創(chuàng)意設(shè)計(jì);會(huì)展經(jīng)濟(jì);文化產(chǎn)業(yè)。vAbstractAbstractChinas 2010 Shanghai world EXPO (EXPO 2010), is the 41st session of the world exposition.It held in Shanghai, China ,between 1 May and October 31 ,2010. This is the first world expo held in China.

6、Shanghai world expo held a theme of BETTER CITY, BETTER LIFE ,with a total investment of 450 million yuan,Shanghai Expo has created the most large-scale records in the world expo history.The expo will be a milestone in the development of Shanghai, as a city for 2010 world expo, the host city get a s

7、pecial meaning. In the process of preparation for the world expo in Shanghai, it would build more excellent architecture, upgrade the city idea to create the future urban development of rich, perfect residential areas and the model, promoted urbanization process in China.The “Comic Expo2010” will us

8、e DirectorMX2004 to do sorting and combination of all kinds of material, including issues of words, images, video and voice material. I hope to show the most beatiful impression of Expo inShanghai to the audience.Keywords: Dream always round me; Significant front eyes one by one;Creative design; Exh

9、ibition economy ; Culture product.1 緒論在了解了本次設(shè)計(jì)的背景及意義之后,我們將進(jìn)入到課題的正式設(shè)計(jì)制作之中,首先我們將會(huì)對(duì)本課題問題的提出,本課題的意義以及使用到的相關(guān)工具等方面的內(nèi)容進(jìn)行研究。1.1問題的提出現(xiàn)在是一個(gè)開拓的多媒體作品得到充分運(yùn)用的時(shí)代。多媒體元素充滿了城市的各個(gè)角落:網(wǎng)頁中的廣告,視頻教學(xué),互動(dòng)演示,移動(dòng)電視,銀幕廣告等。多媒體形式層出不窮。作為計(jì)算機(jī)科學(xué)與技術(shù)專業(yè),同時(shí)專業(yè)方向又是多媒體技術(shù)的學(xué)生,掌握一些多媒體制作常識(shí),尤其是能結(jié)合時(shí)代主題創(chuàng)作具有個(gè)性的特色作品,不僅是專業(yè)的要求,而且是產(chǎn)業(yè)發(fā)展的實(shí)踐性需要。1.2課題研究意義通過對(duì)

10、這個(gè)課題的設(shè)計(jì)與開發(fā),可以了解并熟悉我眼中 2010 年上海世博會(huì)的精彩內(nèi)容。作為與奧運(yùn)會(huì)、世界杯比肩的世界三大盛會(huì)之一,世博會(huì)是對(duì)一個(gè)國家、一個(gè)城市所取得的社會(huì)、經(jīng)濟(jì)、文化、科技等領(lǐng)域的最高成果的展示。 “一切始于世博1”這句廣為傳誦的名言,道出了一個(gè)多世紀(jì)以來世博會(huì)對(duì)創(chuàng)新的不懈追求。世界展覽會(huì)的會(huì)場不單是展示技術(shù)和商品,而且伴以異彩紛呈的表演,富有魅力的壯觀景色,設(shè)置成日常生活中無法體驗(yàn)的、充滿節(jié)日氣氛的空間,成為一般市民娛樂和消費(fèi)的理想場所。首先,本文將介紹中國與世博會(huì)歷史( 1851-1940) 。中國第一個(gè)看到 “炫奇會(huì)” (世博會(huì))的是清末著名文人王韜。1851年的英國倫敦首屆博覽

11、會(huì),中國商人和一些在中國經(jīng)商的外商,將絲綢、茶葉、中藥等中國傳統(tǒng)商品拿去參展并獲得多項(xiàng)獎(jiǎng)項(xiàng)。1873年的維也納博覽會(huì)是中國第一次參加的世博會(huì)。當(dāng)時(shí)任清政府海關(guān)總稅務(wù)司的英國人赫德曾派了名叫包臘的英國人代表中國參會(huì)。1876年,中國海關(guān)代表李圭參加了美國費(fèi)城世博會(huì),寫下了環(huán)游地球新錄 一書。此舉也被稱為是中國參加世博會(huì)之始。在這次博覽會(huì)上,中國展館占地僅“八千正方尺” ,精心的布置,以濃郁的中華民族特色吸引了參觀者。一座木質(zhì)大牌樓向北而建,上書 “大清國”三個(gè)字,對(duì)聯(lián)一副,曰 “集十八省之大觀,天工可奪;慶一百年盛會(huì),友誼斯頓 ” ,橫批為“物華天寶” 。中國參展的商品共計(jì)有 720箱,上海世博

12、園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 26801種,價(jià)值約白銀 20萬兩。中國的絲、菜、瓷器、綢貨、雕花器、景泰藍(lán)等在各國展品中被推為第一。1904年美國圣路易斯世博會(huì)是中國首次以官方形式率領(lǐng)商人正式參加的世博會(huì)。當(dāng)時(shí)清政府相當(dāng)重視參展,花巨資修建了具有濃郁民族風(fēng)格的中國村和中國展館,并派出了溥倫和黃開甲分任正副團(tuán)長的政府正式代表團(tuán)出席開幕典禮。1915年巴拿馬太平洋世界博覽會(huì)在美國舊金山舉行。當(dāng)時(shí)的中華民國政府建造的中華政府館集中了許多中式建筑結(jié)構(gòu),較突出地反映了中國傳統(tǒng)政治型建筑的特色,在巴拿馬世博會(huì)各場館中有一定的典型性和觀賞性。1926年費(fèi)城世博會(huì)

13、上,中國以生絲、茶葉、江浙綢緞、江西瓷器、福建漆器、手工刺繡及翡翠等展品為主,具有中華民族特色。 1通過了解中國參展世博會(huì)的歷史,我們可以看到中華民族的歷史步伐,領(lǐng)略到中華文明在國際舞臺(tái)上的鮮明個(gè)性?,F(xiàn)代新中國與世博會(huì)的交往是不斷向前推進(jìn)的。從 1982年至2008年,中國參加了13次綜合類和專業(yè)類世界博覽會(huì) 。2010年上海世界博覽會(huì)(Expo 2010) ,是第41屆世界博覽會(huì)。于2010年5月1日至10月31日期間,在中國上海市舉行。此次世博會(huì)也是由中國舉辦的首屆世界博覽會(huì)。上海世博會(huì)以“城市,讓生活更美好”(Better City, Better Life)為主題,總投資達(dá)450億人民

14、幣,創(chuàng)造了世界博覽會(huì)史上最大規(guī)模記錄。自 2002 年的摩納哥蒙特卡洛上中國申請(qǐng)舉辦上海 2010 年世博會(huì)成功后,到 2010年上海世博會(huì)正式舉行,經(jīng)過 8 年時(shí)間的建設(shè)與宣傳,人們對(duì)世博會(huì)已是耳熟能詳?!?010 年上海世博會(huì),將會(huì)告訴你關(guān)于城市的美好未來!”正如這句話本身一樣,世博會(huì)吉祥物“海寶” ;世博的“脊梁”世博軸;世博演藝中心“飛碟” ;璀璨升起的中國國家館“東方之冠” ;各具特色的世界展館以及主題館;現(xiàn)代城市發(fā)展優(yōu)秀案例城市最佳實(shí)踐區(qū)除了這些矗立在世博園區(qū)的奪人眼球的建筑和世界仰止的科技新秀之外,園區(qū)內(nèi)親切熱情的志愿者“小白菜” ;歐洲廣場、太平洋廣場、美洲廣場、非洲廣場和志愿

15、者廣場等幾大廣場的國際國內(nèi)輪回駐場文藝演出以及歡樂盛裝大巡游,船鸼碼頭童趣盎然熱鬧非凡的劇場,親水平臺(tái)音樂噴泉每夜綻放織就絢麗舞曲,這些都讓中外游客流連忘返,印象深刻。上海世博會(huì)上有近 400 個(gè)展項(xiàng),還有對(duì)主題有所呈現(xiàn)的各種景觀,各類論壇和兩萬場活動(dòng)。所有這些項(xiàng)目,都好看、好玩,而且頗具內(nèi)涵、引人深思。不同的展覽、活動(dòng)、論壇,讓你從不同地域文化和民族的視野,從國家、地區(qū)、城市、企業(yè)、社會(huì)團(tuán)體的不同角度,看到今天世界對(duì)于“城市”與“生活”問題的解讀。同時(shí),電視、報(bào)紙、互聯(lián)網(wǎng)等主流媒體對(duì)世博會(huì)的跟蹤報(bào)道也讓上海世博會(huì)成為 2010 年的年度關(guān)鍵詞?,F(xiàn)在,上海2010年世博會(huì)已經(jīng)圓滿閉幕,對(duì)世博的

16、回憶和討論卻經(jīng)久不息。人民日上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 3報(bào)報(bào)道:“一屆成功、精彩、難忘的世博會(huì)即將載入史冊(cè)” ,中國青年報(bào)“經(jīng)過世博洗禮的一代被稱為世博一代 ” ,經(jīng)濟(jì)日?qǐng)?bào):“書寫人類文明交流互鑒新篇章” ,東方早報(bào):“海內(nèi)存知己,天涯若比鄰”2媒體報(bào)道紛至沓來,潮水般介紹世博會(huì)閉幕盛況。在世博會(huì)結(jié)束后,園區(qū)適合按照何種形態(tài)進(jìn)行后續(xù)利用是一個(gè)萬眾關(guān)注的問題。上海市政協(xié)曾表示極大關(guān)注,早在 2009 年就提出了相關(guān)建議。根據(jù)設(shè)想,世博會(huì)后,上海應(yīng)把園區(qū)定位為國際貿(mào)易功能集聚的高端商務(wù)園區(qū),成為永不謝幕的會(huì)展、貿(mào)易集聚之地。事實(shí)上,世博園區(qū)

17、所有參展國家擬建展館時(shí)都運(yùn)用了環(huán)保材料,閉幕之后都會(huì)拆除。應(yīng)市場要求和游客期望,中國國家館延長開放時(shí)間,整歇后于2010年12月1日開始到2011年5月30日為止重新開放參觀2,給游客更多機(jī)會(huì)欣賞東方之冠的壯觀和美麗。在世博會(huì)這個(gè)百花齊放的多媒體舞臺(tái)中,影視短片和數(shù)字動(dòng)畫起到舉足輕重的宣傳作用。多媒體產(chǎn)業(yè)因此提升到一個(gè)新的高度,從世博園中眾多移動(dòng)媒體的 LED 顯示屏循環(huán)放映的多媒體作品上可見端倪。世博印象創(chuàng)意設(shè)計(jì)是一個(gè)巨大的課題。一方面,本課題給學(xué)生廣闊的創(chuàng)作空間,另一方面,它又意味著學(xué)生必須推陳出新,以自己特有的方式組織已有的多媒體素材進(jìn)行再創(chuàng)作??v觀整個(gè)多媒體創(chuàng)作市場,高速發(fā)展的信息網(wǎng)絡(luò)

18、為學(xué)生們提供了大量免費(fèi)可共享的多媒體資源。如何結(jié)合自己的專業(yè)知識(shí)與技能來運(yùn)用這些資源為畢業(yè)實(shí)訓(xùn)服務(wù),向用戶傳遞個(gè)性世博印象,是一個(gè)不小的挑戰(zhàn),也是本次畢業(yè)實(shí)訓(xùn)中需要注重的問題。1.3課題調(diào)研在對(duì)本課題的設(shè)計(jì)目的和意義有了一個(gè)初步了解之后,我們通過查閱和分析作者當(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)過一系列篩選和測試,最終于 2009 年末確定成為園區(qū)志愿者候選人。2010 年 3 月,作為候選人正式開始參加培訓(xùn)。世博理論知

19、識(shí)、基礎(chǔ)救護(hù)知識(shí)、世博信息平臺(tái)操作等等理論和實(shí)驗(yàn)訓(xùn)練結(jié)束后,2010 年 4 月 29 日,我們參加了世博會(huì)開幕式演練,第一次進(jìn)入世博園區(qū)進(jìn)行實(shí)踐觀摩。接著是 2 個(gè)月的信息理論等測試,直到2010 年 7 月 12 日,我們進(jìn)入園區(qū)成為世博園 B 片區(qū)太平洋聯(lián)合館南側(cè)遮陽傘前崗上志愿者,主要工作為非活動(dòng)期間問詢。就這樣,我開始真正的世博之旅。一年多的新聞跟蹤調(diào)研及兩周實(shí)地考察體驗(yàn)“小白菜”生活,我們看到了許多從未了解過的美麗世博園,接觸了許多優(yōu)秀的志愿工作者,從而對(duì)上海世博會(huì)有了更加深刻的體會(huì)。尤其是太平洋區(qū)域聯(lián)合館多元化文明,其繽紛的歷史色彩,熱情的人文交流,都令人目不暇接,眼花繚亂。因此

20、,本次畢業(yè)實(shí)訓(xùn)課題既是專業(yè)技巧的挑戰(zhàn),也是對(duì)我上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 4們世博之旅的總結(jié)和紀(jì)念。這種特殊的經(jīng)歷為我們?cè)O(shè)計(jì)中視角和模式探討增加了個(gè)性色彩。經(jīng)過對(duì)世博官方資料以及個(gè)人影集資料的總結(jié)分析,我們確定了制作世博攬勝、會(huì)徽之謎、東方之冠、精彩視頻和海寶故事五大主要模塊,然后在此基礎(chǔ)之上對(duì)各模塊內(nèi)容進(jìn)行詳細(xì)創(chuàng)意設(shè)計(jì),以求給用戶最佳的世博印象。1.4總體介紹在本設(shè)計(jì)中將針對(duì)世博會(huì)設(shè)計(jì)從主菜單鏈接五個(gè)主題模塊,再從各主題細(xì)分為相關(guān)主題內(nèi)容展示。展示內(nèi)容包括影視作品、精美手繪、歡樂音頻、動(dòng)感彩圖等與主題相關(guān)素材的集成。主菜單界面是繪圖軟件

21、結(jié)合數(shù)位板手繪的彩圖制作成 flash 動(dòng)畫循環(huán)演示。主菜單上將顯示 5 個(gè)按鈕分別指引用戶前往“園區(qū)攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視頻”和“海寶故事”主題模塊。其中, “世博攬勝M(fèi)ap”展示 2010 年上海世博會(huì)地理概況,包括園區(qū)交通地圖,餐飲地圖和節(jié)目單圖。特色項(xiàng)目是太平洋舞臺(tái)歌舞實(shí)況紀(jì)錄。“會(huì)徽之謎Emb”模塊主線是以憶海拾貝的敘述方式,演繹世博會(huì)徽的形成過程,帶領(lǐng)用戶走近會(huì)徽,體驗(yàn)會(huì)徽?qǐng)D形美感與城市生活主題的融合過程。除主線之外,支線故事是志愿者標(biāo)志的設(shè)計(jì)及“小白菜”之旅的照片展示,讓用戶在各種徽章中感受世博的人文氣息和青春活力?!皷|方之冠China”模塊是一

22、個(gè)以中國國家館為主題的模塊。本模塊意在以“畫中乾坤”的方式展示東方之冠的故事?!熬室曨lVid”用藍(lán)調(diào)風(fēng)格影院的方式讓用戶欣賞世博會(huì)的精彩官方宣傳片。播放列表上所有影片來源于上海世博會(huì)園區(qū)志愿者讀本 ,集合了從申博到世博會(huì)成功舉辦的一系列宣傳視頻,帶給用戶快捷方便的視聽感受。“海寶故事Luck”模塊是一個(gè)充滿童趣色彩的模塊。模塊第一個(gè)界面是結(jié)合數(shù)位板繪成的仿兒童畫風(fēng)格色彩斑瀾的四海之寶,演示海寶來了主題曲;第二個(gè)界面繪成了生動(dòng)有趣的林中“HaiBai Story海寶故事屋” ,集成漫畫圖冊(cè),并讓用戶在漫畫中與海寶親密接觸。本設(shè)計(jì)特色之外在于在模塊中各處適得其所地插入了學(xué)生用 Easy Pain

23、t Tool SAI 繪制的彩圖,以加強(qiáng)設(shè)計(jì)的個(gè)性色彩和可看性。1.5工具選擇本課題的設(shè)計(jì)主要用 Director MX2004 集成展示,素材設(shè)計(jì)軟件使用 Flash MX,Easy Paint Tool SAI, Photoshop CS3 共三款多媒體軟件, 輔助軟件有 K-Lite Codec Pack 解碼器。上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 5Director MX2004 是一款多媒體主流集成工具。本設(shè)計(jì)主要是用 Director 展示,在模塊設(shè)計(jì)、影音圖片格式支持和動(dòng)畫交互方面都優(yōu)于同類型軟件。該軟件結(jié)合了多種軟件的特點(diǎn),在使用

24、上類似于 FLASH。在 Director MX2004 中有幀的概念,也有對(duì)象的概念,這些使得設(shè)計(jì)變的更加方便快捷,易于操作3。Flash MX 是一款優(yōu)秀的動(dòng)畫制作軟件。支持大部分格式的圖像和音頻素材,具有自制動(dòng)畫元件的功能,并能發(fā)布多種格式的影片4。本次設(shè)計(jì)中的動(dòng)畫效果全部使用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)秀的圖片處

25、理能力也在截取動(dòng)畫素材方面有卓越表現(xiàn),是一款經(jīng)典的圖形處理輔助軟件。K-Lite Codec Pack 是一款多媒體解碼器軟件。支持網(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)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 62 制作的技術(shù)關(guān)鍵2.1技術(shù) 1 Director 軟件基礎(chǔ)應(yīng)用2.1.1舞臺(tái)(Stage)首先啟動(dòng) Director,新建一個(gè) Movie,選

26、擇 FileNewMovie 命令。建立的 Movie 的尺寸是默認(rèn)的大?。?20*240。Movie 的尺寸也就是舞臺(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è)置影片的大小,可以通過右方的下拉列表選擇由系統(tǒng)默認(rèn)的常用方案。在這里我們直接在寬和高兩欄中輸入希望的大小,800*600。在接下來的“Stage Location”一欄中,

27、可以設(shè)置最終打包后的舞臺(tái)在桌面播放時(shí)的位置,在后面的下拉列表中可以看到有居中、左上角和自定義三個(gè)選擇,考慮到最終用戶桌面的大小不一定一樣,在這里設(shè)置居中。在下面的“Stage Fill Color”是設(shè)置舞臺(tái)的顏色,通常情況下選擇白色或者黑色的情況比較多,這里我們保持它的默認(rèn)設(shè)置:白色。接下來是設(shè)置影片通道的數(shù)目,默認(rèn)的是 150 個(gè),在通常情況下足夠我們使用。在下面的擴(kuò)展面板中,一部分是設(shè)置影片的顏色模式:是 RGB 真彩色還是索引色,以及如何影射調(diào)色板。另一部分是影片內(nèi)容和作者的信息。如果不喜歡這種圖標(biāo)的方式,還可以單擊右上方的列表按鈕,讓這些信息采用列表的方式排列。如圖 2.1略(因本文

28、超過 26 兆,作為模板,部分圖只能略)圖 2.1 Movie 的屬性面板示意圖2.1.2演員表(Cast)無論什么樣的媒體素材,進(jìn)入到 Director 中,都被稱作演員。所以 Director 中演員的種類非常多,在每個(gè)演員的右下放,都有一個(gè)小標(biāo)記,標(biāo)明演員的種類。例如,位圖演員下面有個(gè)“畫筆”的標(biāo)識(shí),文本演員下有個(gè)“A”的標(biāo)識(shí)。這里我們常用的演員類型有:位圖演員;矢量圖演員;Shape 演員;腳本演員;Field 演員;文本演員;表示Flash 演員;表示 Behavior 演員;表示按鈕演員;表示聲音演員;QuickTime 電影演員;avi 演員;Loop 演員;轉(zhuǎn)場演員;Dir 影

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

30、或關(guān)閉分鏡表(Score):執(zhí)行菜單 Window/Toolbar 命令或單擊工具條上的按鈕。打開的分鏡表如圖 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ū)動(dòng),以方便手繪。打開 SAI,按上面所述

31、步驟新建文件,選擇鉛筆筆刷,顏色選擇深灰色,繪制線稿。如圖 2.5,2.6 和 2.7 所示:圖略 圖略圖 2.5 選擇鉛筆筆刷 圖 2.6 選擇顏色深灰色略圖 2.7 繪制線稿注意區(qū)分線稿與色彩圖層,鉛筆筆刷的顏色不透明,顏色如果上到線稿上,會(huì)掩蓋草圖輪廓,不便于著色和修改線稿。例圖 2.7,因此要特別注意分層繪畫。2.采用多圖層疊加的方式給線稿著色主要是用鉛筆筆刷一筆一筆著色,再使用水彩筆筆刷對(duì)細(xì)節(jié)進(jìn)行調(diào)和,依照輪廓和光線的走向給人物和背影分開圖層著色。著色過程如圖 2.8 至圖 2.10:圖略圖 2.8上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 8

32、給人物上完色之后,可以點(diǎn)擊圖層上的圖標(biāo),暫時(shí)隱藏人物的相關(guān)圖層,這樣更方便為背影著色。圖略圖 2.9上完背影顏色后,點(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)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 93 設(shè)計(jì)3.1總體設(shè)計(jì)本次課題的設(shè)計(jì)部分將分為五個(gè)部分來展開,在圍繞世博印象創(chuàng)意設(shè)計(jì)展示這一大主題的同時(shí),分別對(duì)世博攬勝、會(huì)徽之謎、東方之冠、精彩視頻以及海寶故事這

33、五個(gè)模塊進(jìn)行展示。3.1.1總體設(shè)計(jì)框架圖主菜單世博攬勝會(huì)徽之謎東方之冠精彩視頻海寶故事圖 3.1 課題總體框架圖3.1.2各模塊設(shè)計(jì)框架圖1世博攬勝:世博攬勝首頁園區(qū)交通圖園區(qū)餐飲圖節(jié)目單返回主菜單地鐵線路布局美食一條街太平洋廣場秀返回首頁返回首頁返回首頁圖 3.2 世博攬勝模塊框架圖上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 102.會(huì)徽之謎:會(huì)徽之謎首頁世博會(huì)徽創(chuàng)意理念會(huì)徽設(shè)計(jì)遇到的問題會(huì)徽設(shè)計(jì)過程最終設(shè)計(jì)成果志愿者之心志愿者掠影主線故事支線故事返回主菜單返回首頁圖 3.3 會(huì)徽之謎模塊框架圖3.東方之冠: 東方之冠首頁東方之冠,以水相連民間絕技,

34、三斬斧東方之冠,科技為先芙蓉帳暖,四月綻放中國館為什么那么紅返回首頁返回主菜單圖 3.4 東方之冠模塊框架圖4.精彩視頻:上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 11圖 3.5 精彩視頻播放列表5.海寶故事:海寶故事首頁返回主菜單海寶來了動(dòng)畫展示海寶漫畫故事屋返回首頁圖 3.6 海寶故事模塊框架圖3.1.3五大模塊的首頁設(shè)計(jì)在“世博攬勝模塊中為用戶展示的是 2010 年上海世博會(huì)園區(qū)位置、交通地圖、餐飲地圖和太平洋廣場歌舞表演。通過該模塊可以讓用戶從整體上了解世博會(huì)的概況,并欣賞特色歌舞。圖略圖 3.7 “世博攬勝”首頁“會(huì)徽之謎”講述了兩個(gè)關(guān)于會(huì)徽

35、的故事。主頁如圖 3.8圖 3.8 “會(huì)徽之謎”首頁“東方之冠”旨在達(dá)到“一張畫報(bào)映中國,半瓣荷上說世博”的效果。圖略圖 3.9 “東方之冠”首頁上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 12 “精彩視頻”主頁即播放界面,由用戶自己選擇要播放的視頻:圖略圖 3.10 “精彩視頻”首頁“海寶故事”童心無限:圖略圖 3.11 “海寶故事”首頁3.2詳細(xì)設(shè)計(jì)用 Director 集合所有素材本次設(shè)計(jì)的題目是世博印象創(chuàng)意設(shè)計(jì),在 Director 軟件的支持下,本課題將分成五個(gè)部分來介紹世博印象,它們分別是:“世博攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、

36、 “精彩視頻” 、 “海寶故事” 。在這五個(gè)部分中將各有側(cè)重的 2010 年上海世博會(huì)上作者的所見所聞所想進(jìn)行主題創(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)到本幀畫面,視覺上獲得停在第 5 幀的效果。略圖 3.13 主菜單第 5 幀腳本圖將主菜單.swf、map.

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

38、e 窗口調(diào)整這些圖的位置,然后對(duì)其點(diǎn)擊右鍵在 script 中編寫如下代碼(即腳本):on mouseEnter me上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 13 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).me

39、mber= member (園區(qū)button1) -鼠標(biāo)單擊時(shí)變?yōu)橛⑽膱D標(biāo)按鈕end這段代碼能夠?qū)崿F(xiàn)的效果是:當(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)浮移效果 圖 3.17 精彩視頻圖標(biāo)鼠標(biāo)浮移效果 圖 3.18 海寶故事圖標(biāo)鼠標(biāo)浮移效果4.為主菜單動(dòng)畫和 button 添加淡出效果在 Library 中選擇 animation 里的 fade in

40、out,拖放在精靈通道的各個(gè)精靈上,設(shè)置主菜單 2s 后淡出,而 button 們 2.5s 后淡出,制造有順序的淡出效果,增加視覺上的層次感。上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 143.2.2“世博攬勝”模塊詳細(xì)設(shè)計(jì)1.導(dǎo)入素材:導(dǎo)入園區(qū)地圖動(dòng)畫,交通圖,餐飲圖,節(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)整

41、演員在舞臺(tái)的位置。如圖:圖略圖 3.19 世博攬勝交通地圖設(shè)置主頁與支系鏈接:在交通圖 button,餐飲圖 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,顯示長度第 11 幀到第 13 幀,用于點(diǎn)擊返回?cái)垊偈醉摗?.2.3 “會(huì)徽之謎”模塊1. 導(dǎo)入素材:Ctrl+R 導(dǎo)入相關(guān)素材,包括四

42、張主要背景圖及文字圖片。分別為時(shí)間軸第 15 幀到第 19 幀添加腳本:go the frame,使其停留在本幀畫面。2設(shè)計(jì)布局:在第 15 幀精靈通道 1 放置精靈“沙灘”圖片,精靈通道 2 放置精靈“會(huì)徽之謎”大字標(biāo)題,Insert-Ctrol-Push Button 來制作一個(gè) Exit button,設(shè)置腳本為:go frame 1,用于返回主菜單。同樣增加 button“” ,用于鏈接到“會(huì)徽之謎”故事主線。具體演員表如下:略(因本文超過 26 兆,作為模板,部分圖只能略) 圖 3.20 會(huì)徽之謎素材與時(shí)間軸設(shè)計(jì)圖 3.21 “會(huì)徽之謎”模塊中的 button 跳轉(zhuǎn)設(shè)計(jì)3.2.4“東

43、方之冠”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材:按照上文操作導(dǎo)入相關(guān)素材,包括 058.jpg(主頁圖) ,以水相連.png,科技為先.上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 15png,提早綻放.png,三斬斧.png,這么紅.png,以及與 5 個(gè)小主題相對(duì)的 swf 動(dòng)畫文件,另外,還有一張只有右下角有朵水墨云的 400*300 的透明 PNG 圖片。如圖 3.22:略(因本文超過 26 兆,作為模板,部分圖只能略)圖 3.22 “東方之冠”演員表2設(shè)計(jì)布局:該模塊的目的是實(shí)現(xiàn)“一角畫報(bào)映中國,半瓣荷上說世博”的影畫效果。在本模塊首頁,當(dāng)用戶鼠標(biāo)浮移到報(bào)紙某一

44、主題內(nèi)容時(shí),畫面中央會(huì)動(dòng)態(tài)顯示該主題的詳細(xì)內(nèi)容。在技術(shù)上,當(dāng)鼠標(biāo)浮移到主題圖片區(qū)域內(nèi)時(shí),通過腳本調(diào)用舞臺(tái)上一張透明圖片置換成swf 動(dòng)畫來實(shí)現(xiàn)動(dòng)態(tài)影畫。從素材庫將 058.jpg 放在第 20 幀精靈通道 1,顯示第 20 幀到 25 幀,透明度設(shè)為 80%,墨水(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è)置為舞臺(tái)中央,用于顯示鼠標(biāo)觸發(fā)后的動(dòng)畫。Insert-Ctro

45、l-Push Button 來制作一個(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)添加腳本。下面以“東方之冠-以水相連”小主題腳本為例,說明動(dòng)畫的演示:on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(7).member= member (東方

46、之冠-以水相連 )-切換為深色字體按鈕 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 21上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 16end添加腳本后,點(diǎn)擊菜單欄上的按鍵測試運(yùn)行,運(yùn)行結(jié)果如圖 3.24:略圖 3.24 “

47、東方之冠,以水相連”主題展示“科技為先” , “提早綻放” , “三斬斧” , “中國館為什么這么紅”等其他 4 個(gè)小主題也應(yīng)用同樣的方式來設(shè)計(jì),在腳本上只有精靈的區(qū)別。設(shè)計(jì)最終結(jié)果如圖 3.25 至 3.28所示:略圖 3.25 “東方之冠,三斬斧”主題展示略圖 3.26 “東方之冠,科技為先”主題展示略圖 3.27 “東方之冠,提早綻放”主題展示略圖 3.28 “東方之冠,中國館為何這么紅”主題展示3.2.5“精彩視頻”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材:導(dǎo)入素材至演員表。本模塊素材包括:精彩視頻背景框.png,打碟動(dòng)畫.gif,Movieday.gif 等幾個(gè)裝飾動(dòng)畫,4 組 button 圖標(biāo)和

48、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)簽中填寫播放清單,格式如:跳房子篇世博宣傳片, 各民族迎世博, 城市標(biāo)徽篇, 城市報(bào)時(shí)篇, 城市漫游宣傳片, 城市暢想, 不出國門,看遍世界, 城市文明的盛會(huì), 海寶宣傳。略(因

49、本文超過 26 兆,作為模板,部分圖只能略)圖 3.31 列表屬性設(shè)置圖略圖 3.32 舞臺(tái)上的 List 菜單效果上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 173視頻控制按鈕說明:該模塊共設(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è)圖片一組,一共 8 個(gè) button 圖標(biāo)。設(shè)計(jì)時(shí)將第一狀態(tài)圖片放置在

50、舞臺(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)的動(dòng)畫素材,在時(shí)間軸的設(shè)置上要注意各個(gè)演員的出場順序,遵循先進(jìn)先出原則。依次替演員們編寫腳本如下:視頻播放菜單(selectedindex)的腳本:on mouseup me case sprite(6).selectedindex of

51、 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:sprite(5).member=member(城市漫游篇宣傳片)-切換 MV sprite(5).ink=0 5:sprite(5).memb

52、er=member(城市的暢想)-切換 MV sprite(5).ink=0 6:sprite(5).member=member(不出國門看遍世界)-切換 MV sprite(5).ink=0 7:sprite(5).member=member(城市文明的盛會(huì))-切換 MV上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 18 sprite(5).ink=0 8:sprite(5).member=member(海寶宣傳)-切換 MV sprite(5).ink=0 end case end“播放”按鈕第一狀態(tài)圖(ideoplay_button1)腳本:on m

53、ouseEnter 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)闇\色字體按鈕 member(海寶宣傳).loop = member(

54、videoloop_button1).hilite sound(5).queue(member(list) 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 cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(9).member= member (videopause_button1)

55、-切換為淺色字體按鈕endon mouseUp me sprite(9).member= member (videopause_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕 sprite(5).pause()end上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 19“循環(huán)”按鈕第一狀態(tài)圖(videoloop_button1)腳本:on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(10).member= member (videoloop_button2 ) -切換為深色字體按鈕endon mouseLeav

56、e 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 (videoclose_button2 ) -切換為深色字體

57、按鈕endon mouseLeave me 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 button 在頁面右下角,腳本為 go frame 1,用于點(diǎn)擊返回主菜單首頁。如圖 3.34:略圖 3.34 “精彩視頻”整體頁面設(shè)計(jì)3.2.6

58、“海寶故事”模塊詳細(xì)設(shè)計(jì)1導(dǎo)入素材:Ctrl+R 導(dǎo)入素材,包括海寶背景框.png,海寶來了.mv,海寶來了.mp3,海寶表情數(shù)款,海盜船.gif,人物角色圖.gif 等與模塊相關(guān)的素材。在第上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 2029,30,31,32,33,34,35 幀分別添加腳本:go the frame,保證這一模塊 7 幀每一幀都停留在本幀,由 button 來控制時(shí)間軸的跳轉(zhuǎn)。2模塊設(shè)計(jì)與布局:本模塊目標(biāo)在于展示世博吉祥物“海寶”的可愛魅力。我們借助熱播動(dòng)畫海寶來了和清新活潑的動(dòng)態(tài)圖集成來講述海寶的故事。在第 29 幀精靈通道依次插

59、入演員。為使海寶潛水的動(dòng)畫正好在背景框圖的氣泡中顯示,將潛水動(dòng)畫放在通道 1,背景疊放在動(dòng)畫之上,放在精靈通道 2,按這種原則,本模塊 score 圖如圖 3.35:略(因本文超過 26 兆,作為模板,部分圖只能略)圖 3.35 “海寶來了”模塊時(shí)間軸設(shè)計(jì)略圖 3.36 “海寶來了”首頁與故事頁面設(shè)計(jì)略圖 3.37 結(jié)束頁面設(shè)計(jì)3.3詳細(xì)設(shè)計(jì)案例多媒體素材的制作3.3.1案例 1:“接天蓮葉無窮碧,映日荷花別樣紅”影片制作1用 Photoshop 制作美術(shù)字體素材:打開 Photoshop CS3,新建文件,大小為 760*560 像素,背景為白色。鼠標(biāo)左鍵點(diǎn)擊工具欄中的文字工具,輸入“接天蓮

60、葉無窮碧, ”和“映日荷花別樣紅”并根據(jù)設(shè)計(jì)版面調(diào)整字體大小,效果如圖 3.38:圖 3.38 “接天蓮葉無窮碧,映日荷花別樣紅”字體設(shè)計(jì)接著,為字體添加修飾。打開一張“藍(lán)人魚”圖片素材,用魔棒工具摳出人魚圍繞的邊框;點(diǎn)擊菜單中的“編輯”“自由變換”來調(diào)整圖形大??;如圖 3.39: 圖略圖 3.39 “藍(lán)人魚”相框素材的修改處理選擇“圖像”“調(diào)整”“色彩平衡”來調(diào)整色彩偏向暖色,如圖 3.40:上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 21略(因本文超過 26 兆,作為模板,部分圖只能略)圖 3.40 色彩平衡的調(diào)整應(yīng)用到“接天蓮葉無窮碧,映日荷花別樣

61、紅”的“紅”字上去裝飾,再用“畫筆”工具點(diǎn)綴字體,繪制出荷葉荷花交相輝映的影子,最終效果如圖 3.41:圖 3.41 “接天蓮葉無窮碧,映日荷花別樣紅”美術(shù)字設(shè)計(jì)展示點(diǎn)擊“文件”“保存” ,格式為 PNG,作為“東方之冠,提早綻放”的字體素材。大段的“芙蓉帳暖,提早綻放”的新聞內(nèi)容也同樣可以用 PS 制作成 PNG 格式的圖片素材,只是文字方向上要選擇“直排文字工具” 。如圖 3.42:略圖 3.42 新聞內(nèi)容圖片素材展示2制作“提早綻放”的 flash 動(dòng)畫:打開 Flash MX,選擇“文件”“新建”“flash 文檔” ,大小設(shè)置為 760*580,背景顏色參考宣紙的顏色,選擇淡黃。如圖

62、 3.43:略(因本文超過 26 兆,作為模板,部分圖只能略)圖 3.43 文檔屬性面板選擇“文件”“導(dǎo)入”“導(dǎo)入到庫”導(dǎo)入荷花圖片,字體素材以及國畫動(dòng)畫。點(diǎn)擊圖層欄下的新建圖層按鈕新建圖層,命名為“碧荷” ;從庫中將碧荷圖片放在第 1 幀;在時(shí)間軸第 10 幀和 20 幀插入關(guān)鍵幀,添加補(bǔ)間,并修改第 1 幀和第 20 幀時(shí), “碧荷”圖片 Alpha 屬性數(shù)值為 0%,創(chuàng)造淡入淡出效果。如圖 3.44:圖 3.44 修改 Alpha 屬性數(shù)值,制作淡入淡出效果上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 22新建圖層 2:“碧荷 2” ,用于在第 10

63、 幀淡入,到第 40 幀淡出,正好在第一幅荷花淡出的時(shí)候淡入到畫面。如圖 3.45:圖略圖 3.45 荷花交替出現(xiàn)根據(jù)這一原理,新建 3 個(gè)圖層,用同樣的方式控制三幅趣味動(dòng)畫“水墨熊貓” , “蟬”, “蜻蜓與荷”的淡入淡出。如圖 3.46:略圖 3.46 添加 gif 動(dòng)畫依次進(jìn)入,點(diǎn)綴畫面新建圖層“全景荷” , “中國館荷” ,圖層 8 和 9 作為文字顯現(xiàn)圖層。設(shè)置第 40 幀淡出一幅全景圖水墨紅色荷花,第 50 幀淡出;同時(shí),在第 35 幀開始淡出中國館荷花圖,第 45 幀透明度達(dá)到 100%,第 50 幀時(shí)透明度為 38%,制作荷花綻放在中國館的影畫效果。圖層 8 設(shè)置 37 幀新聞

64、內(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í)英文菜單變成中文菜單的效果不成功;3.4.2問題 2:主菜單“Vid” (精彩視頻)button 寫的腳本 go frame 26 命令不能成功執(zhí)行;3.4.3問題 3:“世博攬勝”模塊內(nèi)的地圖不完整,缺少交通圖和餐飲圖

65、;上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 233.4.4問題 4:“精彩視頻”模塊內(nèi)的視頻播放菜單不能執(zhí)行播放視頻的命令, “LOOP” (循環(huán))按鈕功能不能執(zhí)行。以上問題現(xiàn)在都已經(jīng)解決。3.5使用說明3.5.1“世博攬勝”模塊使用說明3.5.2 “會(huì)徽之謎”模塊使用說明3.5.3 “東方之冠”模塊使用說明3.5.4 “精彩視頻”模塊使用說明3.5.5 “海寶故事”模塊使用說明限于篇幅,略。上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 244 結(jié)論4.1完成情況確定畢業(yè)實(shí)訓(xùn)課題之后,我計(jì)劃將世博印象創(chuàng)意設(shè)計(jì)分成幾

66、個(gè)部分來制作,分別介紹上海世博會(huì)的地理概況、會(huì)徽設(shè)計(jì)創(chuàng)意、中國館風(fēng)采、官方宣傳視頻以及吉祥物的故事。經(jīng)過創(chuàng)意和設(shè)計(jì),最終形成了“世博攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視頻”和“海寶故事”這五個(gè)模塊,在這五個(gè)模塊中將各有側(cè)重的來圍繞上海世博會(huì)這一課題來進(jìn)行創(chuàng)意展示。在本設(shè)計(jì)的制作過程,我也多次查閱 2010 年上海世博會(huì)的相關(guān)書籍和影片,并且將自己的作品階段性的交給導(dǎo)師審閱,聽取導(dǎo)師和同學(xué)的意見,并及時(shí)地做出修改?,F(xiàn)在,本課題的五個(gè)模塊已經(jīng)全部完成了制作,在整個(gè)課題的設(shè)計(jì)中融合了上海世博會(huì)官方的素材,同時(shí)結(jié)合了自己的設(shè)計(jì)和創(chuàng)作,制作出一個(gè)生動(dòng)具體、具有交互功能的作品,具有一定的觀賞價(jià)值。序號(hào)起止日期任務(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)的匱乏,我對(duì)世博會(huì)的調(diào)查和實(shí)踐應(yīng)該說還不全面,世博會(huì)

展開閱讀全文
溫馨提示:
1: 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2: 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3.本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

相關(guān)資源

更多
正為您匹配相似的精品文檔
關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng),我們立即給予刪除!