FLASH動(dòng)畫中人物動(dòng)態(tài)表情設(shè)計(jì)與制作

林海寧

摘要：FLASH集成矢量圖形制作與動(dòng)畫設(shè)計(jì)于一身，一直作為最流行和最實(shí)用的多功能網(wǎng)絡(luò)媒體開發(fā)工具（RIA）被動(dòng)畫設(shè)計(jì)人員所采用。人的表情多種多樣，表達(dá)著人們的喜怒哀樂，動(dòng)畫表情以適時(shí)的夸張手法來強(qiáng)調(diào)人物的個(gè)性，能制造出許多意想不到的效果，掌握人物的生命就在于生動(dòng)的臉部表情演出，如何設(shè)計(jì)動(dòng)畫人物的表情，在整個(gè)動(dòng)畫制作中相當(dāng)重要。

關(guān)鍵詞：FLASH；人物表情；圖層；關(guān)鍵幀

中圖分類號(hào)：TP391文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2012)21-5214-06

Flash Animation Character Dynamic Expression Design and Production

LIN Hai-ning

(Fujian Ningde Finance School, Ningde 352100, China)

Abstract: FLASH integrated vector graphics production and animation design one, has been the most popular and practical multi-func? tional network media development tools (RIA) animators. Variety of human expression, expressing the emotions of the people, animated fa? cial expressions timely hyperbole to emphasize the characters personality, able to create a lot of unexpected results, and to grasp the charac? ters to life is vivid facial expressions performances, how to design an animated facial expression, very important in the entire animation.

Key words: FLASH; people face; layers; keyframes

1 FLASH動(dòng)畫與人物表情

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)絡(luò)生活逐漸成為人們新生活的擴(kuò)展。在日常生活當(dāng)中，人的表情多種多樣，表達(dá)著我們的喜怒哀樂，體現(xiàn)著我們的心情，讓我們的生活變豐富多彩。

FLASH是一種優(yōu)秀動(dòng)畫創(chuàng)作與應(yīng)用程序開發(fā)于一身的創(chuàng)作軟件，F(xiàn)LASH集成矢量圖形制作與動(dòng)畫設(shè)計(jì)于一身，支持資源導(dǎo)入、多格式發(fā)布、插件擴(kuò)充、流式播放等特性，為創(chuàng)建數(shù)字動(dòng)畫、交互式Web站點(diǎn)、桌面應(yīng)用程序以及手機(jī)應(yīng)用程序開發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。在網(wǎng)絡(luò)上由FLASH制作的各種各樣的視頻、聲音、圖形和動(dòng)畫作品無數(shù)，豐富多彩，引人入勝，特別是FLASH動(dòng)畫制作的人物吸引大量的目光。

在FLASH動(dòng)畫制作人物中，人物是動(dòng)畫中的靈魂。人物都是充滿個(gè)性的，活靈活現(xiàn)的出現(xiàn)在我們眼前，共同演繹著劇情。而人物表情是人物的核心，如果動(dòng)畫人物有動(dòng)作沒有表情是不是很無聊呢，甚至我們不會(huì)了解人物的喜怒哀樂，缺少代入感的動(dòng)畫是非常失敗的動(dòng)畫。人的面部表情是非常豐富的，在動(dòng)畫中人物的表情要根據(jù)劇情的需要進(jìn)行夸張?zhí)幚怼１憩F(xiàn)人物表情時(shí)應(yīng)注意表情的夸張，以此來增加動(dòng)畫人物的趣味性和觀賞性。

2 FLASH動(dòng)畫制作的特點(diǎn)

制作人物表情時(shí)身體繪制與臉部表情繪制是分開制作的，這樣更容易發(fā)揮FLASH元件的優(yōu)勢(shì)，通過替換和修改元件來達(dá)到人物表情豐富的效果。

多數(shù)情況下，人物表情是有變化的，而不是簡(jiǎn)單一個(gè)表情。在一些動(dòng)畫中，我們用符號(hào)替代五官更能體現(xiàn)人物的表情，

人物的面部表情和說話時(shí)的口形變化是動(dòng)畫設(shè)計(jì)中經(jīng)常出現(xiàn)的畫面，必須研究并掌握其規(guī)律?？谛蔚淖兓桥c說話的內(nèi)容和動(dòng)作相聯(lián)系的。一般情況下，制作人物說話時(shí)把嘴形變化動(dòng)畫單獨(dú)制作成元件，方便替換和修改。

3 FLASH動(dòng)畫人物動(dòng)態(tài)表情制作分析

在FLASH動(dòng)畫設(shè)計(jì)人物中，可用的表情動(dòng)作卻是豐富多彩，特別是動(dòng)態(tài)表情的出現(xiàn)，更能將某種情緒的表現(xiàn)生動(dòng)而有趣地展現(xiàn)出來，這種表現(xiàn)力有時(shí)比文字的表達(dá)還要入木三分。通過繪制一款外形統(tǒng)一且具有個(gè)性化的動(dòng)態(tài)表情來進(jìn)一步了解與研究FLASH動(dòng)畫人物動(dòng)態(tài)表情設(shè)計(jì)。

首先圖片尺寸選定用128×128像素作為這套表情的統(tǒng)一尺寸。并且我們選定使用可愛的美眉作為做表情的對(duì)象，美眉使用Q版風(fēng)格來體現(xiàn)惹人愛特點(diǎn)，關(guān)于人物的表情我們可以參照其他人已經(jīng)制作好的表情或者參照一般卡通繪畫書上面的表情來繪制。

在開始制作前先來看一下制作完幾個(gè)Q版表情的效果，如圖1所示。

圖3

5）新建“衣服”圖層，將其他圖層“鎖定”，繪制衣服的輪廓將其填充顏色。繪制時(shí)要注意頭部和身體的比例，Q版的人物頭部和身體可以是1:1或1:2，通常情況下頭越大越可愛。給衣服添加陰影，并且加上寫有小美眉名字大寫字母的兜。繪制兩條胳膊，新建“腿部”圖層。

圖8安靜的表情

3）眼睛繪制好后將眼睛轉(zhuǎn)換為圖形元件，設(shè)置“眼睛”元件的【圖形選項(xiàng)】屬性為“循環(huán)”，雙擊進(jìn)入元件編輯模式。在第3幀添加關(guān)鍵幀并延長(zhǎng)到第4幀，將第3幀的眼球略微旋轉(zhuǎn)。

4）返回“表情動(dòng)畫”編輯窗口，新建“表情2”圖層繪制微笑的表情，在第5幀添加關(guān)鍵幀，和表情1的幀錯(cuò)開，便于之后導(dǎo)出序列圖。

5）將“表情1”的圖形復(fù)制到“表情2”，為了制作方便使用“表情1”來修改成“表情2”。將眼睛和嘴分別縮放200%，嘴略微旋轉(zhuǎn)，如圖9所示。

圖13大笑的表情

10）繪制第6個(gè)壞笑的表情，如圖14所示，制作第3幀動(dòng)畫時(shí)眼珠左右看。

11）繪制第7個(gè)鬼笑的表情，如圖15所示，這個(gè)表情和壞笑表情類似，不同的是嘴笑的方式不同。

12）繪制第8個(gè)齷齪的表情，如圖16所示，眼睛旁邊金星的變化。

13）繪制第9個(gè)哭的表情，如圖17所示，流眼淚的表情變化。

14）繪制第10個(gè)快樂的表情，如圖18所示，嘴笑的表情變化。

15）返回主場(chǎng)景中，將圖層延長(zhǎng)到第40幀，設(shè)置“表情動(dòng)畫”元件的圖形選項(xiàng)屬性為“播放一次”，將元件放置到場(chǎng)景中間，預(yù)覽影片即可看到10個(gè)表情連續(xù)播放的動(dòng)畫。如圖19所示。

3.3導(dǎo)出表情

如圖20所示。

1）在主場(chǎng)景中選擇導(dǎo)出影片，保存類型中選擇“PNG序列文件”，輸入文件名。使用默認(rèn)設(shè)置

2）打開ImageReady選擇文件→導(dǎo)入→作為幀的文件夾，在彈出的窗口中選擇保存序列圖的文件夾，然后確定。

用FLASH制作動(dòng)畫人物表情時(shí)，可以將動(dòng)畫人物的臉部與外貌編輯成“元件”，放入庫(kù)中，當(dāng)制作人物表情時(shí)，可以利用眼睛和嘴等變化組合來表達(dá)人物的性格特征，形成多種的表情與形態(tài)，達(dá)到豐富的動(dòng)態(tài)表情設(shè)計(jì)。

[1]廖曉寰,王善強(qiáng).中文FLASH MX 2004 [M].上海:上海交通大學(xué)出版社, 2004.

[2]王可,劉悅.動(dòng)畫角色造型與創(chuàng)意表現(xiàn)[M].上海:上海人民出版社, 2007.

[3]北京匯眾益智. FLASH游戲制作[Z]. 2006.

[4]王勇慧,張文娟,邊國(guó)棟.動(dòng)態(tài)表情對(duì)面孔啟動(dòng)效應(yīng)的影響[J].心理科學(xué), 2010(3).

[5]張娟.基于Flash平臺(tái)的動(dòng)畫制作技術(shù)與實(shí)現(xiàn)[J].安徽電子信息職業(yè)技術(shù)學(xué)院學(xué)報(bào), 2009(6).