DIV CSS 佈局教程網

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

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


圖1.7 復制正圓,並更改下方正圓的顏色設置

  11、同時在屬性面板中把白色正圓的填充邊緣效果設置為“羽化”,值為“8”。並且適當往右下角移動,這樣可以使眼睛看起來更有立體的感覺。效果如圖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 對齊好左右兩個眼睛

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

 

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