Flash動(dòng)畫角色設(shè)計(jì)的色彩搭配研究

摘 要：Flash軟件憑借易操作性，文件量小等特點(diǎn)在二維動(dòng)畫領(lǐng)域大展頭角，并延伸至各個(gè)領(lǐng)域。從色彩搭配對Flash軟件的基本功能及flash動(dòng)畫造型的重要性的研究出發(fā)，剖析二維動(dòng)畫角色造型的色彩搭配方法，探尋適合國產(chǎn)flash動(dòng)畫的發(fā)展道路。

關(guān)鍵詞：Flash；二維動(dòng)畫；色彩構(gòu)成；色彩搭配；角色造型

中圖分類號：J2 文獻(xiàn)標(biāo)志碼：A 文章編號：1002-2589（2014）08-0150-03

一、Flash軟件概述

（一）Flash現(xiàn)況

Flash是adobe公司發(fā)布的應(yīng)用于創(chuàng)建矢量二維動(dòng)畫（包括web動(dòng)畫）與應(yīng)用程序的軟件。設(shè)計(jì)者可以加入音頻、視頻、圖片使動(dòng)畫更生動(dòng)。Flash的生成文件swf.壓縮率高，所以占用空間非常小。矢量圖形的廣泛運(yùn)用給網(wǎng)頁動(dòng)畫提供了平臺。位圖文件量大的原因是因?yàn)槲粓D是由像素組成，而每個(gè)像素的RGB值都需要一個(gè)數(shù)據(jù)來表示。矢量圖像則完全不受圖像大小的限制，可以任意的縮放，一定程度上可以減小因文件占用空間大對圖片質(zhì)量的影響。特效方面，F(xiàn)lash本身就具有制作動(dòng)畫效果的功能，如雷雨，閃電等自然特效。配合運(yùn)用adobe公司的AE（After effect）軟件可以實(shí)現(xiàn)更加豐富的二維動(dòng)畫效果。截至現(xiàn)在，F(xiàn)lash professional cs5可以算是Flash中比較完備的一個(gè)版本，它承接了之前版本Flash的優(yōu)點(diǎn)，基本框架相類似。同時(shí)增設(shè)了IOS項(xiàng)目開發(fā)、Scale content with stage、矢量圖轉(zhuǎn)化成位圖，圖層的完整復(fù)制等功能，繼續(xù)為交互式網(wǎng)站、二維動(dòng)畫的創(chuàng)建提供平臺。

（二）Flash應(yīng)用領(lǐng)域

隨著版本的不斷升級，其功能和應(yīng)用領(lǐng)域也在不斷拓展，從矢量圖形繪制，交互式網(wǎng)頁動(dòng)畫，按鈕，課件到特效，用Flash制作的動(dòng)畫隨處可見。目前運(yùn)用最多的對象編程語言是ActionScript3.0，其他的常用的還有AIR For Android，AIR For IOS，F(xiàn)lash lite 4等，分別針對不同的對象主體。其中運(yùn)用最多的是二維動(dòng)畫制作，現(xiàn)今大多數(shù)國產(chǎn)動(dòng)畫公司采取的就是Flash制作動(dòng)畫結(jié)合Photoshop繪制場景或者完全使用Flash制作動(dòng)畫與場景的制作方法，生產(chǎn)了一系列動(dòng)畫作品，如《喜羊羊與灰太狼》、《開心超人》、《方小盒》等等。

（三）Flash基本功能

打開Flash后會出現(xiàn)歡迎面板，此時(shí)用戶要根據(jù)自己的需要選擇創(chuàng)建的文件類型。通常Flash默認(rèn)會顯示菜單欄，工具欄，屬性框，時(shí)間軸，舞臺以及其他面板。主面板有這樣一些工具：套索工具（用于選取矢量圖形需要的部分）、滴管工具(用于選取顏色)、墨水瓶工具（用于線條上色）、線條工具（畫直線曲線）等等。下面重點(diǎn)介紹幾種常用的功能。

1.創(chuàng)建元件（symbol）

元件是Flash存放在庫中的可用資源，對動(dòng)畫制作有非常重要的作用。元件的類型有三種，分別是圖形、按鈕和影片剪輯元件，其中影片剪輯元件是功能性最強(qiáng)大的元件，因?yàn)樗梢詫?shí)現(xiàn)濾鏡，混合和顏色變化效果。創(chuàng)建元件有兩種方法，一是插入新建元件，二是選定圖形之后轉(zhuǎn)化為元件（快捷鍵F8）在制作動(dòng)畫時(shí)，把元件直接拖放在舞臺上形成一個(gè)新的實(shí)例，Photoshop和Illustrator的源文件可以被自由導(dǎo)入到flash中，并且保留原有圖層，給動(dòng)畫編輯制造便捷的環(huán)境。

2.矢量圖繪制

“在flash中可以使用矩形、橢圓和線條創(chuàng)建有趣的、復(fù)雜的圖形和插圖。把它們與漸變、透明度、文本和濾鏡結(jié)合起來、可以創(chuàng)建出更精彩的效果。”[1]Flash中的圖形都是通過外部線框和填充色來實(shí)現(xiàn)的，通常情況下先用線條工具繪制輪廓，再使用油漆桶工具來填色，結(jié)合透明度和多種填充方式（如位圖填充，漸變色填充），就能實(shí)現(xiàn)豐富的色彩效果。在矢量圖繪制完成之后，可以使用“任意變形工具”調(diào)整圖形或元件的大小、形狀、透視。

3.添加動(dòng)畫

在添加動(dòng)畫之前，要先將手繪的原畫按照鏡頭號，逐幀輸入到flash當(dāng)中。然后再按照原畫底稿繪制線條，填充顏色，添加中間畫和動(dòng)畫是在角色和背景繪制完成后。制作動(dòng)畫是flash最基本也是最重要的功能，是整個(gè)軟件的核心。動(dòng)畫包括形狀補(bǔ)間和動(dòng)畫補(bǔ)間兩種類型。其中形狀補(bǔ)間是針對打散（快捷鍵Ctrl+B）的圖形進(jìn)行編輯，動(dòng)畫形式相對多變和復(fù)雜，用戶可以在任意打散的兩個(gè)圖形關(guān)鍵幀之間添加形狀補(bǔ)間，以實(shí)現(xiàn)豐富的圖形效果。

二、色彩對于Flash動(dòng)畫造型的重要性

Flash在動(dòng)畫以及應(yīng)用程序開發(fā)中充分發(fā)揮優(yōu)勢。由于Flash動(dòng)畫的造型難度不大，矢量圖形的線條較單一，所以在造型方面對色彩的要求極考究，對影片影響極大。Flash動(dòng)畫是聲與色的結(jié)合，即色彩和音頻的結(jié)合，并且色彩又是動(dòng)畫角色造型的重要構(gòu)成要素，加之flash動(dòng)畫作為矢量二維動(dòng)畫的特殊性，因此可見色彩對于Flash動(dòng)畫的重要性。動(dòng)畫的制作流程大致為：劇本完稿，角色設(shè)計(jì)，分鏡臺本繪制，原畫，中間畫，加動(dòng)畫，角色上色，背景上色，配音，后期合成等步驟。其中，分鏡，原畫，加動(dòng)畫和上色都是在Flash中直接繪制的，并且在建成基本矢量線條框線之后就要開始人物和場景顏色的添加，可見色彩填充對于Flash動(dòng)畫的重要性。如今正在央視播出的美國電視動(dòng)畫片《妙妙森林》甚至沒有線框完全憑借塊狀色彩來表現(xiàn)人物，形成了一種獨(dú)到而簡單的學(xué)院派風(fēng)格。動(dòng)畫角色是動(dòng)畫中的表演對象，是用于傳達(dá)劇情的虛擬媒介?！吧适怯耙晞?dòng)畫中角色設(shè)計(jì)的重要元素之一，它對于動(dòng)畫角色有著基本的色彩表現(xiàn)和結(jié)構(gòu)造型作用，并且能夠表達(dá)角色的情感，塑造角色的性格?！盵2]色彩對于flash動(dòng)畫的重要性體現(xiàn)在以下幾個(gè)方面。

（一）色彩是傳達(dá)情感，表現(xiàn)角色形態(tài)的媒介

色彩心理學(xué)是近幾年興起一門學(xué)科。色彩心理學(xué)家認(rèn)為，人的第一感覺就是視覺，對視覺影響最大的就是色彩。色彩對于情緒和理有著密切的聯(lián)系，人類對其的識別是一種直觀的感受。看到色彩時(shí)會對不同的顏色產(chǎn)生或輕或重，或軟或硬，或冷或暖的心理感受，甚至因此產(chǎn)生愉悅感或抑郁感。例如，在以宣傳為目的的flash廣告動(dòng)畫中，色彩的搭配是否吸引眼球，成為影響產(chǎn)品認(rèn)可度的關(guān)鍵。色彩因素反映出角色豐富的心理變化。

（二）色彩加強(qiáng)角色的性格特征

劇本設(shè)定中，角色被賦予各種性格，在角色設(shè)計(jì)階段，不同角色的因性格的差異被設(shè)定成符合性格的外貌。決定角色外貌的是線條，而增強(qiáng)角色性格特征的是色彩。色彩在角色造型，場景繪制中的使用，對動(dòng)畫角色性格的塑造，影片的氣氛渲染，情節(jié)的推進(jìn)都有很大的影響，關(guān)系到動(dòng)畫片整體的感染力，觀賞性，內(nèi)涵的詮釋，是角色設(shè)計(jì)中非常重要的過程。阿思海姆這樣說：“講到表情作用，色彩卻又勝過形狀一籌，那落日的余暉以及地中海的碧藍(lán)色彩所傳達(dá)的感情，恐怕是任何確定的形狀也望塵莫及的?！盵3]

（三）用色決定影片風(fēng)格

“一部動(dòng)畫影片風(fēng)格的確立是基礎(chǔ)，風(fēng)格決定整部影片的色彩，色彩則是風(fēng)格的重要表達(dá)手段，”[4]出色的色彩搭配具有獨(dú)特的審美價(jià)值和藝術(shù)效果。二維動(dòng)畫與三維動(dòng)畫的主要區(qū)別就在于運(yùn)用不相同的手段來獲取影片中的景物表現(xiàn)效果。三維動(dòng)畫以現(xiàn)代計(jì)算機(jī)多媒體技術(shù)作為支撐，具有視點(diǎn)廣闊的優(yōu)點(diǎn)，可以看到角色的多個(gè)面。優(yōu)秀的二維動(dòng)畫的優(yōu)點(diǎn)在于獨(dú)特的影片風(fēng)格，豐富的鏡頭語言。這就要求動(dòng)畫師不斷嘗試轉(zhuǎn)變思維模式，跳出慣有的色彩搭配方式。例如薩格勒布學(xué)院派的作品因其獨(dú)樹一幟的對比色調(diào)搭配為動(dòng)畫界樹立了全新的美學(xué)標(biāo)準(zhǔn)。

三、經(jīng)典動(dòng)畫角色設(shè)計(jì)色彩運(yùn)用實(shí)例分析

著名動(dòng)畫大師卡戈?duì)柭@樣說，“這（指經(jīng)典動(dòng)畫形象）都是一些已經(jīng)銘刻在集體記憶中的人物，一些也許還會在許多年里受到人們喜歡的人物，一些表現(xiàn)大眾文化的永久價(jià)值的人物。因?yàn)樗麄兙哂心撤N特色——可以像童話那樣觸動(dòng)人們最原始的感覺和情感、需要的動(dòng)機(jī)——某種在藝術(shù)性之外有著深刻人性的東西?！盵5]可見動(dòng)畫角色的影響是深遠(yuǎn)的。一些經(jīng)典動(dòng)畫形象，如迪士尼系列、小飛象、花木蘭、神筆馬良等等，歷經(jīng)幾十年仍然經(jīng)久不衰，他們從劇情中剝離出來，成為獨(dú)立而生動(dòng)的個(gè)體。他們伴隨著許多青少年成長，成為他們青少年時(shí)期的一部分，甚至影響了他們的一生?，F(xiàn)以國產(chǎn)flash動(dòng)畫《星游記》為例，分析色彩在flash動(dòng)畫角色設(shè)計(jì)中的用法和技巧。

《星游記》（Rainbow Sea）是近幾年國產(chǎn)flash動(dòng)畫中的精品，在第十五屆“首爾國際動(dòng)漫節(jié)”上奪得“最佳創(chuàng)意獎(jiǎng)，也是國產(chǎn)動(dòng)畫片上一個(gè)里程碑式的最高獎(jiǎng)項(xiàng)?！彪m然是矢量圖形，但是《星游記》角色線條的flash感并不強(qiáng)，有傳統(tǒng)手繪二維動(dòng)畫的風(fēng)格。大部分的角色的近景和特寫有加強(qiáng)立體感的修飾線，形成了細(xì)膩的光影效果，畫質(zhì)精細(xì)。角色的繪制都是在flash上完成的，造型風(fēng)格偏美式。角色造型設(shè)計(jì)必備的技能是色彩元素的合理運(yùn)用，色彩元素同時(shí)是動(dòng)畫創(chuàng)作中不可或缺的關(guān)鍵元素，我們通過對《星游記》中幾個(gè)代表人物的角色造型來分析flash動(dòng)畫造型的色彩元素的運(yùn)用。

麥當(dāng)：充滿自信的廚師，面對困難總是勇往直前又堅(jiān)強(qiáng)的主角。所以設(shè)計(jì)師給麥當(dāng)賦予的服飾是象征熱情活力的紅色背心，短褲和圍裙，服裝細(xì)節(jié)部分采用了中國元素，比如背心上黃色的旗袍盤扣。主要武器道具是一根酷似金箍棒的搟面杖，符合他廚師的身份。整體來看，麥當(dāng)采用了三種顏色，即紅色為主色，黃色為修飾，白色為調(diào)和輔助。大部分紅色的服飾的使用，體現(xiàn)的是麥當(dāng)?shù)男愿裼掠谟犹魬?zhàn)的魄力。紅色與黃色屬于對比色相對比，效果強(qiáng)烈，活潑，豐富，不容易產(chǎn)成單調(diào)乏味感，再通過白色的調(diào)和改善對比效果，相得益彰。

咕咚萌西：亞亞羅星球的國王，在片中承擔(dān)調(diào)節(jié)氣氛的搞笑配角。造型類似于兔子，可愛、膽小卻又自負(fù)。作為活潑可愛的角色，咕咚萌西的角色配色很豐富，比如純度高的果綠色，明黃色，朱紅色，群青色都廣泛應(yīng)用在它的衣著上，大量的補(bǔ)色對比，效果明快，醒目，生動(dòng)。

笛亞：安靜聰明的少女形象，在麥當(dāng)?shù)年?duì)伍中負(fù)責(zé)解說戰(zhàn)術(shù)。在造型設(shè)計(jì)方面，她的眼神刻畫很有神韻，青藍(lán)色的眼睛透著睿智的光芒，手執(zhí)一本棕褐色的古籍。笛亞的造型以白色和湖藍(lán)色為主色，中差色相對比，不僅鮮明，而且不乏高雅、和諧，柔和的感覺。角色造型有設(shè)定的主色調(diào)，該色彩在角色中所占的空間面積，決定了角色的性格傾向。湖藍(lán)色的寧靜深邃，白色的純潔冷靜都很好地襯托了笛亞睿智的形象。

四、Flash動(dòng)畫角色的色彩搭配方法

（一）角色配色要求

1.讓色彩使影片風(fēng)格化

動(dòng)畫角色造型是將角色從文字形式的劇本轉(zhuǎn)化為具體的動(dòng)畫形象的過程。設(shè)計(jì)師除了需要具備專業(yè)的畫工之外，更要充分理解劇本，把握影片的風(fēng)格，是制作流程中必不可缺的一個(gè)環(huán)節(jié)。而角色的色彩搭配正是確定影片風(fēng)格的重要階段。

2.角色配色需與主題契合

在藝術(shù)創(chuàng)作方面，色彩搭配風(fēng)格應(yīng)與影片的主題相符。所以確立一部動(dòng)畫片的色彩設(shè)計(jì)風(fēng)格，首先要從作品的內(nèi)容考慮。比如家喻戶曉的迪士尼動(dòng)畫《功夫熊貓》(KungFuPanda），這是一部講述一個(gè)被面條店老板收養(yǎng)的棄嬰熊貓阿寶心懷“功夫夢”，最終陰差陽錯(cuò)地成為神龍大俠，歷經(jīng)千辛萬苦拯救世界的勵(lì)志故事。背景設(shè)定在古代中國，場景設(shè)計(jì)師曾多次來中國拍攝實(shí)景，將中國經(jīng)典的用色搭配投射到影片中，如經(jīng)典的中國紅，碧色的琉璃屋頂，赤金的皇宮寶殿，桃花源般的修煉場所，每張場景都可以作為單獨(dú)的裝飾畫，十分具備觀賞性，與主題銜接緊密，所以在國內(nèi)外享有廣泛好評。在人物造型和色彩搭配方面，主角阿寶（POO）是一直肥碩滑稽但又活潑靈活的熊貓，所以設(shè)計(jì)師給他設(shè)計(jì)了一條明度高的橙黃色為主色的短褲，映襯阿寶好動(dòng)的個(gè)性，腰帶上的祥云紋飾體現(xiàn)了中國元素。由此可以看出，在角色設(shè)計(jì)過程中，色彩搭配的設(shè)計(jì)要與性格，動(dòng)作、表情、場景以及故事情節(jié)相互襯托。所以無論是從角色造型設(shè)計(jì)還是動(dòng)畫場景來考慮，色彩的使用是否與主題緊密契合都是影響動(dòng)畫表現(xiàn)力的重要因素。動(dòng)畫角色的用色制作和設(shè)計(jì)是藝術(shù)創(chuàng)作和表現(xiàn)技巧的有機(jī)結(jié)合。

3.拋棄固有思想，大膽創(chuàng)新

設(shè)計(jì)師不僅要具備專業(yè)素質(zhì)，還需要具備積極創(chuàng)新的精神和可以不斷發(fā)掘的想象力。雖然必須要敢于打破固有的配色思路，比如草綠色的森林，朱紅色的太陽，檸檬黃的月亮，淺蟹灰的地板這些常規(guī)的配色方式。但創(chuàng)新的同時(shí)要著眼劇本，確定色彩風(fēng)格，要廣泛收集材料，學(xué)習(xí)歐美日韓還有國產(chǎn)優(yōu)秀二維動(dòng)畫片的精髓。同時(shí)多角度充分發(fā)揮想象力，用色彩填充塑造豐滿立體的人物。

（二）原理與技巧

Flash的上色過程很便捷，封閉圖形內(nèi)用油漆桶（快捷鍵“K”）即可，重點(diǎn)則放在角色顏色的搭配和選取上。如何選取適當(dāng)?shù)念伾钆洳粌H需要設(shè)計(jì)師充分發(fā)揮想象力，同時(shí)也是要遵循一定規(guī)律。此時(shí)就需要參照色彩構(gòu)成（Interactionof Color）原理，運(yùn)用科學(xué)方式，分析flash動(dòng)畫造型的色彩搭配規(guī)律。

1.基本配色原理

（1）近似色配色法：使用色相、明度、純度相接近的顏色進(jìn)行搭配。使用近似色搭配很協(xié)調(diào)。近色調(diào)配色利用某種單一色相的明度，純度變化進(jìn)行搭配，是一種穩(wěn)定的配色方式。

（2）漸變色配色法：“按色相、明度、艷度三要素之一的程度高低依次排列顏色。特點(diǎn)是即使色調(diào)沉穩(wěn)，也很醒目，尤其是色相和明度的漸進(jìn)配色。彩虹既是色調(diào)配色，也屬于漸進(jìn)配色?！盵6]漸進(jìn)色在角色服飾和道具方面經(jīng)常被使用，可以增加服飾道具的立體感，使人物彩更豐富立體。

（3）夜配色法：“嚴(yán)格來講這不算是真正的配色技巧，但很有用。高明度或鮮亮的冷色與低明度的暖色配在一起，稱為夜配色或影配色。它的特點(diǎn)是神秘、遙遠(yuǎn)，充滿異國情調(diào)、民族風(fēng)情。比如：鳧色配勃艮第酒紅，翡翠松石綠配黑棕?！盵6]

（4）對比色配色法：對比色配色法：對比色搭配法即充分利用顏色的差別屬性搭配。在明度，純度，色相上有很大差異的顏色搭配在一起，會產(chǎn)生生動(dòng)鮮明的感受。

2.色彩的聯(lián)想及抽象意義

上文我們曾提到過色彩對于情緒和理有著密切的聯(lián)系，使人產(chǎn)生不同的心理感受。我們可以結(jié)合人物性格把這種原理運(yùn)用到角色造型配色中。

（1）紅色：暖色系，色感偏重。紅色是一種強(qiáng)烈而明快的顏色，在角色造型中屬于常用色。通過紅色可以聯(lián)想到太陽，鮮血，花朵，旗幟，寓意活潑，熱烈，溫暖，積極，勇敢，可以用于女性動(dòng)畫角色的飾品裝飾，表現(xiàn)角色活潑熱情或蠻橫可愛的個(gè)性。

（2）黃色：檸檬黃色感偏輕，飽含積極，力量的傾向，具有光芒，金錢，收獲，果實(shí)，等象征意義。以黃色為主要顏色的動(dòng)畫角色，大多是充滿智慧且給人希望的。

（3）綠色：綠色是藍(lán)色和黃色的混合色，也是最貼近自然的顏色，因?yàn)閰s大多數(shù)植物都是綠色系的，它象征生命，活力，和平。

（4）藍(lán)色：冷色系，深藍(lán)色色感偏重給人以冷靜，深邃，成熟與包容的感受。

（5）粉紅色：粉紅色是最接近皮膚的顏色。角色的膚色大多是粉色，或根據(jù)性格的設(shè)定。一般情況下，主角和正面角色的膚色屬粉紅色偏暖，趨近于橙黃色，反面角色則偏冷，趨近于白色或青色。

近年以來，以flash軟件為主導(dǎo)的國產(chǎn)動(dòng)畫的色彩設(shè)計(jì)產(chǎn)生了驚人的進(jìn)步，主要表現(xiàn)在角色造型設(shè)計(jì)師和場景設(shè)計(jì)師廣泛學(xué)習(xí)各種題材和利用豐富的色彩創(chuàng)作元素。比如設(shè)計(jì)師們經(jīng)常利用中國傳統(tǒng)民俗文化中的剪紙藝術(shù)，年畫，水墨，皮影，山水畫以及傳統(tǒng)古建筑中的色彩元素等等。雖然flash動(dòng)畫色彩設(shè)計(jì)在我國發(fā)展勢頭良好，但總體來說還存在原創(chuàng)性不強(qiáng)，質(zhì)量不高，人才流失等問題。

必須踏實(shí)解決面臨的困境，適度合理地學(xué)習(xí)國外優(yōu)秀的動(dòng)畫作品，充分利用我國的文化資源，為我國flash二維動(dòng)畫創(chuàng)造更廣闊的市場空間。

參考文獻(xiàn)：

[1]美國Adobe公司.Adobe FlashCS4中文版經(jīng)典教程[M].陳宗斌，譯.北京：人民郵電出版社，2009.

[2]劉婧婧，黃美晴.論色彩在動(dòng)畫角色設(shè)計(jì)中的作用[J].電影文學(xué)，2011(14).

[3][美]阿思海姆.藝術(shù)與視知覺[M].成都：四川人民出版社，2010.

[4]王宏磊，畫面色彩對動(dòng)畫風(fēng)格的影響[J].北方文學(xué)：下半月，2011(5).

[5][德]于爾根·卡格爾曼.動(dòng)漫寶典[M]南寧：廣西師范大學(xué)出版社，2007.

[6]朱小軍，常利群.色彩構(gòu)成[M].天津：天津大學(xué)出版社，2010.