Fireowrks製作動感卡通表情

來源:互聯網
上載者:User
動感

作者網站: www.go2here.net

案例欣賞
人的面部可以表現出成千上萬、不計其數而又十分微妙的表情,而且表情的變化十分迅速、敏捷和細緻,能夠真實、準確地反映情感,傳遞資訊。面部所表現出的各種各樣的情感,最能吸引對方的注意。在你未開口之前對方就從你的面部表情上得到了一定的資訊,對你的氣質、情緒、性格、態度等有所瞭解了。所以有句話說得好,看人先看臉,臉是人的價值與性格的外觀。所謂臉面不僅是指人的長相,主要是指面部表情。
對於經常上網聊天的朋友來說,表情表徵圖一定不陌生,為了增強聊天的趣味性,減少打字量,系統有大量的表情短語,您運用得恰當,可以收到表達心意、誇張、幽默的效果。如圖1.1所示。


圖 1.1卡通表情表徵圖效果

思路分析
要準確地表現出表情的含義,需要多多的觀察。對於使用技術來實現則是一個比較簡單的過程。主要是使用了Fireworks的向量工具結合漸層色來實現的。

實現步驟
1、建立一個Fireworks檔案。
2、在彈出的【建立文檔】對話方塊中設定畫布的寬度和高度為400像素,背景顏色為白色。如圖1.2所示。


圖 1.2建立文檔對話方塊

3、選擇工具箱中的“橢圓”工具,在畫布中繪製一個寬、高為200像素的正圓。
4、給這個正圓添加邊框,粗細為5像素,顏色為值“D44C01”。
5、給這個正圓填充放射狀漸層色。效果如圖1.3所示。


圖 1.3給正圓添加邊框,填充放射狀漸層色

6、單擊填充控制視窗,開啟漸層色調節面板,調整漸層顏色,效果如圖1.4所示。


圖 1.4漸層色調整面板

7、選擇工具箱中的指標工具,調整畫布中的漸層色方向和範圍,效果如圖1.5所示。


圖 1.5漸層色調整後的最終效果

【說明】這樣做的目的是為了讓卡通人物的臉部更有立體感。
8、開始繪製卡通表情的眼睛部分,仍舊使用“橢圓”工具在臉部的上方繪製一個小一些的正圓,尺寸為60X60像素。

9、給這個小圓填充接近於黑色的深灰色,邊框和臉部的邊框顏色一致,但是邊框的粗細為2像素。效果如圖1.6所示。


圖 1.6繪製眼睛部分

10、把這個正圓複製一個,選擇兩個正圓下方的一個,把顏色更改為白色,去掉邊框顏色。這時的圖層效果如圖1.7所示。


圖 1.7複製正圓,並更改下方正圓的顏色設定

11、同時在屬性面板中把白色正圓的填充邊緣效果設定為“羽化”,值為“3”。並且適當往右下角移動,這樣可以使眼睛看起來更有立體的感覺。效果如圖1.8所示。


圖 1.8調整眼睛下方的白色正圓

12、再次把這黑色的眼睛複製一個,同樣選擇兩個正圓下方的一個,把顏色更改為白色,去掉邊框顏色。這時的圖層效果如圖1.9所示。


圖 1.9複製正圓,並更改下方正圓的顏色設定

13、在屬性面板中設定剛剛得到的白色正圓的填充邊緣效果,仍舊為“羽化”,值為“10”。並且適當往左上方移動,這樣可以使眼睛的立體效果更加明顯。如圖1.10所示。


圖 1.10調整眼睛下方的白色正圓

14、在黑色的眼睛上繪製大小不同的三個正圓,表示眼睛的眼白。效果如圖1.11所示。


圖 1.11繪製眼白

15、把眼睛部分的所有向量圖形組合起來(快速鍵:【Ctrl+G】),複製一個,放置到臉的右邊。

16、把左右兩邊的眼睛對齊好位置。效果如圖1.12所示。


圖 1.12對齊好左右兩個眼睛

【說明】右邊的眼睛陰影和高光的效果應該和左邊的眼睛是相反的,所以需要翻轉一下,但是眼白是不需要翻轉的

下一頁



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。