《畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)》由會(huì)員分享，可在線閱讀，更多相關(guān)《畢業(yè)實(shí)訓(xùn)論文上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn)（33頁(yè)珍藏版）》請(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 目錄 目錄 .ii 1 緒論 .1 1.1 問(wèn)題的提出 .1 1.2 課題研究意義 .1 1.3 課題調(diào)研 .3 1.4 總體介紹 .4 1.5 工具選擇 .4 2 制作的技術(shù)關(guān)鍵 .6 2.1 技術(shù) 1 DIRECTOR 軟件基礎(chǔ)應(yīng)用 .6 2.1.1 舞臺(tái)（Stage） .6 2.1.2 演員表（Cast） .6 2.1.3 分鏡表（Score） .7 2.2 技術(shù) 2 EASY P

2、AINT TOOL SAI 的繪圖技巧 .7 2.2.1 SAI 的工作界面 .7 2.2.2 用 SAI 繪制多層彩圖 .7 3 設(shè)計(jì) .10 3.1 總體設(shè)計(jì) .10 3.1.1 總體設(shè)計(jì)框架圖 .10 3.1.2 各模塊設(shè)計(jì)框架圖 .10 3.1.3 五大模塊的首頁(yè)設(shè)計(jì) .12 3.2 詳細(xì)設(shè)計(jì) 用 DIRECTOR 集合所有素材 .14 3.2.1 主菜單界面詳細(xì)設(shè)計(jì) .14 3.2.2 “世博攬勝”模塊詳細(xì)設(shè)計(jì) .16 3.2.3 “會(huì)徽之謎”模塊 .16 3.2.4 “東方之冠”模塊詳細(xì)設(shè)計(jì) .17 3.2.5 “精彩視頻”模塊詳細(xì)設(shè)計(jì) .21 3.2.6 “海寶故事”模塊詳細(xì)設(shè)計(jì)

3、 .25 3.3 詳細(xì)設(shè)計(jì)案例 多媒體素材的制作 .26 3.3.1 案例 1：“接天蓮葉無(wú)窮碧，映日荷花別樣紅”影片制作 .26 3.4 設(shè)計(jì)中遇到的問(wèn)題 .30 3.4.1 問(wèn)題 1： .30 3.4.2 問(wèn)題 2： .30 3.4.3 問(wèn)題 3： .30 3.4.4 問(wèn)題 4： .30 3.5 使用說(shuō)明 .31 3.5.1 “世博攬勝” 模塊使用說(shuō)明 .31 3.5.2 “會(huì)徽之謎”模塊使用說(shuō)明 .31 iii 3.5.3 “東方之冠”模塊使用說(shuō)明 .31 3.5.4 “精彩視頻”模塊使用說(shuō)明 .31 3.5.5 “海寶故事”模塊使用說(shuō)明 .31 4 結(jié)論 .32 4.1 完成情況 .3

4、2 4.2 更進(jìn)一步的學(xué)習(xí) .32 4.3 心得體會(huì) .33 致謝 .35 參考文獻(xiàn) .36 iv 摘要 中國(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è)里程碑，上海作為以城市為主題的 2010 年 世界博覽會(huì)的舉辦城市，有著特殊的意義。上海在籌備世博

5、會(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)鍵詞： 夢(mèng)幻揮之不去；盛況歷歷在目；創(chuàng)意設(shè)計(jì)；會(huì)展經(jīng)濟(jì)；文化產(chǎn)業(yè)。 v Abstract Chinas 2010 Shanghai world EXPO (EXPO 2010), is the 41st session of the worl

6、d exposition.It held in Shanghai, China ,between 1 May and October 31 ,2010. This is the first world expo held in China. 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

7、history. The expo will be a milestone in the development of Shanghai, as a city for 2010 world expo, the host city get a special 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 develop

8、ment of rich, perfect residential areas and the model, promoted urbanization process in China. The “Comic Expo2010” will use 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

9、 of Expo inShanghai to the audience. Keywords: Dream always round me; Significant front eyes one by one;Creative design; Exhibition economy ; Culture product. 1 緒論 在了解了本次設(shè)計(jì)的背景及意義之后，我們將進(jìn)入到課題的正式設(shè)計(jì)制作之中，首 先我們將會(huì)對(duì)本課題問(wèn)題的提出，本課題的意義以及使用到的相關(guān)工具等方面的內(nèi)容進(jìn) 行研究。 1.1 問(wèn)題的提出 現(xiàn)在是一個(gè)開拓的多媒體作品得到充分運(yùn)用的時(shí)代。多媒體元素充滿了城市的各個(gè) 角落：網(wǎng)頁(yè)中的廣

10、告，視頻教學(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 課題研究意義 通過(guò)對(duì)這個(gè)課題的設(shè)計(jì)與開發(fā)，可以了解并熟悉我眼中 2010 年上海世博會(huì)的精彩 內(nèi)容。 作為與奧運(yùn)會(huì)、世界杯比肩的世界三大盛會(huì)之一，世博會(huì)是對(duì)一個(gè)國(guó)家、一個(gè)城市 所取得的社會(huì)、經(jīng)濟(jì)、文化、科技等領(lǐng)域的最高成果的展示。 “一切始于世博 1” 這句廣為傳誦的名言，道出了一個(gè)多世紀(jì)以來(lái)世博會(huì)對(duì)創(chuàng)新的不懈追求。世 界 展 覽 會(huì) 的 會(huì)

11、 場(chǎng) 不 單 是 展 示 技 術(shù) 和 商 品 ， 而 且 伴 以 異 彩 紛 呈 的 表 演 ， 富 有 魅 力 的 壯 觀 景 色 ， 設(shè) 置 成 日 常 生 活 中 無(wú) 法 體 驗(yàn) 的 、 充 滿 節(jié) 日 氣 氛 的 空 間 ， 成 為 一 般 市 民 娛 樂(lè) 和 消 費(fèi) 的 理 想 場(chǎng) 所 。 首 先 ， 本 文 將 介 紹 中 國(guó) 與 世 博 會(huì) 歷 史 （ 1851-1940） 。 中 國(guó) 第 一 個(gè) 看 到 “炫 奇 會(huì) ”（ 世 博 會(huì) ） 的 是 清 末 著 名 文 人 王 韜 。 1851年 的 英 國(guó) 倫 敦 首 屆 博 覽 會(huì) ， 中 國(guó) 商 人 和 一 些 在 中 國(guó)

12、經(jīng) 商 的 外 商 ， 將 絲 綢 、 茶 葉 、 中 藥 等 中 國(guó) 傳 統(tǒng) 商 品 拿 去 參 展 并 獲 得 多 項(xiàng) 獎(jiǎng) 項(xiàng) 。 1873年 的 維 也 納 博 覽 會(huì) 是 中 國(guó) 第 一 次 參 加 的 世 博 會(huì) 。 當(dāng) 時(shí) 任 清 政 府 海 關(guān) 總 稅 務(wù) 司 的 英 國(guó) 人 赫 德 曾 派 了 名 叫 包 臘 的 英 國(guó) 人 代 表 中 國(guó) 參 會(huì) 。 1876年 ， 中 國(guó) 海 關(guān) 代 表 李 圭 參 加 了 美 國(guó) 費(fèi) 城 世 博 會(huì) ， 寫 下 了 環(huán) 游 地 球 新 錄 一 書 。 此 舉 也 被 稱 為 是 中 國(guó) 參 加 世 博 會(huì) 之 始 。 在 這 次 博 覽

13、會(huì) 上 ， 中 國(guó) 展 館 占 地 僅 “八 千 正 方 尺 ”， 精 心 的 布 置 ， 以 濃 郁 的 中 華 民 族 特 色 吸 引 了 參 觀 者 。 一 座 木 質(zhì) 大 牌 樓 向 北 而 建 ， 上 書 “大 清 國(guó) ”三 個(gè) 字 ， 對(duì) 聯(lián) 一 副 ， 曰 “集 十 八 省 之 大 觀 ， 天 工 可 奪 ； 慶 一 百 年 盛 會(huì) ， 友 誼 斯 頓 ”， 橫 批 為 “物 華 天 寶 ”。 中 國(guó) 參 展 的 商 品 共 計(jì) 有 720箱 ， 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 2 6801種 ， 價(jià) 值 約 白 銀 20萬(wàn)

14、兩 。 中 國(guó) 的 絲 、 菜 、 瓷 器 、 綢 貨 、 雕 花 器 、 景 泰 藍(lán) 等 在 各 國(guó) 展 品 中 被 推 為 第 一 。 1904年 美 國(guó) 圣 路 易 斯 世 博 會(huì) 是 中 國(guó) 首 次 以 官 方 形 式 率 領(lǐng) 商 人 正 式 參 加 的 世 博 會(huì) 。 當(dāng) 時(shí) 清 政 府 相 當(dāng) 重 視 參 展 ， 花 巨 資 修 建 了 具 有 濃 郁 民 族 風(fēng) 格 的 中 國(guó) 村 和 中 國(guó) 展 館 ， 并 派 出 了 溥 倫 和 黃 開 甲 分 任 正 副 團(tuán) 長(zhǎng) 的 政 府 正 式 代 表 團(tuán) 出 席 開 幕 典 禮 。 1915年 巴 拿 馬 太 平 洋 世 界 博 覽

15、會(huì) 在 美 國(guó) 舊 金 山 舉 行 。 當(dāng) 時(shí) 的 中 華 民 國(guó) 政 府 建 造 的 中 華 政 府 館 集 中 了 許 多 中 式 建 筑 結(jié) 構(gòu) ， 較 突 出 地 反 映 了 中 國(guó) 傳 統(tǒng) 政 治 型 建 筑 的 特 色 ， 在 巴 拿 馬 世 博 會(huì) 各 場(chǎng) 館 中 有 一 定 的 典 型 性 和 觀 賞 性 。 1926年 費(fèi) 城 世 博 會(huì) 上 ， 中 國(guó) 以 生 絲 、 茶 葉 、 江 浙 綢 緞 、 江 西 瓷 器 、 福 建 漆 器 、 手 工 刺 繡 及 翡 翠 等 展 品 為 主 ， 具 有 中 華 民 族 特 色 。 1 通 過(guò) 了 解 中 國(guó) 參 展 世 博 會(huì)

16、的 歷 史 ， 我 們 可 以 看 到 中 華 民 族 的 歷 史 步 伐 ， 領(lǐng) 略 到 中 華 文 明 在 國(guó) 際 舞 臺(tái) 上 的 鮮 明 個(gè) 性 。 現(xiàn) 代 新 中 國(guó) 與 世 博 會(huì) 的 交 往 是 不 斷 向 前 推 進(jìn) 的 。 從 1982年 至 2008年 ， 中 國(guó) 參 加 了 13次 綜 合 類 和 專 業(yè) 類 世 界 博 覽 會(huì) 。 2010年上海世界博覽會(huì)（Expo 2010） ，是第41屆 世界博覽會(huì)。于2010年5月1日至10月31日期間，在中國(guó)上海市舉行。此次世博會(huì)也是由 中國(guó)舉辦的首屆世界博覽會(huì)。上海世博會(huì)以“城市，讓生活更美好” （Better City, Be

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

18、愿者“小白菜” ；歐洲廣場(chǎng)、太平洋廣場(chǎng)、美洲廣 場(chǎng)、非洲廣場(chǎng)和志愿者廣場(chǎng)等幾大廣場(chǎng)的國(guó)際國(guó)內(nèi)輪回駐場(chǎng)文藝演出以及歡樂(lè)盛裝大巡 游，船鸼碼頭童趣盎然熱鬧非凡的劇場(chǎng)，親水平臺(tái)音樂(lè)噴泉每夜綻放織就絢麗舞曲，這 些都讓中外游客流連忘返，印象深刻。上海世博會(huì)上有近 400 個(gè)展項(xiàng)，還有對(duì)主題有所 呈現(xiàn)的各種景觀，各類論壇和兩萬(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ì)成

19、 為 2010 年的年度關(guān)鍵詞。 現(xiàn)在，上海2010年世博會(huì)已經(jīng)圓滿閉幕，對(duì)世博的回憶和討論卻經(jīng)久不息。人民日 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 3 報(bào)報(bào)道：“一屆成功、精彩、難忘的世博會(huì)即將載入史冊(cè)” ，中國(guó)青年報(bào)“經(jīng)過(guò)世博洗 禮的一代被稱為世博一代 ”，經(jīng)濟(jì)日?qǐng)?bào)：“書寫人類文明交流互鑒新篇章” ，東方早 報(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ì)后，上 海

20、應(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)開放時(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)作空間，另 一方面，它又

21、意味著學(xué)生必須推陳出新，以自己特有的方式組織已有的多媒體素材進(jìn)行 再創(chuàng)作?？v觀整個(gè)多媒體創(chuàng)作市場(chǎng)，高速發(fā)展的信息網(wǎng)絡(luò)為學(xué)生們提供了大量免費(fèi)可共 享的多媒體資源。如何結(jié)合自己的專業(yè)知識(shí)與技能來(lái)運(yùn)用這些資源為畢業(yè)實(shí)訓(xùn)服務(wù)，向 用戶傳遞個(gè)性世博印象，是一個(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)了名

22、。經(jīng)過(guò)一系列篩選 和測(cè)試，最終于 2009 年末確定成為園區(qū)志愿者候選人。 2010 年 3 月，作為候選人正式開始參加培訓(xùn)。世博理論知識(shí)、基礎(chǔ)救護(hù)知識(shí)、世博 信息平臺(tái)操作等等理論和實(shí)驗(yàn)訓(xùn)練結(jié)束后，2010 年 4 月 29 日，我們參加了世博會(huì)開幕 式演練，第一次進(jìn)入世博園區(qū)進(jìn)行實(shí)踐觀摩。接著是 2 個(gè)月的信息理論等測(cè)試，直到 2010 年 7 月 12 日，我們進(jìn)入園區(qū)成為世博園 B 片區(qū)太平洋聯(lián)合館南側(cè)遮陽(yáng)傘前崗上志 愿者，主要工作為非活動(dòng)期間問(wèn)詢。就這樣，我開始真正的世博之旅。 一年多的新聞跟蹤調(diào)研及兩周實(shí)地考察體驗(yàn)“小白菜”生活，我們看到了許多從未 了解過(guò)的美麗世博園，接觸了許多優(yōu)秀

23、的志愿工作者，從而對(duì)上海世博會(huì)有了更加深刻 的體會(huì)。尤其是太平洋區(qū)域聯(lián)合館多元化文明，其繽紛的歷史色彩，熱情的人文交流， 都令人目不暇接，眼花繚亂。因此，本次畢業(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)過(guò)對(duì)世博官方資料以及個(gè)人影集資料的總結(jié)分析，我們確定了制作世博攬勝、會(huì) 徽之謎、東方之冠、精彩視頻和海寶故事五大主要模塊，然后在此基礎(chǔ)之上對(duì)各模塊內(nèi) 容進(jìn)行詳細(xì)創(chuàng)意設(shè)計(jì)，以求給用戶最佳的世博印象。 1.4 總體介紹 在本設(shè)計(jì)中

24、將針對(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án)演示。主菜單 上將顯示 5 個(gè)按鈕分別指引用戶前往“園區(qū)攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩視 頻”和“海寶故事”主題模塊。 其中， “世博攬勝M(fèi)ap”展示 2010 年上海世博會(huì)地理概況，包括園區(qū)交通地圖， 餐飲地圖和節(jié)目單圖。特色項(xiàng)目是太平洋舞臺(tái)歌舞實(shí)況紀(jì)錄。 “會(huì)徽之謎Emb”模塊主線是以憶海拾貝的敘述方式，演繹世博會(huì)徽的形成過(guò) 程，帶領(lǐng)用戶走近會(huì)徽

25、，體驗(yàn)會(huì)徽?qǐng)D形美感與城市生活主題的融合過(guò)程。除主線之外， 支線故事是志愿者標(biāo)志的設(shè)計(jì)及“小白菜”之旅的照片展示，讓用戶在各種徽章中感受 世博的人文氣息和青春活力。 “東方之冠China”模塊是一個(gè)以中國(guó)國(guó)家館為主題的模塊。本模塊意在以 “畫中乾坤”的方式展示東方之冠的故事。 “精彩視頻Vid”用藍(lán)調(diào)風(fēng)格影院的方式讓用戶欣賞世博會(huì)的精彩官方宣傳片。 播放列表上所有影片來(lái)源于上海世博會(huì)園區(qū)志愿者讀本 ，集合了從申博到世博會(huì)成 功舉辦的一系列宣傳視頻，帶給用戶快捷方便的視聽感受。 “海寶故事Luck”模塊是一個(gè)充滿童趣色彩的模塊。模塊第一個(gè)界面是結(jié)合數(shù) 位板繪成的仿兒童畫風(fēng)格色彩斑瀾的四海之寶，演示

26、海寶來(lái)了主題曲；第二個(gè)界面 繪成了生動(dòng)有趣的林中“HaiBai Story海寶故事屋” ，集成漫畫圖冊(cè)，并讓用戶在漫 畫中與海寶親密接觸。 本設(shè)計(jì)特色之外在于在模塊中各處適得其所地插入了學(xué)生用 Easy Paint 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)

27、用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 5 Director MX2004 是一款多媒體主流集成工具。本設(shè)計(jì)主要是用 Director 展示，在 模塊設(shè)計(jì)、影音圖片格式支持和動(dòng)畫交互方面都優(yōu)于同類型軟件。該軟件結(jié)合了多種軟 件的特點(diǎn)，在使用上類似于 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ǎn)，筆

28、刷多樣的繪圖軟件。結(jié)合數(shù)位板可以繪制 多圖層多種風(fēng)格的彩圖和漫畫。這是本設(shè)計(jì)中所有手繪圖的支持軟件。 Photoshop CS3 即大眾熟知的 PS5。PS 在本設(shè)計(jì)中最主要的功能在于制作各種應(yīng) 用于 Flash 的字體。同時(shí)，該軟件優(yōu)秀的圖片處理能力也在截取動(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ī))兼容 Wind

29、ows XP/2000（機(jī)房） 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 6 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)的大小：320*240。Movie 的尺寸也就是舞臺(tái)的有效尺寸，在通常情況下， 我們需要按照自己的情況設(shè)置舞臺(tái)的大小和其他的一些屬性。設(shè)置的方法是，激活舞臺(tái) 窗口，此時(shí)現(xiàn)在在屬性面板中的就是舞臺(tái)的各種屬性，可以很方便地在其中進(jìn)行設(shè)置3。 在屬性面板的 M

30、ovie 選項(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è)選擇，考慮到 最終用戶桌面的大小不一定一樣，在這里設(shè)置居中。在下面的“Stage Fill Color”是設(shè) 置舞臺(tái)的顏色，通常情況下選擇白色或者黑色的情況比較多，這里我們保持它的默認(rèn)設(shè) 置：白色。接下來(lái)是設(shè)置影

31、片通道的數(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ú)論什么樣的媒體素材，進(jìn)入到 Director 中，都被稱作演員。所以 Director 中演員 的種類非常多，在每個(gè)演員的右下放，都有一個(gè)小標(biāo)記，標(biāo)明演員的種類。例如，位圖 演

32、員下面有個(gè)“畫筆”的標(biāo)識(shí)，文本演員下有個(gè)“A ”的標(biāo)識(shí)。這里我們常用的演員類 型有：位圖演員；矢量圖演員；Shape 演員；腳本演員；Field 演員；文本演員；表示 Flash 演員；表示 Behavior 演員；表示按鈕演員；表示聲音演員；QuickTime 電影演員； avi 演員；Loop 演員；轉(zhuǎn)場(chǎng)演員； Dir 影片演員3。 Director 可以在一個(gè)電影中支持多達(dá) 3,2000 個(gè)演員的使用。如此龐大的演員陣容都 可以有序地組織在一個(gè)或多個(gè)演員表（Cast）中。 打開或關(guān)閉演員庫(kù)（Cast）：執(zhí)行菜單 Window/Toolbar 命令或單擊工具條上的 上海世博園區(qū)多媒體景觀制

33、作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 7 按鈕。打開的演員庫(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)思巧妙。 打開或關(guān)閉分鏡表（Score）：執(zhí)行菜單 Window/Toolbar 命令或單擊工具條上的 按鈕。打開的分鏡表如圖 2.3 所示。 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 2.3 分鏡表 2.2 技術(shù) 2 Easy Paint To

34、ol SAI 的繪圖技巧 2.2.1 SAI 的工作界面 SAI 的界面類似于 Photoshop 和 Painter，支持多種筆刷，具有多圖層功能，可以由 用戶自己選擇顏色和筆刷作畫。點(diǎn)擊文件新建文件確定，進(jìn)入繪圖。如圖 2.4 略 圖 2.4 SAI 的工作界面 2.2.2 用 SAI 繪制多層彩圖 1繪制線稿 連接數(shù)位板，安裝光盤中的驅(qū)動(dòng)，以方便手繪。打開 SAI，按上面所述步驟新建文 件，選擇鉛筆筆刷，顏色選擇深灰色，繪制線稿。如圖 2.5，2.6 和 2.7 所示： 圖略 圖略 圖 2.5 選擇鉛筆筆刷 圖 2.6 選擇顏色深灰色 略 圖 2.7 繪制線稿 注意區(qū)分線稿與色彩圖層，鉛

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

36、圖 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)論文 張三 9 3 設(shè)計(jì) 3.1 總體設(shè)計(jì) 本次課題的設(shè)計(jì)部分將分為五個(gè)部分來(lái)展開，在圍繞世博印象創(chuàng)意設(shè)計(jì)展示這一大 主題的同時(shí)，分別對(duì)世博攬勝、會(huì)徽之謎、東方之冠、精彩視頻以及海寶故事這五個(gè)模 塊進(jìn)行展示。 3.1.1 總體設(shè)計(jì)框架圖 主菜單 世 博 攬 勝 會(huì) 徽 之 謎 東 方 之 冠 精 彩 視 頻 海 寶 故 事 圖 3.1

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

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

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

40、攬勝” 、 “會(huì)徽之謎” 、 “東方之冠” 、 “精彩 視頻” 、 “海寶故事” 。在這五個(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)到本幀畫 面，視覺(jué)上獲得停在第 5 幀的

41、效果。 略 圖 3.13 主菜單第 5 幀腳本圖 將主菜單.swf、map.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”， “精彩 butto

42、n1”， “海寶 button1”分別插入到精靈通道 2，3，4，5，6。在 stage 窗口調(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)按鈕 end on mouseLeave me cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(2).member= member (園

43、區(qū)button1) -切換為英文圖標(biāo)按鈕 end on mouseUp me sprite(2).member= 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.

44、為主菜單動(dòng)畫和 button 添加淡出效果 在 Library 中選擇 animation 里的 fade in out，拖放在精靈通道的各個(gè)精靈上，設(shè)置 主菜單 2s 后淡出，而 button 們 2.5s 后淡出，制造有順序的淡出效果，增加視覺(jué)上的層 次感。 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 14 3.2.2 “世博攬勝”模塊詳細(xì)設(shè)計(jì) 1.導(dǎo)入素材： 導(dǎo)入園區(qū)地圖動(dòng)畫，交通圖，餐飲圖，節(jié)目單圖，八大菜系圖和 Tikivilige 表演視 頻等素材。在時(shí)間軸第 10，11，12，13 和 14 幀分別插入腳本 go the frame，使它

45、們各 自保留在當(dāng)前畫面。 2.設(shè)計(jì)支系模塊格局 在第 10 幀插入園區(qū)地圖.swf，3 個(gè) button 圖標(biāo)，長(zhǎng)度均設(shè)置為 1 幀，調(diào)整演員在舞 臺(tái)的位置。如圖： 圖略 圖 3.19 世博攬勝交通地圖 設(shè)置主頁(yè)與支系鏈接：在交通圖 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 fra

46、me 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，使其停留在本幀畫面。 2設(shè)計(jì)布局： 在第 15 幀精靈通道 1 放置精靈“沙灘”圖片，精靈通道 2 放置精靈“會(huì)徽之謎” 大字標(biāo)題，Insert-Ctrol-Push Button 來(lái)制作一個(gè) Exit button，設(shè)置腳本為：go frame 1，用 于返回主菜單。同樣增加 button“”，用于鏈接到“會(huì)徽之謎”故事主線。具體演員 表如

47、下： 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.20 會(huì)徽之謎素材與時(shí)間軸設(shè)計(jì) 圖 3.21 “會(huì)徽之謎”模塊中的 button 跳轉(zhuǎn)設(shè)計(jì) 3.2.4 “東方之冠”模塊詳細(xì)設(shè)計(jì) 1導(dǎo)入素材： 按照上文操作導(dǎo)入相關(guān)素材，包括 058.jpg（主頁(yè)圖） ，以水相連.png，科技為先. 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 15 png，提早綻放.png，三斬斧.png，這么紅.png，以及與 5 個(gè)小主題相對(duì)的 swf 動(dòng)畫文件， 另外，還有一張只有右下角有朵水墨云的 400*300 的透明 PNG 圖片。如圖 3.22： 略（因本

48、文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.22 “東方之冠”演員表 2設(shè)計(jì)布局： 該模塊的目的是實(shí)現(xiàn)“一角畫報(bào)映中國(guó)，半瓣荷上說(shuō)世博”的影畫效果。在本模塊 首頁(yè)，當(dāng)用戶鼠標(biāo)浮移到報(bào)紙某一主題內(nèi)容時(shí)，畫面中央會(huì)動(dòng)態(tài)顯示該主題的詳細(xì)內(nèi)容。 在技術(shù)上，當(dāng)鼠標(biāo)浮移到主題圖片區(qū)域內(nèi)時(shí)，通過(guò)腳本調(diào)用舞臺(tái)上一張透明圖片置換成 swf 動(dòng)畫來(lái)實(shí)現(xiàn)動(dòng)態(tài)影畫。 從素材庫(kù)將 058.jpg 放在第 20 幀精靈通道 1，顯示第 20 幀到 25 幀，透明度設(shè)為 80%， 墨水（ink）屬性設(shè)置為 copy。再分別在通道 2，3，4，5，6 插入一個(gè)報(bào)紙主題 PNG 圖 片，在 stage 窗口中調(diào)整其位置

49、。使圖片和底圖內(nèi)容位置完全相符。這樣可以使報(bào)紙底 圖與主題觸發(fā)圖標(biāo)看起來(lái)像一個(gè)整體，實(shí)現(xiàn)小主題的“隱形” 。在通道 7 插入水墨云.png 圖片，設(shè)置為舞臺(tái)中央，用于顯示鼠標(biāo)觸發(fā)后的動(dòng)畫。Insert-Ctrol-Push Button 來(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ì)好后，分別為畫報(bào)中的五

50、個(gè)小主題圖標(biāo)添加腳本。下面以“東方之冠-以 水相連”小主題腳本為例，說(shuō)明動(dòng)畫的演示： on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(7).member= member (東方之冠- 以水相連 )-切換為深色字體按鈕 end on mouseLeave me cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(1).member= member (058 ) -切換為淺色字體按鈕 sprite(6).member= member (以水相連 ) sprite(7).member= member (東方布景底色圖 )-置換成透明圖

51、片 end on mouseUp me go frame 21 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 16 end 添加腳本后，點(diǎn)擊菜單欄上的 按鍵測(cè)試運(yùn)行，運(yùn)行結(jié)果如圖 3.24： 略 圖 3.24 “東方之冠，以水相連”主題展示 “科技為先” ， “提早綻放” ， “三斬斧” ， “中國(guó)館為什么這么紅”等其他 4 個(gè)小主題 也應(yīng)用同樣的方式來(lái)設(shè)計(jì)，在腳本上只有精靈的區(qū)別。設(shè)計(jì)最終結(jié)果如圖 3.25 至 3.28 所示： 略 圖 3.25 “東方之冠，三斬斧”主題展示 略 圖 3.26 “東方之冠，科技為先”主題展示 略 圖 3.27 “東方之

52、冠，提早綻放”主題展示 略 圖 3.28 “東方之冠，中國(guó)館為何這么紅”主題展示 3.2.5 “精彩視頻”模塊詳細(xì)設(shè)計(jì) 1導(dǎo)入素材： 導(dǎo)入素材至演員表。本模塊素材包括：精彩視頻背景框.png，打碟動(dòng)畫. gif，Movieday.gif 等幾個(gè)裝飾動(dòng)畫， 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 c

53、omponent 工具欄 然后鼠標(biāo)左鍵點(diǎn)擊 list 工具，在 Stage 中拖出矩形列表。并在右邊屬性欄的 labels 標(biāo)簽中填寫播放清單，格式如： 跳房子篇世博宣傳片, 各民族迎世博, 城市標(biāo) 徽篇, 城市報(bào)時(shí)篇, 城市漫游宣傳片, 城市暢想 , 不出國(guó)門，看遍世界, 城市文明 的盛會(huì), 海寶宣傳 。 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.31 列表屬性設(shè)置 圖略 圖 3.32 舞臺(tái)上的 List 菜單效果 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 17 3視頻控制按鈕說(shuō)明： 該模塊共設(shè)置“播放” ， “暫?！?， “循環(huán)

54、” ， “關(guān)閉”4 個(gè)按鈕。功能分別是：?jiǎn)螕?“播放”鍵播放視頻；單擊“暫?！辨I暫停視頻播放；單擊“循環(huán)”鍵回復(fù)到影片開頭， 單擊“關(guān)閉”鍵關(guān)閉當(dāng)前播放中的視頻。 在視覺(jué)上，要實(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)圖片放置 在舞臺(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)組

55、圖 4設(shè)計(jì)頁(yè)面布局并為演員們添加腳本： 整個(gè)頁(yè)面設(shè)計(jì)布局力求簡(jiǎn)潔現(xiàn)代感，使用 SAI 繪制的暗色光影背景圖和相應(yīng)的動(dòng)畫 素材，在時(shí)間軸的設(shè)置上要注意各個(gè)演員的出場(chǎng)順序，遵循先進(jìn)先出原則。依次替演員 們編寫腳本如下： 視頻播放菜單（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:sp

56、rite(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).member=member(城市的暢想)-切換 MV sprite(5).ink=0 6:sprite(5).member=member(不出國(guó)門看遍世界)-切換 MV sprite(5).ink=0 7:sprite(5).member=memb

57、er(城市文明的盛會(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 mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(8).member= member (videoplay_button2 ) -切換為深色字體按鈕 end on mouseLeave me

58、 cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(8).member= member (videoplay_button1) -切換為淺色字體按鈕 end on mouseUp me sprite(8).member= member (videoplay_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按 鈕 member(海寶宣傳).loop = member(videoloop_button1).hilite sound(5).queue(member(list) sprite(5).play() end “暫?！卑粹o第一狀態(tài)圖 videopause_button 1）腳本：

59、on mouseEnter me cursor 280 -鼠標(biāo)指針進(jìn)入按鈕時(shí)變?yōu)槭中?sprite(9).member= member (videopause_button2 ) -切換為深色字體按鈕 end on mouseLeave me cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(9).member= member (videopause_button1) -切換為淺色字體按鈕 end on mouseUp me sprite(9).member= member (videopause_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕 sprite(5).pause(

60、) 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 ) -切換為深色字體按鈕 end on mouseLeave me cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(10).member= member (videoloop_button1) -切換為淺色字體按鈕 end on mo

61、useUp 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 ) -切換為深色字體按鈕 end on mouseLeave me cursor -1 -鼠標(biāo)指針離開按鈕時(shí)恢復(fù)為指針 sprite(11).member= member (videoclose_bu

62、tton1) -切換為淺色字體按鈕 end on mouseUp me sprite(11).member= member (videoclose_button1) -鼠標(biāo)單擊時(shí)變?yōu)闇\色字體按鈕 sprite(5).member=member() end 最后插入制作一個(gè) Exit button 在頁(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，人物

63、角色圖.gif 等與模塊相關(guān)的素材。在第 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 20 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)畫海 寶來(lái)了和清新活潑的動(dòng)態(tài)圖集成來(lái)講述海寶的故事。在第 29 幀精靈通道依次插入演 員。為使海寶潛水的動(dòng)畫正好在背景框圖的氣泡中顯示，將潛水動(dòng)畫放在通道 1，背景 疊放在動(dòng)畫之上，放在精靈通道 2，按這種原則，本模塊

64、 score 圖如圖 3.35： 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.35 “海寶來(lái)了”模塊時(shí)間軸設(shè)計(jì) 略 圖 3.36 “海寶來(lái)了”首頁(yè)與故事頁(yè)面設(shè)計(jì) 略 圖 3.37 結(jié)束頁(yè)面設(shè)計(jì) 3.3 詳細(xì)設(shè)計(jì)案例多媒體素材的制作 3.3.1 案例 1：“接天蓮葉無(wú)窮碧，映日荷花別樣紅”影片制作 1用 Photoshop 制作美術(shù)字體素材： 打開 Photoshop CS3，新建文件，大小為 760*560 像素，背景為白色。鼠標(biāo)左鍵點(diǎn) 擊工具欄中的文字工具 ，輸入“接天蓮葉無(wú)窮碧， ”和“映日荷花別樣紅”并根據(jù) 設(shè)計(jì)版面調(diào)整字體大小，效果如圖 3.38： 圖 3.38 “接天

65、蓮葉無(wú)窮碧，映日荷花別樣紅”字體設(shè)計(jì) 接著，為字體添加修飾。打開一張“藍(lán)人魚”圖片素材，用魔棒 工具摳出人魚 圍繞的邊框；點(diǎn)擊菜單中的“編輯”“自由變換”來(lái)調(diào)整圖形大?。蝗鐖D 3.39： 圖略 圖 3.39 “藍(lán)人魚”相框素材的修改處理 選擇“圖像”“調(diào)整”“色彩平衡”來(lái)調(diào)整色彩偏向暖色，如圖 3.40： 上海世博園區(qū)多媒體景觀制作實(shí)訓(xùn) 上海歐華職業(yè)技術(shù)學(xué)院 應(yīng)用技術(shù)系 畢業(yè)實(shí)訓(xùn)論文 張三 21 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.40 色彩平衡的調(diào)整 應(yīng)用到“接天蓮葉無(wú)窮碧，映日荷花別樣紅”的“紅”字上去裝飾，再用“畫筆” 工具點(diǎn)綴字體，繪制出荷葉荷花交相輝映的影子，

66、最終效果如圖 3.41： 圖 3.41 “接天蓮葉無(wú)窮碧，映日荷花別樣紅”美術(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， 背景顏色參考宣紙的顏色，選擇淡黃。如圖 3.43： 略（因本文超過(guò) 26 兆，作為模板，部分圖只能略） 圖 3.43 文檔屬性面板 選擇“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”導(dǎo)入荷花圖片，字體素材以及國(guó)畫動(dòng)畫。 點(diǎn)擊圖層欄下的新建圖層按鈕 新建圖層，命名為“碧荷” ；從庫(kù)中將碧荷圖片放 在第 1 幀；在時(shí)間軸第 10 幀和 20 幀插入關(guān)鍵幀，添加補(bǔ)間，并修改第 1 幀和第 20 幀 時(shí)， “碧荷”圖片 Alpha 屬性數(shù)值為 0%，創(chuàng)造淡入淡出效果。如圖 3.44： 圖 3.44 修改 Alpha