公務(wù)員期刊網(wǎng) 論文中心 正文

動(dòng)畫制作技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的融合

前言:想要寫出一篇引人入勝的文章?我們特意為您整理了動(dòng)畫制作技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的融合范文,希望能給你帶來(lái)靈感和參考,敬請(qǐng)閱讀。

動(dòng)畫制作技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的融合

摘要:網(wǎng)頁(yè)是網(wǎng)站構(gòu)成的基本要素之一,其能夠?qū)Ω鞣N網(wǎng)站應(yīng)用進(jìn)行有效承載。網(wǎng)頁(yè)設(shè)計(jì)歸屬于網(wǎng)站技術(shù)的范疇,精美的網(wǎng)頁(yè)能夠吸引更多的受眾群體。為了達(dá)到這一目標(biāo),可將Flash動(dòng)畫有機(jī)融入到網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中?;诖耍撐膹腇lash動(dòng)畫的主要功能及其應(yīng)用優(yōu)勢(shì)分析入手,論述了Flash動(dòng)畫制作技術(shù)網(wǎng)頁(yè)設(shè)計(jì)融合途徑。期望通過(guò)該文的研究能夠?qū)W(wǎng)頁(yè)設(shè)計(jì)水平的提升有所幫助。

關(guān)鍵詞:Flash動(dòng)畫制作技術(shù)網(wǎng)頁(yè)設(shè)計(jì)

1Flash動(dòng)畫的主要功能及其應(yīng)用優(yōu)勢(shì)

Flash是一款功能比較強(qiáng)大的網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟件,該軟件是由美國(guó)著名的MACROMEDIA公司推出的,通過(guò)Flash能夠制作出具有較高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。

1.1Flash的主要功能

Flash作為一款能夠進(jìn)行網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的軟件,其本身具有比較強(qiáng)大的功能,具體體現(xiàn)在如下幾個(gè)方面。

1.1.1圖形操作

繪制和編輯圖形是Flash動(dòng)畫創(chuàng)作的重要前提和基礎(chǔ),也是Flash的基本功能之一。在對(duì)各種圖形進(jìn)行繪制時(shí),需要使用相關(guān)元件對(duì)圖形要素進(jìn)行組織,從而達(dá)到最終所需的圖形效果。

1.1.2補(bǔ)間動(dòng)畫

這是Flash動(dòng)畫設(shè)計(jì)的核心部分,也是Flash能夠獲得廣泛應(yīng)用的重要前提。大體上可將補(bǔ)間動(dòng)畫分為兩種形式,一種是動(dòng)畫補(bǔ)間形式,另一種是形狀補(bǔ)間形式。

1.1.3遮罩

這是Flash動(dòng)畫制作過(guò)程中不可或缺的一個(gè)重要環(huán)節(jié),同時(shí)也是Flash的三大基本功能之一。通過(guò)遮罩與補(bǔ)間動(dòng)畫的有效配合,能夠制作出豐富多彩的動(dòng)畫效果,如火焰背景文字等。

1.2Flash的應(yīng)用優(yōu)勢(shì)

1.2.1更加豐富的視聽效果

在視覺方面,F(xiàn)lash支持梯度色和透明色,并且還支持位圖,除了能夠?qū)?dǎo)入的圖像進(jìn)行多種效果的設(shè)計(jì)之外,如放大、縮小等,還能借助魔術(shù)棒對(duì)圖像中相同顏色的區(qū)域進(jìn)行遮罩。在聽覺方面,F(xiàn)lash能夠插入與動(dòng)畫相配合的聲音,從而使動(dòng)畫具備視聽雙重效果。將Flash動(dòng)畫融入到網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中,可以產(chǎn)生強(qiáng)烈的視聽沖擊,能夠達(dá)到吸引使用者欣賞網(wǎng)頁(yè)的目的。

1.2.2能夠?qū)崿F(xiàn)人機(jī)交互

Flash之所以能夠得到人們普遍的關(guān)注,與其自身所具備的交互性特點(diǎn)有著密不可分的關(guān)聯(lián)。雖然Flash并不是編程語(yǔ)言,但借助相關(guān)的腳本代碼卻可以完成互動(dòng)性編寫,在此基礎(chǔ)上可得到品質(zhì)高、交互性強(qiáng)的網(wǎng)頁(yè)動(dòng)畫,并以互動(dòng)的形式出現(xiàn)在網(wǎng)頁(yè)當(dāng)中,比較常見的有Flash交互游戲、片頭動(dòng)畫等。Flash的這一特點(diǎn),使其在網(wǎng)頁(yè)設(shè)計(jì)中得到越來(lái)越廣泛的應(yīng)用。

1.2.3加載速度更快

通過(guò)應(yīng)用Flash軟件制作出來(lái)的動(dòng)畫,其文件本身比較小,在網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行使用時(shí),除了可以使網(wǎng)頁(yè)的動(dòng)態(tài)效果變得更加豐富之外,而且Flash動(dòng)畫在網(wǎng)頁(yè)打開后,能在極短的時(shí)間內(nèi)完成加載,使用者無(wú)需等待便可進(jìn)行播放,滿足了實(shí)時(shí)性的需要。

2Flash動(dòng)畫制作技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的融合途徑

Flash動(dòng)畫制作技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的融合實(shí)質(zhì)上就是前者在后者中的具體應(yīng)用,這是二者融合最為簡(jiǎn)單的途徑之一。

2.1基于Flash動(dòng)畫的網(wǎng)頁(yè)布局

網(wǎng)頁(yè)設(shè)計(jì)是一項(xiàng)看似簡(jiǎn)單實(shí)則復(fù)雜的工作,為使設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)能夠吸引更多的瀏覽者駐足,就必須保證網(wǎng)頁(yè)整體布局的合理性。所以Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行融入時(shí),不可以對(duì)網(wǎng)頁(yè)布局的整體性產(chǎn)生影響,否則不但無(wú)法達(dá)到Flash動(dòng)畫的應(yīng)用效果,而且還會(huì)對(duì)網(wǎng)頁(yè)造成一定的破壞。通常情況下,可在場(chǎng)景的外部制作一個(gè)入口,并以此作為色塊,其在外部為空白狀態(tài),隨后在內(nèi)部第一針loading建立色塊,這樣便可通過(guò)雙擊完成操作,由此使得整個(gè)操作過(guò)程變得更加簡(jiǎn)單、方便。為確保設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)具有良好的整體性,在主時(shí)間軸內(nèi),盡可能不要安排Flash動(dòng)畫的相關(guān)內(nèi)容,實(shí)際設(shè)計(jì)中,可對(duì)Flash動(dòng)畫的內(nèi)容進(jìn)行具體分類,并將其制作成原件,根據(jù)樹狀結(jié)構(gòu)合理安排mc嵌套,借助某個(gè)位置處的as完成時(shí)間軸的銜接和控制。

2.2基于Flash動(dòng)畫的網(wǎng)頁(yè)互動(dòng)設(shè)計(jì)

對(duì)于傳統(tǒng)的互聯(lián)網(wǎng)平臺(tái)而言,其只能通過(guò)網(wǎng)頁(yè)將相關(guān)的信息傳遞給使用者,但卻無(wú)法接收信息反饋,簡(jiǎn)單來(lái)講,信息是單方面的傳遞,無(wú)法形成雙向互動(dòng)。而在網(wǎng)頁(yè)設(shè)計(jì)中,通過(guò)對(duì)Flash動(dòng)畫的運(yùn)用,借助相關(guān)的功能,如按鈕、表單等,便可實(shí)現(xiàn)使用者與網(wǎng)頁(yè)之間的雙向信息交互。在互聯(lián)網(wǎng)上,幾乎所有的網(wǎng)站都能夠引導(dǎo)使用者進(jìn)行相應(yīng)的操作,這個(gè)引導(dǎo)需要利用導(dǎo)航的設(shè)置來(lái)予以實(shí)現(xiàn)。鑒于此,可在網(wǎng)頁(yè)設(shè)計(jì)中,對(duì)ActionScript腳本語(yǔ)言進(jìn)行調(diào)用,據(jù)此來(lái)完成網(wǎng)頁(yè)前臺(tái)的Flash動(dòng)畫設(shè)計(jì)。該腳本語(yǔ)言與VB具有一定的相似之處,能夠?qū)⒕W(wǎng)頁(yè)動(dòng)作直接譯成腳本,依托程序前臺(tái)Flash腳本便可實(shí)現(xiàn)程序驅(qū)動(dòng),進(jìn)而完成對(duì)數(shù)據(jù)庫(kù)的操作。同時(shí),應(yīng)用Flash動(dòng)畫制作技術(shù),還能對(duì)相關(guān)對(duì)象進(jìn)行自定義及重新編寫。例如,可將Flash中的按鈕作為對(duì)象,利用腳本程序代碼對(duì)該程序進(jìn)行執(zhí)行,借助Flash動(dòng)畫關(guān)鍵幀的腳本代碼,能夠?qū)υ摪粹o進(jìn)行二次編寫及控制,從而達(dá)到改變顏色、形狀以及位置的目的。

2.3網(wǎng)頁(yè)設(shè)計(jì)中Flash動(dòng)畫元素的運(yùn)用

在網(wǎng)頁(yè)設(shè)計(jì)中,F(xiàn)lash動(dòng)畫元素的運(yùn)用主要體現(xiàn)在如下幾個(gè)方面。

2.3.1形象展示

對(duì)于Flash動(dòng)畫而言,形象展示是較為重要的元素之一,其作用與網(wǎng)站的LOGO極為相似,是網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵環(huán)節(jié)。在實(shí)際設(shè)計(jì)中,主色可以采用標(biāo)準(zhǔn)色,搭配輔助色,也可以直接運(yùn)用網(wǎng)頁(yè)的主色,并以此作為參照對(duì)其他配色進(jìn)行合理選擇,或是插入一些與形象有關(guān)的產(chǎn)品。同時(shí)為凸顯出網(wǎng)頁(yè)的整體效果,色彩的搭配應(yīng)當(dāng)盡可能醒目,并與頁(yè)面相協(xié)調(diào)。

2.3.2動(dòng)畫演示

在以往的互聯(lián)網(wǎng)中,Web圖像多為靜止?fàn)顟B(tài)。隨著互聯(lián)網(wǎng)的不斷發(fā)展,部分Web圖像以動(dòng)態(tài)的形式在網(wǎng)頁(yè)中出現(xiàn)。在對(duì)網(wǎng)頁(yè)進(jìn)行具體設(shè)計(jì)的過(guò)程中,設(shè)計(jì)人員可將圖像以層疊的形式置于同一個(gè)位置上,借助Flash動(dòng)畫對(duì)圖像進(jìn)行分類,并展示給網(wǎng)頁(yè)的瀏覽者,由此可以達(dá)到Web圖像動(dòng)態(tài)畫面演示的效果。

2.3.3音效設(shè)置

對(duì)于Flash動(dòng)畫而言,聲音是其較為重要的組成部分之一,好的網(wǎng)頁(yè)除了要有能夠吸引瀏覽者的精彩畫面及強(qiáng)大的功能之外,還要配以優(yōu)美的音樂,從而帶給使用者不一樣的視聽感受。在網(wǎng)頁(yè)設(shè)計(jì)時(shí),對(duì)Flash動(dòng)畫進(jìn)行運(yùn)用的過(guò)程中,可使用的聲音格式包括以下幾種:MPG/MPEG、AVI以及WAV等,設(shè)計(jì)人員可結(jié)合網(wǎng)站的風(fēng)格對(duì)音樂進(jìn)行選擇,并在設(shè)計(jì)時(shí),將聲音控制按鈕置于頁(yè)面的某個(gè)位置,便于使用者開啟或關(guān)閉。

3結(jié)語(yǔ)

綜上所述,網(wǎng)頁(yè)設(shè)計(jì)是一項(xiàng)看似簡(jiǎn)單實(shí)則復(fù)雜的工作,為了使設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)能夠達(dá)到吸引使用者的目標(biāo),可在實(shí)際設(shè)計(jì)中,對(duì)Flash動(dòng)畫制作技術(shù)進(jìn)行合理運(yùn)用。通過(guò)Flash動(dòng)畫進(jìn)行網(wǎng)頁(yè)布局和雙向信息交互,并利用Flash動(dòng)畫完成各種展示,從而帶給使用者良好的視聽感受。

參考文獻(xiàn)

[1]章序,雷穎.如何利用ActionScript2.0制作漫天雪花的Flash動(dòng)畫[J].電腦迷,2018(11):123-125.

[2]代振,陳志浩.Flash動(dòng)畫設(shè)計(jì)與傳統(tǒng)動(dòng)畫設(shè)計(jì)的特點(diǎn)比較研究[J].西部皮革,2018(5):67-69.

[3]陳燕.Flash動(dòng)畫軟件在動(dòng)漫設(shè)計(jì)中的有效性應(yīng)用[J].電子技術(shù)與軟件工程,2018(3):45-47.

作者:朱彥斐 單位:山東電子職業(yè)技術(shù)學(xué)院