DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Firworks 制作大眼睛卡通表情
Firworks 制作大眼睛卡通表情
編輯:Fireworks設計案例     

軟件:Fireworks
其實做這套表情想用AI完成的,後來改用Fireworks,感謝網友沉腔。

先看效果:

Firworks 制作卡通表情

1、打開FW,新建文檔,用橢圓工具畫三個橢圓,組合如下圖造型,並用放射填充,再濾鏡—陰影和光暈—內側發光,如下:

Firworks 制作卡通表情

2、然後我們開始畫大眼睛,編輯—插入—新建圖形元(ctrl+f8),使用橢圓工具畫如下橢圓填充:

Firworks 制作卡通表情
放射填充+羽化

Firworks 制作卡通表情
放射填充+羽化

Firworks 制作卡通表情
放射填充+內側發光

Firworks 制作卡通表情
黑白放射填充

Firworks 制作卡通表情
參數設置

3、組合下圖,再加上一亮點。完成元件編輯:

Firworks 制作卡通表情

4、用縮放工具(Q),調整大小到適當的位置,再復制一個進行水平旋轉。

Firworks 制作卡通表情

5、眼睛畫好了,接下來畫嘴。先畫如下三個圖形並進行填充:

Firworks 制作卡通表情
線性填充+羽化

Firworks 制作卡通表情
線性填充+羽化

Firworks 制作卡通表情
線性填充+內側發光

6、組合三圖形,再看效果進行適當的調整:

Firworks 制作卡通表情

7、接下來畫牙齒。
白色填充—內側陰影—復制圖層

Firworks 制作卡通表情

8、復制一個嘴,把牙齒粘貼於內部。如下圖:

Firworks 制作卡通表情

9、畫好牙龈,復制一個嘴形填充為白色,進行蒙版,如下圖:

Firworks 制作卡通表情
實心填充+內側發光

Firworks 制作卡通表情
白色填充組合蒙版

Firworks 制作卡通表情
組合後

10、牙龈和牙齒組合,再畫上點光:

Firworks 制作卡通表情

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