商業Flash設計經驗談（一）

設計

看到這個題目您也許會說，Flash本身就是很酷眩的。很多Flash初學者認為，只要動的元素多就是眩，就是動感十足。其實動態效果設計本身就是一門學問，國外有很多傳統動畫師可能為此付出了畢生的精力。作為利用Flash來傳達思維的網路設計師，應該充分吸取傳統動畫、卡通、視頻等多種表現形式的經驗和技巧，真正使你的作品流暢而富於動感。在我這兩年來的商業Flash設計中，嘗試了很多的動態效果、視覺表現手段，也研究欣賞過不少國外的優秀作品，希望我的一點點心得能夠給大家以協助。作者水平有限，不足之處，請不吝賜教！ 　　文章由一個執行個體入手，主要從流程設計、節奏控制、速度感、視覺衝擊力幾個方面談談我的商業flash設計感受。 　　一、設計流程 　　這裡所說的流程就是Flash設計時的工作流程，不論是小組還是個人，這個流程的每一個環節都是必不可少的。 　　1、靜態效果圖結構圖 　　任何動畫都離不開平面美術，就像好的電影有一個好的美術指導一樣。因此在做Flash之前，我們應該先使用photoshop等軟體將整個Flash動畫中，幾個關鍵情境和出現元素的效果圖畫出來。（如圖1、2、3）這是一個宣傳CDMA行動電話網的標題，設計風格：科技、高速、精準。這3張效果圖本身也標誌了動畫的結構：引子、動畫主體、結束總結。如果動畫結構更加複雜，比如動畫主體當中還有轉場等情況，也需要畫出更多相應的效果圖。 圖1 圖2 圖3 　　2、動畫設計 這一步我們要按照設計好的效果圖，具體來設計整個動畫，其實也就是用各種動態效果把靜態效果圖中的元素串聯起來。（如圖4） 圖4 　　為了不使我們的動畫成為流水帳，需要使動畫有明顯的節奏感，並在結構上有明顯的過渡，當然過渡也要合理、流暢，不能生硬、唐突。下圖中（如圖5、6），就是一個結構過渡其中的2楨，圖5中，一直在兩端的灰色板塊一至向中心移動。使整個畫面過渡到灰色，圖6中文字斜飛出，灰白底框漸出。這樣就形成了明顯的結構過渡。 圖5 圖6 　　3、配音 理論上講，音樂應該在動畫結構設計的時候就開始製作。但是，國內的Flash設計一般都是1，2個人完成，很難有專人配樂。一般都是在動畫設計完成以後，從素材庫中找一些合適的音樂進行配音。好一點的可能也會根據音樂來設計動畫。不管是什麼順序，最重要的就是合適，風格、節奏的合適才能使畫面和音樂渾然一體。（如圖7） 圖7 　　二、節奏控制 　　好的動畫應該是視覺衝擊與資訊傳達相結合，流暢充滿美感，這些都需要我們為動畫設計一個好的整體節奏。 　　1、起伏 　　假如我告訴你我要做一個標題動畫，動畫的開始（引子）是一段漸起的音樂，動態柔和唯美，隨著音樂的漸強達到高峰，也進入動畫第2階段，這是動畫主體也是資訊傳達的主要時期，在連續高速的動畫過後音樂嘎然而止，進入結束畫面，也就是整個動畫的結尾。那麼這個動畫的整體節奏起伏是什麼樣子呢？如下圖：（如圖8）。這種節奏更適合做介紹產品的動畫，敘事性強。 圖8 　　節奏起伏還可以有很多種，比如快慢交替，不管是什麼節奏，都是為傳達設計者的概念而服務。我們在觀看優秀的Flash作品的時候一定要注意觀察他的整體節奏，以及節奏與傳達概念之間的聯絡。這也是動畫的精髓所在。 　　2、交替 　　在具體的元素動態效果上，我們經常會採取速度交替的動態效果。例如，文字從畫面的左部飛入，速度飛快，（如圖9）到達目標位置以後速度減慢，右部飛入更大，透明度更低的相同文字。（如圖10）兩文字交錯而行，速度很慢（圖11）。這種速度與位置的交錯，滿足了動畫對速度的需求，也實現了清楚傳達資訊的目的！ 圖9 圖10 圖11 　　3、效果 　　不同的動畫節奏，需要不同的動畫效果來處理。節奏悠揚舒緩，元素的動態效果也多採用移動、淡入淡出、條形遮罩、單線條等表現方式。如果節奏緊張、快捷，則多採用閃動、高速位移、旋轉、耀眼光芒等表現方式。效果沒有定式，我們可以學習大師作品的精髓，但也要有原創的東西。好的Flash作品不是效果的累加，再好的效果不能為內容服務，也是累贅。（如圖12） 圖12