Fireworks制作卡通表情教程
我們?cè)诰W(wǎng)上聊天時(shí)都很喜歡使用卡通圖片，搞笑又可愛(ài)的卡通圖片是怎么制作的呢?下面是百分網(wǎng)小編為大家?guī)?lái)的教程，歡迎參考學(xué)習(xí)!
人的面部可以表現(xiàn)出成千上萬(wàn)、不計(jì)其數(shù)而又十分微妙的表情，而且表情的變化十分迅速、敏捷和細(xì)致，能夠真實(shí)、準(zhǔn)確地反映情感，傳遞信息。面部所表現(xiàn)出的各種各樣的情感，最能吸引對(duì)方的注意。在你未開(kāi)口之前對(duì)方就從你的面部表情上得到了一定的信息，對(duì)你的氣質(zhì)、情緒、性格、態(tài)度等有所了解了。所以有句話說(shuō)得好，看人先看臉，臉是人的價(jià)值與性格的外觀。所謂臉面不僅是指人的長(zhǎng)相，主要是指面部表情。對(duì)于經(jīng)常上網(wǎng)聊天的朋友來(lái)說(shuō)，表情圖標(biāo)一定不陌生，為了增強(qiáng)聊天的趣味性，減少打字量，系統(tǒng)有大量的表情短語(yǔ)，您運(yùn)用得恰當(dāng)，可以收到表達(dá)心意、夸張、幽默的效果。如圖1.1所示。
圖1.1卡通表情圖標(biāo)效果
思路分析
要準(zhǔn)確地表現(xiàn)出表情的'含義，需要多多的觀察。對(duì)于使用技術(shù)來(lái)實(shí)現(xiàn)則是一個(gè)比較簡(jiǎn)單的過(guò)程。主要是使用了Fireworks的矢量工具結(jié)合漸變色來(lái)實(shí)現(xiàn)的。
實(shí)現(xiàn)步驟
1、新建一個(gè)Fireworks文件。
2、在彈出的【新建文檔】對(duì)話框中設(shè)置畫(huà)布的寬度和高度為400像素，背景顏色為白色。如圖1.2所示。
圖 1.2新建文檔對(duì)話框
3、選擇工具箱中的“橢圓”工具，在畫(huà)布中繪制一個(gè)寬、高為200像素的正圓。
4、給這個(gè)正圓添加邊框，粗細(xì)為5像素，顏色為值“D44C01”。
5、給這個(gè)正圓填充放射狀漸變色。效果如圖1.3所示。
圖 1.3給正圓添加邊框，填充放射狀漸變色
6、單擊填充控制窗口，打開(kāi)漸變色調(diào)節(jié)面板，調(diào)整漸變顏色，效果如圖1.4所示。
圖 1.4漸變色調(diào)整面板
7、選擇工具箱中的指針工具，調(diào)整畫(huà)布中的漸變色方向和范圍，效果如圖1.5所示。
圖 1.5漸變色調(diào)整后的最終效果
【說(shuō)明】這樣做的'目的是為了讓卡通人物的臉部更有立體感。
8、開(kāi)始繪制卡通表情的眼睛部分，仍舊使用“橢圓”工具在臉部的上方繪制一個(gè)小一些的正圓，尺寸為60X60像素。
9、給這個(gè)小圓填充接近于黑色的深灰色，邊框和臉部的邊框顏色一致，但是邊框的粗細(xì)為2像素。效果如圖1.6所示。
圖 1.6繪制眼睛部分
10、把這個(gè)正圓復(fù)制一個(gè)，選擇兩個(gè)正圓下方的一個(gè)，把顏色更改為白色，去掉邊框顏色。這時(shí)的圖層效果如圖1.7所示。
圖 1.7復(fù)制正圓，并更改下方正圓的顏色設(shè)置
11、同時(shí)在屬性面板中把白色正圓的填充邊緣效果設(shè)置為“羽化”，值為“3”。并且適當(dāng)往右下角移動(dòng)，這樣可以使眼睛看起來(lái)更有立體的感覺(jué)。效果如圖1.8所示。
圖 1.8調(diào)整眼睛下方的白色正圓
12、再次把這黑色的眼睛復(fù)制一個(gè)，同樣選擇兩個(gè)正圓下方的一個(gè)，把顏色更改為白色，去掉邊框顏色。這時(shí)的圖層效果如圖1.9所示。
圖 1.9復(fù)制正圓，并更改下方正圓的顏色設(shè)置
13、在屬性面板中設(shè)置剛剛得到的白色正圓的填充邊緣效果，仍舊為“羽化”，值為“10”。并且適當(dāng)往左上角移動(dòng)，這樣可以使眼睛的立體效果更加明顯。如圖1.10所示。
圖 1.10調(diào)整眼睛下方的白色正圓
14、在黑色的眼睛上繪制大小不同的三個(gè)正圓，表示眼睛的眼白。效果如圖1.11所示。
圖 1.11繪制眼白
15、把眼睛部分的所有矢量圖形組合起來(lái)(快捷鍵：【Ctrl+G】)，復(fù)制一個(gè)，放置到臉的右邊。
16、把左右兩邊的眼睛對(duì)齊好位置。效果如圖1.12所示。
圖 1.12對(duì)齊好左右兩個(gè)眼睛
【Fireworks制作卡通表情教程】相關(guān)文章：
用Fireworks制作卡通表情02-04
Fireworks制作立體倒影的教程03-21
fireworks特效教程制作分解01-30
Fireworks教程：立體倒影的制作09-29
Fireworks制作下拉菜單教程02-03
Fireworks制作立體倒影的教程分享09-25
最新Fireworks禮花動(dòng)畫(huà)制作學(xué)習(xí)教程11-11
如何用Fireworks制作下拉菜單教程03-01