- 相關(guān)推薦
Flash的交互動畫設計
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，基于Flash的交互動畫廣泛的應用于互聯(lián)網(wǎng)的每一個角落，給人們的生活學習帶來了巨大便利，下面是YJBYS小編為大家搜索整理的關(guān)于Flash的交互動畫設計，歡迎參考閱讀，希望對大家有所幫助!想了解更多相關(guān)信息請持續(xù)關(guān)注我們應屆畢業(yè)生培訓網(wǎng)!
隨著信息技術(shù)帶來的科技進步，如今網(wǎng)絡媒體已經(jīng)高度發(fā)達，交互動畫以及互動技術(shù)廣泛的應用于互聯(lián)網(wǎng)的每一個角落，給人們的生活學習帶來了巨大便利。與此同時，互聯(lián)網(wǎng)的迅猛發(fā)展帶來的龐大用戶群，也為形式多樣、內(nèi)容豐富、動感十足的Flash成為當下熱門話題提供了受眾基礎。隨著許多精品Flash交互動畫的出現(xiàn)，基于Flash的交互動畫設計不斷受到各界人士的關(guān)注和青睞，其傳播的方式也逐漸走出單一的網(wǎng)絡傳播途徑，走向傳統(tǒng)媒體與新興媒體。隨著 Flash技術(shù)本身的成熟與無線網(wǎng)絡的發(fā)展，基于flash的交互動畫也將在不遠的將來走向更多的國內(nèi)手機用戶，實現(xiàn) Flash 網(wǎng)絡傳播的新的跨越。
1 基于Flash的交互性的分析
交互(interactive)，在計算機中意思為，參與活動的對象，可以相互交流，雙方面互動。無論是何種交互，必須由三個部分來組成：交互方式、交互響應和交互結(jié)果[1]。交互方式指人和計算機打交道的抽象方式，是創(chuàng)作者為了傳達特定信息，采用必要的技術(shù)手段構(gòu)成的形式，可以分為基于對象和基于活動的兩類[2]�；趯ο蟮慕换シ绞绞悄M現(xiàn)實世界的對象，例如，計算器應用程序，是對傳統(tǒng)真實計算器的模擬�；诨顒拥慕换シ绞桨ㄖ甘�、對話、操作和導航、探索和瀏覽，比如按鈕、圖形元件、文本輸入框或選擇判斷組件等，是創(chuàng)作者為參與者留下的進入作品的信息輸入口，它決定了動畫作品的外在形式。交互響應是參與者在交互過程中所采取的動作，交互結(jié)果則是響應的結(jié)果。
在這個瞬息萬變的年代，人與人之間的交流和互動變得越來越容易，通過不同的網(wǎng)絡平臺，資訊的傳遞一秒千年，而交互性動畫又有別于一般性的傳統(tǒng)的動畫，其播放過程中的內(nèi)容發(fā)展可以受到瀏覽者特定操作的影響，因而在動畫播放的時間順序方面，會改變固有的線性的或循環(huán)的播放順序，形成一種受制于受眾的操作結(jié)果的播放順序和方式。這種在播放時間方面的開放性改變，會促使受眾對于動畫的內(nèi)容進行主動的挖掘，獲得豐富的信息，從而擴大了受眾從動畫傳遞內(nèi)容中所接受的信息。因此，交互性的設計就越來越被大家重視和推崇。
伴隨著互聯(lián)網(wǎng)在中國的普及，人們越來越關(guān)注于如何更加靈活的呈現(xiàn)網(wǎng)絡的交互性，促進通過網(wǎng)絡的交流與溝通，又同時能流暢的展現(xiàn)細節(jié)而不影響用戶的使用體驗。
以互聯(lián)網(wǎng)為主要生存環(huán)境的FLASH 動畫進入了人們的視線，F(xiàn)LASH 動畫以其短小精致、制作簡單、形式多樣等特性深受人們的喜愛。Flash 是美國Adobe 公司設計的一種二維動畫軟件，產(chǎn)生于上世紀九十年代中期，F(xiàn)lash 最早期的版本稱為Future Splash Animator。經(jīng)過數(shù)年的發(fā)展，其軟件功能不斷加強，應用空間不斷拓展�；贔LASH的動畫文件占用空間非常小，有利于在各種網(wǎng)絡帶寬的互聯(lián)網(wǎng)上傳播;另外，F(xiàn)lash交互動畫的開發(fā)周期短，簡便易學，制作成本低。大部分 flash小游戲都是可以由一個人獨立完成的，所以游戲的畫面、情節(jié)、美工等都比較簡單。因此使得Flash成為人們喜聞樂見的一種信息傳播載體。
2 Flash所具有的交互性技術(shù)優(yōu)勢
由于Flash動畫的網(wǎng)絡特性，這種交互被應用在網(wǎng)站建設和網(wǎng)絡游戲之中，F(xiàn)lash已成為網(wǎng)頁制作和網(wǎng)絡互動的主要技術(shù)手段。交互性是新媒體藝術(shù)最重要的一個特征，也是Flash動畫區(qū)別于傳統(tǒng)動畫的本質(zhì)特征。Flash的交互性優(yōu)勢表現(xiàn)在以下三個方面：
2.1 支持事件響應和交互功能
在Flash動畫中，每個對象(符號或幀)都可以有自己的事件響應。設計者可以通過預先設置事件響應達到對動畫控制的目的。Flash 軟件中包含的帶有動畫效果的按鈕和菜單，在 Flash 軟件中可以隨意創(chuàng)建按鈕、多級彈出式菜單、復選框等進行交互設計。
2.2 利用 ActionScript 代碼，實現(xiàn)交互功能設計
ActionScript 是一種基于 ECMAScript 的面向?qū)ο缶幊陶Z言，用來編寫Adobe Flash 電影和應用程序，還可以設計各種各樣的簡單的和復雜的游戲。因此，F(xiàn)lash具有交互性技術(shù)優(yōu)勢，用戶通過點擊、選擇等動作決定事件的運行過程和結(jié)果。
2.3 組件為Flash交互動畫設計提供了更多的方式
組件是 Flash 應用程序的一部分，主要通過在交互組件中與應用程序進行交互來做出響應。 典型交互組件的響應可以是回答一個問題(如，填空)，從真或假中進行選擇(如，判斷、單選或多選)，或單擊屏幕的某個區(qū)域(如，選取某個圖形)。因此，利用組件可以實現(xiàn)填空、判斷、選擇、拖放、熱區(qū)等多種形式多樣、而又豐富的交互活動。可以很容易實現(xiàn)用鍵盤、鼠標控制圖形對象，實現(xiàn)交互小游戲的開發(fā)和設計。
3 Flash交互動畫的應用領域
Flash動畫交互性改變了傳統(tǒng)動畫的線性敘事方式，使使用者可以置入其中，根據(jù)個人需要使動畫以非線性敘事的方式呈現(xiàn)出來，充分調(diào)動了的積極性，從而引導使用者為了獲得信息或愉悅體驗而進行一系列人機交互。進一步符合了廣大受眾對于個性化的要求，被廣泛的運用到人們的日常生活當中，具有很強的實用性。
Flash 動畫同時是一門新興的藝術(shù)與科學相結(jié)合而形成的、具有非常廣泛學科優(yōu)勢的綜合性藝術(shù)形式[4]。在 Flash 動畫的創(chuàng)作和制作過程，實際上就是多種藝術(shù)門類和科學技術(shù)的綜合過程，因此，F(xiàn)lash交互動畫具備很高的實用價值和藝術(shù)價值。Flash 動畫應用領域十分廣泛——網(wǎng)站建設、廣告宣傳、教育教學、故事短片、游戲等，下面對幾種領域作一下著重介紹。
3.1 網(wǎng)站建設
基于Flash的交互動畫網(wǎng)站(如圖1所示)色彩艷麗、風格獨特，使得頁面生動而富有吸引力。
Flash交互動畫特別適合網(wǎng)站建設，幾乎所有的網(wǎng)頁界面里都可以見到Flash交互動畫。在網(wǎng)站建設中，廣告、字幕、網(wǎng)站窗口、按鈕等都可以用 Flash 交互動畫來制作，由于 Flash 動畫的應用，網(wǎng)頁界面一改過去的簡單、枯燥，而變得動感、多變、時尚、藝術(shù)感強、內(nèi)容更豐富，迎合了現(xiàn)代人的要求。
3.2 廣告宣傳
由于 Flash 動畫交互性強的特點，很多企業(yè)用 Flash動畫進行企業(yè)產(chǎn)品的展示，生動活潑的展現(xiàn)公司產(chǎn)品。例如，迪斯尼公司的宣傳廣告(如圖2所示)就用色彩明快的Flash交互動畫展示了特有的公司主題，充分體現(xiàn)了符合少年兒童年齡特點的活潑和可愛，吸引消費者的關(guān)注。
圖2 迪斯尼樂園宣傳Flash交互動畫
3.3 教育教學
用Flash動畫可以將文字、圖形、圖像、動畫、聲音、視頻集成于一體，設計出精彩有趣的多媒體學習課件，并具有一定的交互功能，被廣泛應用在計算機輔助教學中。它使教學內(nèi)容豐富多彩，形象直觀，使那些原本枯燥無味的知識變得富有趣味性，使學生產(chǎn)生極大的好奇心，從而激發(fā)了學生學習的興趣。例如，我們在講解逐幀動畫理論的時候，就可以利用Flash動畫課件來輔助學生更快理解(如圖3所示)。通過直接使用Flash設計交互動畫，先向?qū)W生展示1.2.3幅圖片，讓學生觀察區(qū)別，再連續(xù)播放，產(chǎn)生國旗飄動效果，就很直觀的向?qū)W生展示了逐幀動畫的應用了。
圖3 基于Flash交互動畫的“逐幀動畫”課件設計
3.4 故事短片
Flash 動畫技術(shù)門檻低，取材廣泛，幾乎所有的文學作品、相聲作品、小品、流行音樂，都能改編為動畫作品。學生在經(jīng)過一段時間學習后，就能掌握設計Flash交互動畫的基本要領了。例如，在2010年學生帶領學生制作的《升國旗》、《金色的秋》兩部動畫作品里(如圖4所示)，學生以身邊的故事為藍本，用細膩的感情勾畫出了青年人內(nèi)心對于美好的描述。
圖4 學生設計制作的Flash交互動畫升國旗及金色的秋
3.5 游戲
由于使用Flash的動畫可以實現(xiàn)交互控制，操作起來十分簡便，可以很好地將向量圖的靈活性和精確性與聲音、位圖、視頻融合起來，并且文件占用存儲空間小，因而 Flash動畫技術(shù)被廣泛的應用于各種游戲制作。由于Flash的動畫形式多樣、內(nèi)容豐富、色彩艷麗、交互性強，從而深受廣大用戶的喜愛�！动偪癫虏虏隆�，就是一款利用Flash交互技術(shù)實現(xiàn)的動畫游戲，在互聯(lián)網(wǎng)和移動設備上都能夠使用，并能帶給用戶很好的游戲體驗。由于大受歡迎，排在17173網(wǎng)站的最受歡迎小游戲首位。
4 Flash中交互動畫設計方法
Flash 中提供的ActionScript 程序語言使Flash 具有了交互功能，動畫的交互過程叫行為，它包含兩個部分：一是事件，一是事件引發(fā)的動作。通常情況下，計算機程序就是計算機分步執(zhí)行的一系列指令語句，甚至一些簡單的計算機程序僅包括幾個步驟指令以及程序的結(jié)束指令。然而，在Flash中提供的ActionScript 程序可以保持運行、等待用戶輸入或等待其它事件發(fā)生。Flash交互中的“事件”是確定計算機執(zhí)行哪些指令以及何時執(zhí)行的機制。從本質(zhì)上講，“事件”就是所發(fā)生的、ActionScript 能夠識別并可響應的事情。
在Flash中，交互是設計絕大部分“事件”的目的，許多事件都與用戶交互有關(guān)。我們通過對“事件”的設計，來實現(xiàn)用戶的交互體驗。例如，用戶點擊按鈕，或者按下鼠標或者鍵盤等等。在ActionScript語言執(zhí)行的過程中，F(xiàn)lash如同在等待用戶的響應，即事件的觸發(fā)，而后運行時間引發(fā)的動作，即執(zhí)行事件制定的特定的ActionScript 代碼。因此，創(chuàng)建交互式動畫的關(guān)鍵是設置當指定的事件發(fā)生時要執(zhí)行的動作。用戶的響應對“事件”的觸發(fā)，既可以在動畫播放到特定幀時觸發(fā)動作，也可以在用戶單擊按鈕或按鍵時觸發(fā)動作設計著可以為事件的響應設計一定的動作。事件一般包含鼠標事件、幀事件、電影片段事件等等，動作腳本也可以有很多，可由開發(fā)者根據(jù)需要來設計和編寫ActionScript 代碼。
通常Flash交互動畫作品主要是借助鼠標、鍵盤的移動或點擊來實現(xiàn)。例如，下面這個腳本語言代碼是為了實現(xiàn)當用戶單擊按鈕時，開始播放當前的影片剪輯的事件。其中，“playButton” 是按鈕的實例名稱，而 this 是表示“當前對象”的代指名稱：
this.stop();
function playMovie(event：MouseEvent)：void
{
this.play();
}
playButton.addEventListener(MouseEvent.CLICK， playMovie);
通過上面的腳本語言代碼就實現(xiàn)了在用戶響應交互動畫的點擊動作時，觸發(fā)播放影片的事件了。Flash交互動畫的最主要的互動形式就是通過對按鈕的點擊。當鼠標經(jīng)過或者點擊Flash 中嵌入的 “動態(tài)按鈕”時，就會鏈接到下一個窗口。而有時，按鈕除了具有鏈接的使用功能，還具有了裝飾作品的獨立意義。
還有一類Flash交互動畫在設計腳本是的主要目的是為了豐富畫面，一般常見的形式有鼠標跟隨、磁鐵鼠標和三維鼠標跟隨。有時為了更好實現(xiàn)互動效果，我們會通過使用在 Flash 中設計的鼠標指針來代替標準鼠標指針(如圖6所示)，可以將用戶的鼠標移動更緊密地集成到 SWF 文件中。
圖5 用Flash中設計的動畫代替標準鼠標指針 而想要實現(xiàn)這個非常容易集中用戶注意力的交互動畫效果卻并不復雜。首先，創(chuàng)建一個用來代替原有鼠標指針的影片剪輯，并將這個剪輯的實例放置在舞臺上。 在舞臺上選擇該影片剪輯實例。 在“屬性”面板中的講實例的名字命名為 new_mc。
在時間軸中選擇第 1 幀，然后在“動作”面板中添加下面的代碼：
Mouse.hide();
new_mc.onMouseMove = function() {
this._x = _xmouse;
this._y = _ymouse;
updateAfterEvent();
};
這時測試影片就會得到想要看到的指針若隱若現(xiàn)的動畫效果了。通常這個應用會廣泛用于交互動畫中，根據(jù)設計者制作的形式多樣、圖形各異的代替鼠標指針的影片剪輯，通過位圖、矢量圖、聲音等元素的融合，鼠標指針在交互動畫中就會有豐富的變化和效果，從而使瀏覽和使用者獲得更好的視覺體驗。
Flash 中提供的ActionScript腳本語言的功能也隨著Flash版本的更新，在逐漸的完善和強大。隨著設計者對于編程語言的深入學習和研究，ActionScript腳本語言中提供的豐富的計算機語言元素：常量、變量、運算符、表達式、函數(shù)、屬性、動作、對象等等，為設計者們提供了更寬廣的交互設計平臺。
5 總結(jié)和展望
Flash軟件從1995年誕生以來，從作為一個交互插件發(fā)展成為綜合的數(shù)字動畫、交互式Web站點、桌面應用程序以及手機應用程序開發(fā)和創(chuàng)作編輯環(huán)境。Flash已經(jīng)逐步成為一種動畫創(chuàng)作與應用程序開發(fā)于一身的創(chuàng)作軟件。這其中離不開Flash軟件開發(fā)團隊的不懈努力，同時也是眾多Flash交互動畫設計者們十幾年來努力研究Flash使用方法、提升Flash交互功能實現(xiàn)效果的結(jié)果。
由于Flash動畫的交互設計功能實現(xiàn)的方式不唯一，途徑和表現(xiàn)形式也豐富多樣，因而在追求Flash交互動畫設計技術(shù)提高的同時，我們也應當注重Flash交互動畫設計過程中所體現(xiàn)出的藝術(shù)性。
Flash是計算機技術(shù)與動畫藝術(shù)相結(jié)合的產(chǎn)物，技術(shù)的不斷發(fā)展使Flash交互動畫的藝術(shù)表現(xiàn)空間更加廣闊，而Flash交互動畫的藝術(shù)性又使得廣大設計者不斷追求計算機技術(shù)的提高。因而，在這個周而復始Flash 交互動畫的不斷創(chuàng)作和實踐過程中，技術(shù)和藝術(shù)得到了充分的結(jié)合。從而不斷拓展Flash交互動畫的應用領域，不斷推動Flash交互動畫向著更有影響力的方向發(fā)展。
【Flash的交互動畫設計】相關(guān)文章：
Flash動畫設計03-13
Flash動畫設計常識03-13
flash動畫設計優(yōu)點03-12
Flash動畫設計的根本03-19
Flash動畫設計知識的體系03-18
Flash動畫設計的知識體系03-18
Flash動畫設計與傳統(tǒng)動畫設計有什么區(qū)別03-12
flash動畫設計都要學哪些知識03-18
Flash動畫設計中的色彩文化介紹03-12