《計(jì)算機(jī)動(dòng)漫與游戲制作教程》課件-第3章

項(xiàng)目3矢量圖形繪制任務(wù)1立體齒輪繪制

任務(wù)2卡通袋鼠繪制任務(wù)3卡通人物繪制任務(wù)4矢量風(fēng)景繪制應(yīng)用實(shí)踐

通過(guò)該項(xiàng)目的學(xué)習(xí),學(xué)會(huì)使用繪圖工具獨(dú)立完成動(dòng)漫游戲設(shè)計(jì)中所需的矢量圖。

(1)熟練掌握CorelDRAW軟件的使用方法。

(2)熟悉矢量繪圖的流程。

(3)掌握矢量繪圖的技巧和規(guī)律。

(4)明確矢量卡通形象造型的特點(diǎn)。

本項(xiàng)目通過(guò)立體齒輪繪制、卡通袋鼠繪制、卡通人物繪制和矢量風(fēng)景繪制4個(gè)任務(wù)的實(shí)施,使得學(xué)員熟悉矢量圖設(shè)計(jì)與制作的過(guò)程,掌握二維動(dòng)漫設(shè)計(jì)中卡通形象、矢量場(chǎng)景以及其他矢量元素繪制的方法和技能,提升學(xué)員在動(dòng)漫設(shè)計(jì)作品中所需矢量圖形的設(shè)計(jì)與制作能力。

在進(jìn)行平面設(shè)計(jì)之前,應(yīng)先掌握CorelDRAW的基本繪圖操作,包括基本圖形繪制、復(fù)雜圖形的繪制、圖形填充顏色以及位圖的填充和編輯,在此基礎(chǔ)上才能繪制出所需的矢量圖形。

1.基本圖形工具

在CorelDRAW中進(jìn)行造型設(shè)計(jì)時(shí),形狀繪制是最基礎(chǔ)的一個(gè)環(huán)節(jié)。如果對(duì)象具有規(guī)則的外形,可以通過(guò)繪制幾何圖形或在幾何圖形的基礎(chǔ)上進(jìn)行形狀編輯來(lái)實(shí)現(xiàn)。如果對(duì)象具有不規(guī)則的外形,則可以通過(guò)繪制封閉曲線,并通過(guò)曲線編輯工具來(lái)實(shí)現(xiàn)。

對(duì)于具有簡(jiǎn)單幾何形體的對(duì)象,如圓形、橢圓形、矩形、正方形、圓角矩形、圓角正方形、箭頭形狀、流程圖形狀、標(biāo)題形狀、圖紙、多邊形和星形等,可以直接使用幾何圖形繪制工具進(jìn)行繪制。圖3－1所示為CorelDRAW中一組幾何圖形繪制工具。圖3－1CorelDRAW中的幾何圖形繪制工具

2.曲線圖形繪制工具

如果對(duì)象具有不規(guī)則的外形,直接使用幾何圖形繪制工具無(wú)法完成繪圖要求,這時(shí)需要使用各種不同的曲線繪圖工具進(jìn)行繪制。熟練使用這些工具可以繪制出各種復(fù)雜圖形,幫助用戶(hù)創(chuàng)作各種不同的造型。CorelDRAW中的曲線繪制工具與調(diào)整工具如圖3－2所示。圖3－2CorelDRAW中的曲線繪制工具與調(diào)整工具

由幾何圖形構(gòu)成的圖形的繪制相對(duì)簡(jiǎn)單。如圖3－3所示的信封圖形,可以使用“矩形”工具畫(huà)出外輪廓,使用“形狀”工具調(diào)整右側(cè)的圓角,郵政編碼的正方形可以通過(guò)“再制”功能做出,直線線條則可以通過(guò)“手繪”、“2點(diǎn)線”、“貝塞爾”、“鋼筆”等工具畫(huà)出,最后調(diào)整“線條樣式”和“輪廓寬度”即可。圖3－3信封輪廓

對(duì)于外形復(fù)雜的對(duì)象,如圖3－4所示的小狗,需要使用“貝塞爾”或“鋼筆”工具大致勾勒出對(duì)象的輪廓,然后使用“形狀”工具進(jìn)行細(xì)節(jié)修飾,通過(guò)調(diào)整節(jié)點(diǎn)的類(lèi)型、曲線的類(lèi)型和節(jié)點(diǎn)控制柄來(lái)進(jìn)行精細(xì)調(diào)整。圖3－4小狗

3.對(duì)象的填充

不同的顏色給人不同的視覺(jué)感受,使用顏色可以增強(qiáng)作品的視覺(jué)效果。在Corel-DRAW中提供了如“均勻填充”、“漸變填充”、“圖樣填充”、“底紋填充”、“PostScript填充”等工具,還包括“交互式填充”和“網(wǎng)格填充”兩個(gè)交互式填充工具,如圖3－5所示。簡(jiǎn)單的均勻填充也可以通過(guò)鼠標(biāo)左鍵單擊色板修改顏色。圖3－5CorelDRAW中的顏色填充工具

至于輪廓線可以右鍵單擊色板修改其顏色,通過(guò)“屬性欄”修改線條樣式和類(lèi)型,細(xì)致調(diào)整則可以通過(guò)“輪廓筆”工具進(jìn)行設(shè)置。

如圖3－6所示為幾種填充的樣圖。圖3－6填充效果圖

4.交互式工具組

交互式工具性能非常強(qiáng)大,熟練使用交互式工具可在圖形設(shè)計(jì)的過(guò)程中達(dá)到事半功倍的效果。

交互式“調(diào)和”工具:調(diào)和是矢量圖中的一個(gè)非常重要的功能,使用調(diào)和功能,可以在矢量圖形對(duì)象之間產(chǎn)生形狀、顏色、輪廓及尺寸上的平滑變化。

交互式“輪廓圖”工具:輪廓圖效果是指由一系列對(duì)稱(chēng)的同心輪廓線圈組合在一起,所形成的具有深度感的效果。輪廓效果與調(diào)和效果相似,也是通過(guò)過(guò)渡對(duì)象來(lái)創(chuàng)建輪廓漸變的效果,但輪廓效果只能作用于單個(gè)的對(duì)象,而不能應(yīng)用于兩個(gè)或多個(gè)對(duì)象。

交互式“變形”工具:變形效果是指不規(guī)則地改變對(duì)象的外觀,從而產(chǎn)生令人耳目一新的效果。

交互式“陰影”工具:陰影效果是指為對(duì)象添加下拉陰影,增加景深感,從而使對(duì)象具有一個(gè)逼真的外觀效果。制作完成的陰影效果與選定對(duì)象是動(dòng)態(tài)鏈接在一起的,如果改變對(duì)象的外觀,陰影也會(huì)隨之變化。使用交互式陰影工具,可以方便地為對(duì)象添加下拉陰影效果。

交互式“封套”工具:封套是指通過(guò)操縱邊界框來(lái)改變對(duì)象的形狀,其效果有點(diǎn)類(lèi)似于印在橡皮上的圖案隨著橡皮扯動(dòng)而產(chǎn)生的變形。

交互式“立體化”工具:立體化效果是根據(jù)三維空間的立體旋轉(zhuǎn)和光源照射的原理,為對(duì)象添加上明暗變化的陰影,從而制作出逼真的三維立體效果。

交互式“透明”工具:透明效果通過(guò)改變對(duì)象填充顏色的透明程度來(lái)創(chuàng)建獨(dú)特的視覺(jué)效果。使用交互式透明工具可以方便地為對(duì)象添加“標(biāo)準(zhǔn)”、“漸變”、“圖案”及“材質(zhì)”等透明效果。

如圖3－7所示的燭光使用了交互式調(diào)和、交互式透明、交互式填充、交互式變形、交互式陰影等工具。如圖3－8所示的按鈕使用了交互式填充、交互式透明、交互式封套等工具。如圖3－9所示的小花則主要使用了交互式變形和交互式填充等工具。圖3－7燭光圖3－8按鈕圖3－9小花

5.文字編輯

CorelDRAW排文字有兩種方式:美工文字和段落文字。一般情況下排標(biāo)題或文字比較少而且不用強(qiáng)求對(duì)齊的可用美工文字,如果有大段文字而且要分行及對(duì)齊的用段落文字。文字的來(lái)源也有兩種方式:一是自己直接在CorelDRAW中輸入,二是外來(lái)的已經(jīng)存在Word文檔或文本文檔中,甚至還可以有其他排版軟件里需要拷貝過(guò)來(lái)的文字。

在如圖3－10所示的平面設(shè)計(jì)作品中包括了美工文字和段落文字的應(yīng)用。圖310移動(dòng)手機(jī)魔方

6.對(duì)象變換

對(duì)象的變換主要是對(duì)對(duì)象的位置、方向以及大小等方面進(jìn)行改變操作,而并不改變對(duì)象的基本形狀及其特征。如圖3－11所示為對(duì)象變換的幾個(gè)命令。圖3－11CorelDRAW中的對(duì)象變換功能

如圖3－12、圖3－13所示兩張圖中的造型設(shè)計(jì)即是使用“變換”功能實(shí)現(xiàn)的,如果使用常規(guī)的做法很難做得這么規(guī)整。圖3－12Corel標(biāo)志圖3－13曲線花紋

7.圖形造形

利用造形功能可以進(jìn)行圖形運(yùn)算,圖形對(duì)象的造形選項(xiàng)如圖3－14所示。圖3－14CorelDRAW中的對(duì)象造形選項(xiàng)

造形功能歸納如下:(假如有三個(gè)對(duì)象甲乙丙,所占的圖層由下而上)

合并:成為一個(gè)對(duì)象,最后同甲屬性相同,類(lèi)似布爾加。

修剪:指一個(gè)對(duì)象覆蓋與另一個(gè)對(duì)象的重疊部分。如果框選三個(gè)的話,上面的乙丙修剪甲,最后被修剪的被選中;如果按順序選,先被選取的修剪后被選取的,類(lèi)似布爾減。

相交:取相交的部分生成新對(duì)象,其它對(duì)象不變,類(lèi)似布爾交。

簡(jiǎn)化:不同于修剪,三個(gè)選中后,甲被乙丙修剪,且乙被丙修剪。

移除后面對(duì)象:圖層在上面的留下。

移除前面對(duì)象:圖層在下面的留下。

以上功能都過(guò)繁,尤其是修剪、簡(jiǎn)化、前減后、后減前,最好用“修整”泊塢窗。另外結(jié)合對(duì)象是指重疊處層數(shù)為偶數(shù)時(shí),結(jié)合對(duì)象后,重疊的部分被挖空;拆分可恢復(fù),但原有的部分屬性將丟失。

利用造形功能可以靈活地制作出如圖3－15、圖3－16所示的有一定規(guī)律可循的圖形。圖3－15IBM標(biāo)志圖3－16太極圖

8.位圖編輯

圖3－17書(shū)CorelDRAW雖然是矢量圖形軟件,但它的位圖的處理功能同樣毫不遜色。CorelDRAW里對(duì)位圖的處理功能,就像是Photoshop里的濾鏡,Photoshop里要花很多步才能做出的眩目效果,在CorelDRAW里也許只需要一步就可搞定。

在CorelDRAW中可進(jìn)行位圖的變換處理、位圖的色彩效果處理、位圖的色彩遮罩和色彩模式處理;可以對(duì)位圖進(jìn)行濾鏡變換;位圖和矢量圖相互轉(zhuǎn)換;位圖置于容器之中進(jìn)行填充(圖框精確剪裁)。如圖3－17為應(yīng)用了矢量“轉(zhuǎn)換為位圖”功能并應(yīng)用“卷頁(yè)”濾鏡后的效果。圖3－17書(shū)

任務(wù)1立體齒輪繪制

1.任務(wù)描述

在進(jìn)行對(duì)象設(shè)計(jì)時(shí),最重要的是造型設(shè)計(jì)?？梢酝ㄟ^(guò)曲線或幾何圖形勾勒對(duì)象輪廓,再通過(guò)色彩的應(yīng)用,使對(duì)象更加形象。在動(dòng)漫和游戲設(shè)計(jì)中此類(lèi)元素眾多,學(xué)員需能熟練實(shí)現(xiàn)。本任務(wù)制作如圖3－18所示的齒輪,讓學(xué)員掌握矢量繪圖的基本方法。圖3－18齒輪

2.任務(wù)分析

首先設(shè)計(jì)對(duì)象的形狀,其次使用造形和調(diào)和工具繪制齒輪的外形,再使用交互式立體化工具制作立體效果,然后添加光照效果,最后根據(jù)需要可以給對(duì)象添加材質(zhì)。通過(guò)該任務(wù)學(xué)員應(yīng)學(xué)會(huì)分析復(fù)雜對(duì)象設(shè)計(jì)的思路,掌握立體造型的一種方法,能夠合理運(yùn)用多種工具完成矢量圖形的繪制。

3.任務(wù)實(shí)施

實(shí)施過(guò)程如下:

(1)啟動(dòng)CorelDRAW,單擊標(biāo)準(zhǔn)工具欄中的“新建”按鈕,新建一個(gè)圖形文件名稱(chēng)為“齒輪”,其它選項(xiàng)默認(rèn)。

(2)單擊選中“橢圓形工具”,按“ctrl”鍵的同時(shí)按下鼠標(biāo)左鍵拖動(dòng)繪制一圓形,復(fù)制并原位粘貼該圓形,按“shift”鍵調(diào)整上圓,如圖3－19所示。

(3)使用“選擇工具”框選這兩個(gè)同心圓,單擊工具屬性欄“移除前面對(duì)象”按鈕,使之構(gòu)成一個(gè)圓環(huán),如圖3－20所示。圖3－19同心圓圖3－20圓環(huán)

(4)使用“矩形工具”繪制矩形,使用“形狀工具”調(diào)整節(jié)點(diǎn)使之成為圓角矩形,選中圓角矩形按下“ctrl+Q”鍵使之轉(zhuǎn)換為曲線,再使用形狀工具調(diào)整成如圖3－21所示齒牙形狀。圖3－21齒牙

(5)選擇“齒牙”圖形,將其移至“圓環(huán)”的邊緣,并調(diào)整位置和大小;同時(shí)選擇這兩個(gè)對(duì)象,單擊菜單“排列”→“對(duì)齊和分布”→“垂直居中對(duì)齊”,效果如圖3－22所示。圖3－22齒環(huán)位置

(6)單擊“齒牙”兩次,調(diào)整其中心位置和“圓環(huán)”中心位置相同,打開(kāi)“變換”泊塢窗,參數(shù)設(shè)置成如圖3－23所示,連續(xù)單擊“應(yīng)用”按鈕,最終效果如圖3－24所示。圖3－23CorelDRAW旋轉(zhuǎn)選項(xiàng)圖3－24旋轉(zhuǎn)復(fù)制

(7)選中所有對(duì)象,單擊屬性欄“合并”按鈕,如圖3－25所示;填充40%黑,并取消輪廓線,如圖3－26所示。圖3－25合并效果圖3－26填充效果

(8)單擊交互式“立體化工具”,調(diào)整滅點(diǎn)的方向和立體化深度,如圖3－27所示;單擊屬性欄“立體化照明”按鈕添加光源,如圖3－28所示。圖3－27立體化圖3－28添加光源

(9)最終效果如圖3－29所示。圖3－29最終效果

任務(wù)2卡通袋鼠繪制

1.任務(wù)描述

眾多動(dòng)漫和游戲作品中的卡通形象,令人難以忘懷?？ㄍ▌?dòng)物、植物是動(dòng)漫設(shè)計(jì)中的重要角色,學(xué)員需掌握繪制技能。對(duì)象繪制中需注意刻畫(huà)對(duì)象的擬人化特征,使其具備生命力,看起來(lái)活靈活現(xiàn)。本任務(wù)使用CorelDRAW制作一個(gè)可愛(ài)的卡通袋鼠,效果如圖3－30所示。圖3－30可愛(ài)的袋鼠

2.任務(wù)分析

首先繪制草圖,然后根據(jù)底稿草圖用線條工具分塊勾勒出身體各部分的輪廓,最后進(jìn)行上色。多變的造型可以使對(duì)象更具活力,通過(guò)調(diào)整可以制作不同的動(dòng)作造型,為后期動(dòng)漫或游戲制作準(zhǔn)備必要的素材。特別注意擬人和夸張技法的運(yùn)用,可以給動(dòng)畫(huà)形象增色。

3.任務(wù)實(shí)施

實(shí)施過(guò)程如下:

(1)繪制圓形并轉(zhuǎn)曲,使用形狀工具調(diào)整為如圖3－31所示的頭部形狀。填充顏色參數(shù)為(R:75,G:42,B:3),并取消輪廓線,如圖3－32所示。

(2)復(fù)制“頭部”并原位粘貼,填充顏色參數(shù)為(R:246、G:145、B:29),稍微縮小并調(diào)整位置,顯示“頭部輪廓”,如圖3－33所示。圖3－31頭部輪廓圖3－32頭部圖3－33帶輪廓頭部

(3)使用“橢圓工具”和“鋼筆工具”勾勒出一只眼睛和一條眉毛,并填充相應(yīng)的顏色,選中眼睛和眉毛復(fù)制并粘貼形成另一只眼睛和另一條眉毛,適當(dāng)水平旋轉(zhuǎn),調(diào)整位置如圖3－34所示,圖3－34眼睛

(4)使用“鋼筆工具”或“貝塞爾工具”勾勒耳朵形狀并填充相應(yīng)的顏色,同理復(fù)制另一個(gè)耳朵,效果如圖3－35所示。圖3－35耳朵

(5)使用類(lèi)似的方法制作出臉、嘴巴和鼻子,如圖3－36所示。圖3－36完整頭部

(6)使用“鋼筆工具”勾繪出身體和四肢的輪廓,如圖3－37所示。圖3－37身體輪廓

(7)填充顏色參數(shù)為(R:75、G:42、B:3),復(fù)制該對(duì)象并填充顏色參數(shù)為(R:246,G:145,B:29),調(diào)整位置和大小,取消輪廓線并把身體這兩個(gè)對(duì)象移至最底層,效果如圖3－38所示。圖3－38身體大形

(8)給袋鼠添上可愛(ài)的大肚子,注意刻畫(huà)細(xì)節(jié),如圖3－39所示。圖3－39肚子

(9)最后加上尾巴,最終效果如圖3－40所示。圖3－40最終效果

(10)還可以做出其它袋鼠的造型,如圖3－41所示。圖3－41其它袋鼠造型

任務(wù)3卡通人物繪制

1.任務(wù)描述動(dòng)漫和游戲中重要角色還有人物,人物形象的塑造對(duì)動(dòng)畫(huà)和游戲至關(guān)重要,形象逼真的角色可以吸引玩家的注意,提升產(chǎn)品的市場(chǎng)潛力。本任務(wù)制作一幅溫馨的“母子情”矢量圖,效果如圖3－42所示。圖3－42母子情

2.任務(wù)分析

首先繪制草圖,然后“分塊”完成人物身體各部分繪制,可以通過(guò)修整制作出不同的動(dòng)作效果,協(xié)調(diào)好各部分的大小、位置關(guān)系,為動(dòng)畫(huà)制作做好前期工作。多變的造型使對(duì)象更具親和力,日常生活中應(yīng)多觀察、多揣摩,這樣刻畫(huà)出的人物會(huì)更加自然。

3.任務(wù)實(shí)施

實(shí)施過(guò)程如下:(1)新建文件,命名為“母子情”,其它選項(xiàng)默認(rèn)。

(2)繪制女士頭部輪廓,使用“形狀工具”編輯形狀。使用“漸變填充”,“類(lèi)型”為輻射型,中心顏色參數(shù)為(R:252,G:228,B:191),外端顏色參數(shù)為(R:250,G:211,B:158),“中點(diǎn)”項(xiàng)設(shè)為18,取消輪廓線,效果如圖3－43所示。圖3－43頭部

(3)使用“鋼筆工具”和“形狀工具”勾繪頭發(fā)的造型,填充顏色參數(shù)為(R:143,G:90,B:47),兩端發(fā)髻是使用輻射漸變填充,效果如圖3－44所示。圖3－43頭部

(4)添加五官,效果如圖3－45所示。圖3－44頭發(fā)

(5)使用“鋼筆工具”勾繪出裙子的形狀,并填充顏色,參數(shù)為(R:238,G:130,B:144)如圖3－46所示。對(duì)裙子進(jìn)行裝飾如圖3－47所示,也可填充其它布料花紋。

(6)給女士配上時(shí)尚的上衣。使用“鋼筆工具”勾出上衣的形狀并填充黃色參數(shù)為(R:237,G:149,B:23)和稍暗黃色(R:234,G:134;B:27),在衣服上畫(huà)出一些不規(guī)則圓點(diǎn),填充白色進(jìn)行點(diǎn)綴。同理做出裸露在外面的手,效果如圖3－48所示。衣服也可填充其它的顏色或點(diǎn)綴其它花紋。圖3－46裙子圖3－47裝飾裙子圖348上衣

(7)使用“鋼筆工具”勾繪出腿部和鞋子的形狀,使用“漸變填充”給腿部上色,中心顏色參數(shù)為(R:242,G:174,B:137),外端顏色參數(shù)為(R:248,G:211,B:171),設(shè)置如圖3－49所示。

圖3－49腿部上色的設(shè)置

(8)鞋子使用純色參數(shù)為(R:227,G:81,B:117)填充,復(fù)制后調(diào)整位置做出另一條腿,效果如圖3－50所示。使用類(lèi)似的方法做出小孩的形象,如圖3－51所示,最終效果如圖3－52所示。圖3－50完整女士圖3－51小孩圖3－52最終效果

任務(wù)4矢量風(fēng)景繪制

1.任務(wù)描述

在動(dòng)漫和游戲設(shè)計(jì)中,矢量風(fēng)景、場(chǎng)景制作必不可少,單調(diào)的場(chǎng)景會(huì)使動(dòng)畫(huà)缺少生機(jī)。在繪制矢量風(fēng)景的過(guò)程中,學(xué)員要注意細(xì)節(jié)和層次感的刻畫(huà)。下面以矢量風(fēng)景畫(huà)為例展示CorelDRAW在矢量場(chǎng)景繪制方面的應(yīng)用方法,效果如圖3－53所示。圖3－53矢量風(fēng)景

2.任務(wù)分析

首先進(jìn)行構(gòu)圖,使各部分布局合理。使用調(diào)和工具、貝塞爾工具等做出天空、山丘、草地的漸變效果,通過(guò)填充不同顏色做出地面的層次感,通過(guò)復(fù)制、調(diào)整做出不同竹子、竹葉的效果,最后調(diào)整、保存。

3.任務(wù)實(shí)施

實(shí)施過(guò)程如下:

(1)新建圖形文件大小216mm×280mm,“名稱(chēng)”為矢量風(fēng)景。

(2)下面制作近景的綠地,為了表現(xiàn)出顏色和地形的變化,使用交互式“調(diào)和”工具來(lái)制作。制作如圖3－54所示的形狀,分別填充黃綠色參數(shù)為(R:184,G:185,B:133)和深綠色參數(shù)為(R:115,G:138,B:70)。圖3－54調(diào)和的形狀．

(3)選