【文章內(nèi)容簡介】 個人網(wǎng)站就是用表現(xiàn)手法對個人的各個 層面有重點、有針對、有秩序地進行策劃、制作、剪輯、配音、合成輸出制作成網(wǎng)站，目的是為了聲色并茂地凸現(xiàn)個人獨特的風格面貌、彰顯個人實力，讓社會不同層面的公司對個人產(chǎn)生正面、良好的印象，從而建立對個人的好感和信任度，并信賴個人的實力。 在做個人網(wǎng)站時，二維動畫因為能簡潔、清晰地反映事物的變化過程，所以在做網(wǎng)站中使用得比較多。在網(wǎng)站制作及素材制作時，著名的平面動畫創(chuàng)作軟件Flash 成為了越來越多制作人員的首選，其最新版本是 Flash CS4，它具有強大的圖形編輯和動畫創(chuàng)作功能，同時它也是一個很好的宣傳片開發(fā)工具。 而現(xiàn)在制作全 Flash 宣傳片也成為了一種時尚，利用 Flash 的強大功能，我們可以隨意揮灑，做出任何你可以想象出來的動畫和效果。在宣傳片制作領(lǐng)域， flash 的強大功能和突出優(yōu)點是它有著強大生命力的有力保證，所以本次畢業(yè)設(shè)計以 Flash CS4 軟件作為主要的動畫制作工具， Photoshop 等軟件作為輔助工具對動畫中要用到的矢量圖進行編輯和修改。 河南工程學院畢業(yè)設(shè)計（或論文） 9 第三章 開發(fā)工具 第一節(jié) Flash 簡介 Flash 是美國的 Adobe 公司于 1999 年 6 月推出的優(yōu)秀 動畫設(shè)計軟件。它是一種交互式動畫設(shè)計工具，模式，只需加入自己的創(chuàng)意，利用 Flash 技術(shù)，則可把人生的感悟以及所想表現(xiàn)的東西用它可以將音樂，聲效，動畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的動態(tài)效果。由于它的功能強大、制作流程簡單，深受廣大動漫愛好者的熱愛。它打破了傳統(tǒng)的攝象機拍片的通過動畫的形式展現(xiàn)給大家。 Flash 是一種創(chuàng)作工具，設(shè)計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應用程序和其它允許用戶交互的內(nèi)容。 Flash 可以包含簡單的動畫、視頻內(nèi)容、復雜演示文稿和應用程序以及介于它們之間的任何內(nèi)容。 通常，使用 Flash 創(chuàng)作的各個內(nèi)容單元稱為應用程序，即使它們可能只是很簡單的動畫。您可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應用程序。 Flash 特別適用于創(chuàng)建通過 Inter 提供的內(nèi)容，因為它的文件非常小。Flash 是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因為它們是以數(shù)學公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數(shù)據(jù)來表示。 要在 Flash 中構(gòu)建應用程序，可以使 用 Flash 繪圖工具創(chuàng)建圖形，并將其它媒體元素導入 Flash 文檔。接下來就可以定義如何以及何時使用各個元素來創(chuàng)建設(shè)想中的應用程序。 第二節(jié) Photoshop 簡介 河南工程學院畢業(yè)設(shè)計（或論文） 10 Photoshop 是 Adobe 公司旗下最為出名的圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的圖形圖像處理軟件，深受廣大平面設(shè)計人員和電腦美術(shù)愛好者的喜愛 [3]。 多數(shù)人對于 Photoshop 的了解僅限于“一個很好的圖像編輯軟件”，并不知道它的諸多應用方面，實際上， Photoshop 的應用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。請看下面介紹： 平面設(shè)計是 Photoshop 應用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報，這些具有豐富圖像的平面印刷品，基本上都需要 Photoshop 軟件對圖像進行處理。 Photoshop 具有強大的圖像修飾功能。利用這些功能，可以快速修復一張破損的老照片，也可以修復人臉上的斑點等缺陷。 廣告攝影作為一種 對視覺要求非常嚴格的工作，其最終成品往往要經(jīng)過Photoshop 的修改才能得到滿意的效果。 影像創(chuàng)意是 PhotoshopP 的特長，通過 Photoshop 的處理可以將原本風馬牛不相及的對象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 當文字遇到 Photoshop 處理，就已經(jīng)注定不再普通。利用 PHOTOSHOP 可以使文字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 網(wǎng)絡(luò)的 普及是促使更多人需要掌握 PHOTOSHOP 的一個重要原因。因為在制作網(wǎng)頁時 Photoshop 是必不可少的網(wǎng)頁圖像處理軟件。 河南工程學院畢業(yè)設(shè)計（或論文） 11 在制作建筑效果圖包括許多三維場景時，人物與配景包括場景的顏色常常需要在 Photoshop 中增加并調(diào)整。 由于 Photoshop 具有良好的繪畫與調(diào)色功能，許多插畫設(shè)計制作者往往 用鉛筆繪制草稿，然后用 Photoshop 填色的方法來繪制插畫。 除此之外，近些年來非常流行的像素畫也多為設(shè)計師使用 Photoshop 創(chuàng)作的作品。 三維帖圖 在三維軟件中，如果能夠制作出精良的模型，而無法為模型應用逼真的帖圖，也無法得到較好的渲染效果。實際上在制作材質(zhì)時，除了要依靠軟件本身具有材質(zhì)功能外，利用 Photoshop 可以制作在三維軟件中無法得到的合適的材質(zhì)也非常重要。 當前越來越多的婚紗影樓開始使用數(shù)碼相機，這也便得婚紗照片設(shè)計的處理成為一個新興的行業(yè)。 視覺創(chuàng)意與設(shè)計是設(shè)計藝術(shù)的一個分支，此類設(shè)計通常沒有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計愛好者提供了廣闊的設(shè)計空間，因此越來越多的 設(shè)計愛好者開始了學習 Photoshop，并進行具有個人特色與風格的視覺創(chuàng)意。 雖然使用 Photoshop 制作圖標在感覺上有些大材小用，但使用此軟件制作的圖標的確非常精美。 界面設(shè)計是一個新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現(xiàn)專業(yè)的界面設(shè)計師職業(yè)。在當前還沒有用于做界面設(shè)計的專業(yè)軟件，因此絕大多數(shù)設(shè)計者使用的都是 Photoshop。 上述列出了 Photoshop 應用的 13 大領(lǐng)域，但實際上其應用不 止上述這些。例如，目前的影視后期制作及二維動畫制作， Photoshop 也有所應用的。 河南工程學院畢業(yè)設(shè)計（或論文） 12 第四章 創(chuàng)意說明 第一節(jié) 設(shè)計靈感來源 隨著 Flash 動畫的流行， Flash 全網(wǎng)站也應用而生。 Flash 全網(wǎng)站以動畫炫麗、美觀而被大多數(shù)人接受。自己平時做了不少平面設(shè)計和一些 Flash 動畫，通過做一個 Flash 網(wǎng)站的個人主頁把自己在學校里設(shè)計過的東西全部展示出來。以這樣的形式展示自己的作品生動有趣。 第二節(jié) 設(shè)計理念 本設(shè)計通過動畫網(wǎng)站的形式將自己的平面作品和動畫作品展示在網(wǎng)站中， 讓人一目了然。 河南工程學院畢業(yè)設(shè)計（或論文） 13 第五章 設(shè)計內(nèi)容 第一節(jié) 設(shè)計的界面概述 頁面的布局如下 圖 51 左側(cè)為導航，分為 5 個模塊：我的照片、我的名片、 Flash 欣賞、 ps 欣賞、留言板。上面是頭部，下面是底部，中間顯示主頁內(nèi)容。當鼠標點擊左側(cè)的導航時，右面顯示相應的模塊。右面顯示的模塊以載入的形式實現(xiàn)。最終的效果圖如下 河南工程學院畢業(yè)設(shè)計（或論文） 14 圖 52 河南工程學院畢業(yè)設(shè)計（或論文） 15 第六章 設(shè)計的過程與方法 第一節(jié) 素材的收集與導入 第一步，去網(wǎng)上找到自己需要的素材，然后用 Photoshop 圖像處理軟件把需要的素材做好，然后一個一個存儲為 JPG 或 PSD 格示的圖 。 圖 611 圖 612 河南工程學院畢業(yè)設(shè)計（或論文） 16 圖 613 圖 614 河南工程學院畢業(yè)設(shè)計（或論文） 17 圖 615 圖 616 第二步、打開 Flash 軟件把素材導入到庫里面，并新建相應的原件，把相應的圖片放進 元 件里。 河南工程學院畢業(yè)設(shè)計（或論文） 18 第二節(jié) 主頁面設(shè)計 第一步 打開軟件，設(shè)置舞臺大小為 800*600 像素，背景色為白色。 第二步 在時間軸上新建一個圖層命名為背景 ，把背景圖片元件拖到舞臺正中間，背景圖片大小和舞臺大小相同。 第三步 制作導航按鈕 新建一個按鈕元件，命名為我的照片。在我的照片按鈕元件中新建一個圖層 1，把按鈕圖片原件拖到