Step 04
用白色箭頭選中途中所示那些節點,然后用鍵盤的方向鍵往下挪兩個像素,這樣使信封看起來長一點(因為這里單個圖標不受整體風格約束)。

Step 05
把之前畫的漸變填充倒三角作垂直翻轉,復制一份擺放好,它們的位置關系如下圖所示。兩個倒三角上下相隔1px多一點?梢杂冒咨^工具選擇深褐色倒三角上方的四個節點,以鼠標拖動的方式配合輔助線挪動把節點往上挪0.3~0.5個像素,這樣可以讓深褐色的先顯得不那么虛(再一次重申,盡早打消用Stroke作邊線的念頭,這里不是photoshop)。

Step 06
留意樣圖的圖標上方有一道高光,而且不是常見的單像素放射高光(大約為兩個像素的高光處上面的1px高光要亮于下面的1px),因此可以考慮用Ellipse這種橢圓形的放射性填充達到這種效果。

我們選中并復制最底的圓角矩形兩次,移動位置后得到兩個上下相隔2px的圓角矩形,用兩個矩形路徑相減的方法得到一個新的路徑,對其進行Ellipse填充(白色0-100透明度),最后把這個高光路徑的疊加方式設置為Overlay。

Step 07
底部加個1px高光。

Step 08
現在的結果如下圖,先歇一會兒,喝口茶,接下來我們進行細節的添加。

Step 09
暫時把背景改成白色,我們可以看到之前一個倒三角因為使用了羽化,有一些像素從信封兩邊溢出了一點。

這里有兩種方法可以對這些像素進行處理,一是Flatten為Bitmap,二是保留路徑的前提下做遮罩,我偏向于后者,因為這樣保留了路徑,以后如有需要可以進行再編輯,操作如下圖所示:

情非得已
Fireworks中打造超酷奇妙光效2010-01-13
Fireworks中打造晶瑩剔透效果2010-01-13
Fireworks教程:碳纖維風格圖標2009-11-24
Fireworks中進行圖標細節刻畫2009-11-24
Fireworks設計高大上的APP圖標教程
相關文章22092014-05-30
Fireworks設計一個扁平化風格的登錄界面
相關文章25682014-05-30
Fireworks設計牛仔布料風格矢量圖標教程
相關文章5382011-08-17
Fireworks教程:碳纖維風格圖標
相關文章6212009-11-24
Fireworks制作葉信設計LOGO教程
相關文章23942009-09-18
