DIV CSS 佈局教程網

今天，我們來個飛越，結合前兩次的學習，挑戰MOTO v3

MOTO v3系列是一款性價比較強的手機，外觀不錯，價格便宜。如果你現在需要購買一台手機送給你的女友或男友，選它不會錯滴。人氣美劇“越獄”中它的上鏡率比很多演員還要高喲！廣告到此，我們進入劇集！效果如圖1.1所示。

圖　1.1 moto v3手機效果圖

二 思路分析

仔細觀察手機，我們可以將它分為兩個大部分來處理：上部和下部(也就是機身和機蓋)。注意機身的對稱性和正確比例，要不然蓋子就蓋不上去了。因為要做到盡可能的真實，所以要做仔細的觀察，長寬高，和每一個局部的位置。

三 實現步驟

1、新建一個Fireworks文件,畫布大一點，800X600像素以上，方便我們制作和修改細節。

2、使用矢量的矩形工具和鋼筆工具來繪制機蓋外形。

利用鋼筆工具加點，和部分選取工具來調整機蓋外形,有問題請先學習上面兩個教程！

（線性填充機蓋顏色）

濾鏡來實現機蓋體積感,設置如下：

（內側陰影1）

（內側陰影2）