學(xué)院網(wǎng)站設(shè)計(jì)_基于網(wǎng)站的flash設(shè)計(jì)_畢業(yè)設(shè)計(jì)論文(編輯修改稿)
2024-10-06 15:26 本頁面
【文章內(nèi)容簡介】 建文件的一個(gè)壓縮版本，其擴(kuò)展名為 .swf（ SWF）。然后，就可以使用 FlashPlayer在 Web 瀏覽器中播放 SWF 文件，或者將其作為獨(dú)立的應(yīng)用程序進(jìn)行播放。 Flash CS6 新功能 Adobe Flash CS6 軟件是用于創(chuàng)建動(dòng)畫和多媒體內(nèi)容的強(qiáng)大的創(chuàng)作平臺(tái)。設(shè)計(jì)身臨其境、而且在臺(tái)式計(jì)算機(jī)和平板電腦、智能手機(jī)和電視等多種設(shè)備中都能呈現(xiàn)一致效果的互動(dòng)體驗(yàn)。新版 flash professional cs6 附帶了可生成 sprite 表單和訪問專用設(shè)備的本地?cái)U(kuò)展?？梢枣i定最新的 adobe flash player 和 air 運(yùn)行時(shí)以及 android和 ios 設(shè)備平臺(tái) 。 1．新增 html5 支持 2．生成 Sprite 表單 3．廣泛的平臺(tái)和設(shè)備支持 4．高效處理代碼片斷 5． Adobe AIR 移動(dòng)設(shè)備模擬 6．鎖定 3D 場景 7． ActionScipt 編輯器 8．與 Flash Builder 集成 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 7 頁共 29 頁 Flash CS6 的 操作界面 要正確、高效地運(yùn)用 Flash CS6 軟件來制作動(dòng)畫，必須了解 Flash CS6 的工作界面及各部分功能。 Flash CS6 的工作界面繼承了以前版本的風(fēng)格，只是看起來更加美觀、使用起來更加方便快捷了。 Flash CS6 的工作界面由菜單欄、工具箱、【屬性】面板、時(shí)間軸、舞臺(tái)和面板組等組成 ，如圖 21。 圖 21 菜單欄 菜單欄是最常見的界面要素，它包括【文件】、【編輯】、【視圖】、【插入】、【 修改】、【文本】、【命令】、【控制】、【調(diào)試】、【窗口】和【幫助】等一系列 菜單，根據(jù)不同的功能類型，可以快速地找到所要使用的各項(xiàng)功能選項(xiàng)，如圖 22。 圖 22 工具箱 利用工具箱中的工具可繪制、選擇和修改，給圖形填充顏色，改變場景的顯示， 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 8 頁共 29 頁 或者設(shè)置工具選項(xiàng)等，如圖 23。 圖 23 時(shí)間軸 時(shí)間軸面板以圖層和時(shí)間軸方式組織文檔內(nèi)容，與電影膠片類似。 Flash 動(dòng)畫的基本單位為幀，多個(gè)幀上的畫面連續(xù)播放，便形成了動(dòng)畫。圖層就像堆疊在一起的多張幻燈片，每個(gè)圖層都有獨(dú)立 的時(shí)間軸。 這樣，多個(gè)圖層的綜合運(yùn)用，便能形成復(fù)雜的動(dòng)畫，如圖 24。 圖 24 舞臺(tái)和場景 舞臺(tái)是 Flash 創(chuàng)作的工作區(qū)域，舞臺(tái)是繪制和編輯動(dòng)畫內(nèi)容的區(qū)域，這些內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等 。動(dòng)畫在播放時(shí)僅顯示舞臺(tái)上的內(nèi)容，對于舞臺(tái)之外的內(nèi)容是不顯示的，如圖 25。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 9 頁共 29 頁 圖 25 調(diào)整圖像亮度和對比度 面板的內(nèi)容取決于當(dāng)前選定的內(nèi)容，可以顯示當(dāng)前文檔、文本、元件、形狀、位圖、視頻、幀或工具的信息和設(shè)置。 1,【屬性】面板 ，如圖 26。 2．【庫 】面板 ，如圖 27。 3．【顏色】面板 ，如圖 28。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 10 頁共 29 頁 圖 26 圖 27 圖 28 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 11 頁共 29 頁 Flash 動(dòng)畫在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 （ 1） Flash 動(dòng)畫在網(wǎng)頁設(shè)計(jì)中的部分應(yīng)用 在網(wǎng)頁設(shè)計(jì)中， Flash 動(dòng)畫作品除了以“流式播放動(dòng)畫”播放以外，如 :Flash動(dòng)畫短片、 FlashMV，還具有一定交互性特點(diǎn)的形式。有些網(wǎng)站的引導(dǎo)界面做成Flash 動(dòng)畫形式，一般由 Dreamweaver 軟件來完成，做成靜態(tài)頁面。當(dāng)然，大部分這類頁面全部是靜態(tài)，但也有某些網(wǎng)站做出以下設(shè)計(jì)。如 :網(wǎng)頁中的 Flash 網(wǎng)絡(luò)廣告、Flash 形象展示動(dòng)畫、網(wǎng)站導(dǎo)航欄動(dòng)畫、圖片展示動(dòng)畫、 Flash 交互動(dòng)畫，及由 Flash制作完成的網(wǎng)站注冊、登陸、計(jì)算等系統(tǒng)。 在靜態(tài)頁面中，如果把這些做成動(dòng)畫形式的話，無疑能起到生動(dòng)、裝飾的作用，對瀏覽者具有充分調(diào)動(dòng)的作用。但是不宜太花、太亂，否則，就會(huì)起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會(huì)給企本網(wǎng)站效應(yīng)大打折扣，顯得煩亂，缺乏信任。 （ 2） Flash 動(dòng)畫在整站網(wǎng)頁設(shè)計(jì)中的應(yīng)用 前文中提到過，除了采用 Flash 制作相關(guān)的貞面外，也有一些網(wǎng)站，為了展示自己的個(gè)性，使用 Flash 來制作整個(gè)站點(diǎn)。 整個(gè)站點(diǎn)從概念上就己經(jīng)包括所有視聽元素部分及版式的設(shè)計(jì)。 網(wǎng)站引導(dǎo)界面的設(shè)計(jì)估且不說，由其引導(dǎo)進(jìn)入的內(nèi)頁面這整個(gè)系統(tǒng)都是由 Flash 軟件來制作，就包括上文列舉的視頻、 Flash 廣告動(dòng)畫、 Flash 交互動(dòng)畫、網(wǎng)站的 Flash形象展示動(dòng)畫、網(wǎng)站各級導(dǎo)航欄、圖片展示、文字、鏈接、色彩、 音樂 、聲音、游戲及網(wǎng)站注冊、登陸、計(jì)算系統(tǒng)等。 這樣的 Flash 動(dòng)畫網(wǎng)站，感覺都十分炫，具有很強(qiáng)很獨(dú)特的個(gè)性，基本上能完全調(diào)動(dòng)瀏覽者的積極性，給人以活躍的心理感受。 為了提高網(wǎng)站的美觀性，和一些廣告廠商的利益獲取性，我們經(jīng)常會(huì)看到好多內(nèi)嵌式或漂浮式的廣告，吸引我們的注意。因此，好的動(dòng)畫，需要有好的設(shè)計(jì)，需要我們潛心去研究、思考，既能使網(wǎng)站充分利用其生動(dòng)活潑的優(yōu)勢，又不會(huì)因其一些限制因素，而使瀏覽者產(chǎn)生不好的心理感受，以至于影響到網(wǎng)頁和瀏覽者的互動(dòng)。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 12 頁共 29 頁 3 Flash 的設(shè)計(jì)制作過程 “電子工程學(xué)院”五個(gè)字逐 字顯示 （ 1） 打開 flash,新建一個(gè)動(dòng)畫圖層，命名為“字體”。 （ 2） 選擇工具欄中的文本工具 ，在圖層中分別建立文本框，輸入“電子工程學(xué)院”，分別將六個(gè)字轉(zhuǎn)換為原件，如圖 31。 圖 31 （ 3） 以 15 幀為一個(gè)單位，在“字體”圖層創(chuàng)建 6個(gè)關(guān)鍵幀，如圖 32。 圖 32 （ 4） 在每個(gè)關(guān)鍵幀后逐字刪除，第一幀后放“電”字原件，第二幀后放“電子” 字原件，第三幀后放“電子工”，以此類推，最后一幀放“電子工程學(xué)院”字原件，然 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 13 頁共 29 頁 后創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，如 組圖 33。 組圖 33 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 14 頁共 29 頁 關(guān)于學(xué)校的建筑的圖片淡化切換 （ 1） 首先運(yùn)用 firework，對圖片進(jìn)行處理。運(yùn)用魔術(shù)棒工具 將圖片除了所需要的建筑外全
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1