DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireowrks制作誇張幽默的卡通表情(1)
Fireowrks制作誇張幽默的卡通表情(1)
編輯:Fireworks基礎     

  人的面部可以表現出成千上萬、不計其數而又十分微妙的表情,而且表情的變化十分迅速、敏捷和細致,能夠真實、准確地反映情感,傳遞信息。面部所表現出的各種各樣的情感,最能吸引對方的注意。在你未開口之前對方就從你的面部表情上得到了一定的信息,對你的氣質、情緒、性格、態度等有所了解了。所以有句話說得好,看人先看臉,臉是人的價值與性格的外觀。所謂臉面不僅是指人的長相,主要是指面部表情。

  對於經常上網聊天的朋友來說,表情圖標一定不陌生,為了增強聊天的趣味性,減少打字量,系統有大量的表情短語,您運用得恰當,可以收到表達心意、誇張、幽默的效果。如圖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 繪制眼睛部分

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved