《Flash動(dòng)畫(huà)設(shè)計(jì)與制作》課件-第1章

實(shí)訓(xùn)項(xiàng)目一

Flash動(dòng)畫(huà)形象設(shè)計(jì)與制作任務(wù)一Flash動(dòng)畫(huà)形象設(shè)計(jì)任務(wù)二Flash動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿制作項(xiàng)目小結(jié)思考與練習(xí)

項(xiàng)目分析

本項(xiàng)目將Flash動(dòng)畫(huà)角色形象設(shè)計(jì)與企業(yè)品牌視覺(jué)形象設(shè)計(jì)中的吉祥物設(shè)計(jì)進(jìn)行整合，即對(duì)某航空公司吉祥物的視覺(jué)形象開(kāi)發(fā)，這是后續(xù)Flash動(dòng)畫(huà)產(chǎn)品開(kāi)發(fā)的基礎(chǔ)性工作。本書(shū)內(nèi)容的設(shè)定原則為由基礎(chǔ)到綜合，本項(xiàng)目作為基礎(chǔ)性案例，目的在于培養(yǎng)學(xué)生對(duì)動(dòng)畫(huà)基礎(chǔ)性造型的設(shè)計(jì)與制作能力。

一、動(dòng)畫(huà)形象設(shè)計(jì)分析

在動(dòng)畫(huà)形象的設(shè)計(jì)環(huán)節(jié)，需要對(duì)某航空公司的企業(yè)品牌形象進(jìn)行全面分析，總結(jié)、提煉出能夠代表該企業(yè)品牌理念及品牌形象的視覺(jué)元素，并借鑒當(dāng)下動(dòng)漫形象設(shè)計(jì)與開(kāi)發(fā)的設(shè)計(jì)原則和典型案例進(jìn)行動(dòng)漫形象的設(shè)計(jì)，為該品牌后續(xù)的動(dòng)畫(huà)角色品牌識(shí)別系統(tǒng)、動(dòng)畫(huà)作品和動(dòng)漫衍生產(chǎn)品的開(kāi)發(fā)打好基礎(chǔ)。

二、動(dòng)畫(huà)形象制作分析

動(dòng)畫(huà)形象應(yīng)嚴(yán)格按照動(dòng)漫角色形象設(shè)計(jì)和表現(xiàn)規(guī)范的要求，運(yùn)用Flash軟件的基礎(chǔ)性工具進(jìn)行標(biāo)準(zhǔn)化制作。其制作環(huán)節(jié)主要體現(xiàn)在角色形象的線(xiàn)稿繪制、標(biāo)準(zhǔn)稿制作、最終視覺(jué)效果圖的制作三個(gè)方面。動(dòng)畫(huà)形象標(biāo)準(zhǔn)制圖及動(dòng)畫(huà)形象最終效果圖分別如圖1-1和圖1-2所示。圖1-1動(dòng)畫(huà)形象標(biāo)準(zhǔn)制圖圖1-2動(dòng)畫(huà)形象最終效果圖

知識(shí)目標(biāo)

1.基礎(chǔ)性動(dòng)畫(huà)角色形象的設(shè)計(jì)與表現(xiàn)方法。

2.基礎(chǔ)性動(dòng)畫(huà)角色形象的設(shè)計(jì)與制作規(guī)范。

3.?Flash軟件中動(dòng)畫(huà)角色形象制作相關(guān)工具的特性及表現(xiàn)特點(diǎn)。

能力目標(biāo)

1.對(duì)設(shè)計(jì)課題進(jìn)行深入分析的能力。

2.根據(jù)設(shè)計(jì)需求進(jìn)行基礎(chǔ)性動(dòng)畫(huà)角色形象設(shè)計(jì)的能力。

3.根據(jù)Flash軟件對(duì)基礎(chǔ)性動(dòng)畫(huà)角色形象進(jìn)行規(guī)范性設(shè)計(jì)與制作的能力。

任務(wù)一Flash動(dòng)畫(huà)形象設(shè)計(jì)

任務(wù)目標(biāo)動(dòng)畫(huà)形象設(shè)計(jì)稿繪制1.對(duì)設(shè)計(jì)課題進(jìn)行綜合分析并提煉設(shè)計(jì)要素。2.確定設(shè)計(jì)表現(xiàn)元素和造型設(shè)計(jì)風(fēng)格。3.對(duì)動(dòng)畫(huà)形象進(jìn)行線(xiàn)稿設(shè)計(jì)的視覺(jué)化呈現(xiàn)。動(dòng)畫(huà)形象設(shè)計(jì)說(shuō)明書(shū)寫(xiě)1.提煉、概括動(dòng)畫(huà)形象的設(shè)計(jì)與表現(xiàn)意圖。2.簡(jiǎn)明書(shū)寫(xiě)出該動(dòng)畫(huà)形象設(shè)計(jì)的設(shè)計(jì)說(shuō)明。

一、Flash動(dòng)畫(huà)形象的造型特點(diǎn)

在對(duì)動(dòng)畫(huà)角色進(jìn)行分類(lèi)時(shí)，一般會(huì)根據(jù)作品的呈現(xiàn)方式進(jìn)行判斷，如傳統(tǒng)二維動(dòng)畫(huà)或三維動(dòng)畫(huà)，因其制作方式和視覺(jué)呈現(xiàn)效果的不同而具有各自獨(dú)特的造型特點(diǎn)。Flash動(dòng)畫(huà)雖歸屬于二維動(dòng)畫(huà)，但依其制作技術(shù)和大量作品的呈現(xiàn)特點(diǎn)，除了偏向傳統(tǒng)手繪動(dòng)畫(huà)的作品外，大部分會(huì)呈現(xiàn)出Q版化傾向，人物造型比例通常在二頭身到四頭身之間。Flash動(dòng)畫(huà)形象在具體的造型表現(xiàn)方面也呈現(xiàn)出其獨(dú)特的視覺(jué)特色，是在現(xiàn)實(shí)基礎(chǔ)上提取表現(xiàn)元素或?qū)ΜF(xiàn)實(shí)素材的提煉、概括和升華，在造型上凸顯角色形象的個(gè)性，強(qiáng)化角色形象的可辨識(shí)度，同時(shí)注重動(dòng)畫(huà)產(chǎn)品及后期衍生產(chǎn)品的可開(kāi)發(fā)性等。

二、Flash動(dòng)畫(huà)形象的設(shè)計(jì)方法

在進(jìn)行Flash動(dòng)畫(huà)形象的設(shè)計(jì)時(shí)，首先要對(duì)設(shè)計(jì)意圖或故事腳本進(jìn)行全面且深入的分析，提煉、概括出最核心的視覺(jué)表現(xiàn)元素，在核心視覺(jué)表現(xiàn)元素的基礎(chǔ)上尋求參考素材，在特定視覺(jué)表現(xiàn)風(fēng)格定位的限定內(nèi)運(yùn)用夸張與變形、創(chuàng)造性想象、簡(jiǎn)化等表現(xiàn)手法進(jìn)行具體設(shè)計(jì)稿的繪制。

Flash動(dòng)畫(huà)形象設(shè)計(jì)稿制作

(1)分析某航空公司的航徽、品牌定位及品牌LOGO設(shè)計(jì)，確定本項(xiàng)目中形象設(shè)計(jì)的基本造型風(fēng)格為Q版，核心視覺(jué)表現(xiàn)元素為鴿子與中小型飛機(jī)的融合造型。

技能訓(xùn)練

分析對(duì)象01：某航空公司航徽。

國(guó)內(nèi)某航空公司航徽的基本元素為一只展翅高飛的鴿子。一方面表明該航空公司希望為社會(huì)、公眾提供安全、快捷、溫馨、舒適的航空服務(wù)；另一方面也表明了該航空公司是個(gè)負(fù)責(zé)、誠(chéng)信的企業(yè)，同時(shí)，更寓意著該航空公司在企業(yè)戰(zhàn)略以及經(jīng)營(yíng)管理上所擁有的準(zhǔn)確的判斷力、高效的執(zhí)行力，及對(duì)既定目標(biāo)堅(jiān)定不移的信念與持之以恒的追求精神。

分析對(duì)象02：品牌定位——立志成為世界級(jí)支線(xiàn)航空產(chǎn)業(yè)融合領(lǐng)導(dǎo)者。

(2)根據(jù)所確定的核心視覺(jué)表現(xiàn)元素尋找該元素的現(xiàn)實(shí)性素材，在素材參考的基礎(chǔ)上進(jìn)行角色形象造型的線(xiàn)稿設(shè)計(jì)，清理出清晰線(xiàn)稿，并掃描成圖片備用，設(shè)計(jì)效果可參考圖1-3。

(3)打開(kāi)Flash軟件新建一個(gè)FLA文件，并保存到指定的盤(pán)符，命名為“華小夏”，如圖1-4、圖1-5所示。圖1-3動(dòng)畫(huà)形象設(shè)計(jì)稿最終效果圖圖1-4新建FLA文檔圖1-5保存文檔并命名為“華小夏”

(4)將繪制的設(shè)計(jì)稿導(dǎo)入Flash軟件的舞臺(tái)中，并調(diào)整好其與舞臺(tái)的相對(duì)尺寸及在舞臺(tái)中的相對(duì)坐標(biāo)位置，如圖1-6、圖1-7所示。圖1-6將設(shè)計(jì)稿導(dǎo)入到舞臺(tái)圖1-7調(diào)整設(shè)計(jì)稿尺寸及在舞臺(tái)中的相對(duì)坐標(biāo)位置

(5)在Flash軟件的時(shí)間軸面板中新建“造型繪制”圖層，并將設(shè)計(jì)稿圖層鎖定，如圖1-8所示。圖1-8新建“造型繪制”圖層并鎖定設(shè)計(jì)稿圖層

(6)在工具面板中選擇“線(xiàn)條工具”，在屬性面板中設(shè)置線(xiàn)條顏色為亮色，并在舞臺(tái)中繪制設(shè)計(jì)稿的造型，如圖1-9、圖1-10所示。圖1-9選擇“線(xiàn)條工具”并設(shè)置線(xiàn)條顏色圖1-10在舞臺(tái)中繪制設(shè)計(jì)稿的造型

(7)在工具面板中選擇“選擇工具”，用該工具調(diào)整剛繪制好的直線(xiàn)段，以適應(yīng)角色造型的邊緣弧度，如圖1-11、圖1-12所示。圖1-11選擇“選擇工具”圖1-12使用“選擇工具”調(diào)整線(xiàn)段

(8)依據(jù)(6)和(7)的操作，依次繪制完該造型中除圓形以外的線(xiàn)條。

(9)在工具面板中選擇“橢圓工具”，設(shè)置屬性面板中禁用填充色，在舞臺(tái)中繪制出該造型中的圓形線(xiàn)條。最后在時(shí)間軸面板中刪除設(shè)計(jì)稿圖層，保存文檔，如圖1-13～圖1-15所示。圖1-13選擇“橢圓工具”并禁用填充色圖1-14使用“橢圓工具”繪制造型中的圓形線(xiàn)條圖1-15在時(shí)間軸面板刪除設(shè)計(jì)稿圖層

(10)提煉、概括并書(shū)寫(xiě)角色設(shè)計(jì)說(shuō)明。

角色形象設(shè)計(jì)說(shuō)明：

該角色形象設(shè)計(jì)是在某航空企業(yè)航徽及LOGO視覺(jué)設(shè)計(jì)理念的指導(dǎo)下，整合“鴿子”和“中小型飛機(jī)”元素，并對(duì)兩者進(jìn)行Q版化處理，設(shè)計(jì)出“華小夏”視覺(jué)形象。該形象的頭部通過(guò)提取鴿子的造型元素并進(jìn)行人格化創(chuàng)造性設(shè)計(jì)，身體部分則是對(duì)機(jī)翼元素的提取和再設(shè)計(jì)，整體形象體現(xiàn)出該航空企業(yè)作為支線(xiàn)航空領(lǐng)域主推的中小型機(jī)型特點(diǎn)。

任務(wù)二Flash動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿制作

任務(wù)目標(biāo)

動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿繪制1.角色形象的造型、比例等參考標(biāo)注。2.角色形象的造型邊緣弧度標(biāo)注。

動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿顏色指定1.角色形象的色彩設(shè)定。2.角色形象的顏色填充。

一、Flash動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿的制作標(biāo)準(zhǔn)

因本項(xiàng)目是對(duì)動(dòng)畫(huà)角色設(shè)計(jì)與品牌設(shè)計(jì)中吉祥物設(shè)計(jì)的整合設(shè)計(jì)，對(duì)角色形象標(biāo)準(zhǔn)稿的制作在更大層面上是為了滿(mǎn)足后續(xù)動(dòng)畫(huà)產(chǎn)品和衍生產(chǎn)品開(kāi)發(fā)的設(shè)計(jì)需要，所以在具體的標(biāo)準(zhǔn)稿制作方面更加強(qiáng)調(diào)該造型形象在比例、線(xiàn)條尺寸、弧度等方面的參考性標(biāo)注。

二、Flash動(dòng)畫(huà)形象的顏色設(shè)定方法

在對(duì)該類(lèi)角色形象進(jìn)行顏色設(shè)定時(shí)，首先，需遵循設(shè)計(jì)對(duì)象和設(shè)計(jì)目標(biāo)的一致性，即參考某航空企業(yè)的品牌色調(diào)；其次，可參照動(dòng)畫(huà)角色的原始參考形象的固有色彩；再者，應(yīng)更加注重色彩的色相屬性在角色形象的性格塑造和形象識(shí)別中的作用。

技能訓(xùn)練Flash動(dòng)畫(huà)形象標(biāo)準(zhǔn)稿制作

(1)在工具面板中選擇“顏料桶工具”，在屬性面板中設(shè)定顏色后，對(duì)任務(wù)一中繪制好的造型進(jìn)行灰色色階填充，初步設(shè)定角色造型的色彩層次，如圖1-16、圖1-17所示。圖1-16選擇“顏料桶工具”并設(shè)定填充色圖1-17使用“顏料桶工具”對(duì)造型進(jìn)行灰色填充

(2)在時(shí)間軸面板中新建“網(wǎng)格比例”圖層，并設(shè)置顯示網(wǎng)格參考線(xiàn)，然后編輯網(wǎng)格參考線(xiàn)顯示比例為50像素?×?50像素，如圖1-18～圖1-20所示。圖1-18在時(shí)間軸面板中新建“網(wǎng)格比例”圖層圖1-19設(shè)置顯示網(wǎng)格參考線(xiàn)圖1-20編輯網(wǎng)格參考線(xiàn)顯示比例為50像素?×?50像素

(3)在工具面板中選擇“線(xiàn)條工具”，在“網(wǎng)格比例”圖層中進(jìn)行網(wǎng)格繪制，繪制完成后關(guān)掉顯示網(wǎng)格，如圖1-21所示。圖1-21繪制好的“網(wǎng)格比例”圖層效果

(4)在時(shí)間軸面板中新建“邊緣弧度”圖層，使用工具面板中的“橢圓工具”給造型的邊緣添加弧度參考線(xiàn)，如圖1-22、圖1-23所示。圖1-22在時(shí)間軸面板中新建“邊緣弧度”圖層圖1-23使用“橢圓工具”給造型的邊緣添加弧度參考線(xiàn)

(5)對(duì)角色造型進(jìn)行顏色設(shè)定，并使用工具面板中的“顏料桶工具”進(jìn)行填充，如圖1-24所示。圖1-24對(duì)角色造型進(jìn)行顏色指定，并使用“顏料桶工具”進(jìn)行填充

項(xiàng)目小結(jié)

本項(xiàng)目的目的是培養(yǎng)學(xué)生設(shè)計(jì)課題分析、設(shè)計(jì)素材搜集、設(shè)計(jì)方案指定、設(shè)計(jì)稿手繪、動(dòng)畫(huà)形象的設(shè)計(jì)制作、動(dòng)畫(huà)形象的標(biāo)準(zhǔn)稿制