亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 工具軟件 > 圖像處理教程 > Fireworks > fireworks怎么制作圖標(biāo)

      fireworks怎么制作圖標(biāo)

      時間: 張偉670 分享

      fireworks怎么制作圖標(biāo)

        看著電腦桌面上各種各樣的圖標(biāo),你是否也想自己做一個?那么下面小編就教你怎么利用fw制作一個圖標(biāo)。

        fw制作圖標(biāo)的步驟:

        步驟01

        把需要臨摹的圖標(biāo)剪下來作為參考,鎖定圖層。我這里FW的路徑面板是從Fireworks CS4中提取的,不過對接下來的操作都無影響,因為我使用的全是CS3包含的功能。

        步驟02

        用Rounded Rectangle工具畫出一個和樣圖相仿的圓角矩形,使用四個圓角控制點調(diào)節(jié)好圓角的半徑,然后按下Ctrl+Shift+G把圖形打散。

        隨后把第一個圓角矩形復(fù)制一份,用白色箭頭工具往四個方向移動一像素,制作出如圖所示的兩個圓角矩形(注意用白箭頭處理好圓角處的八個節(jié)點,它們是要對齊的)。

        我們不能用Stroke去給矩形加外邊框,因為虛邊會把你給搞死。如果你用Rounded Rectangle工具畫出來的圓角矩形已經(jīng)出現(xiàn)了非Stroke虛邊,那就把節(jié)點打散后,用黑色箭頭工具選中那個Path,點擊路徑面板的Round Points to Pixels把路徑的所有節(jié)點歸位到像素交點(也可以用白色箭頭工具選中某個節(jié)點單獨進(jìn)行歸位)。

        步驟03

        把大的圓角矩形復(fù)制一份放到最頂層,用白色箭頭配合Shift+方向鍵得到一個倒三角,隨即復(fù)制一份,上面的倒三角用Linear填充漸變;下面的倒三角實心填充褐色,并設(shè)置1px羽化。

        步驟04

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

        步驟05

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

        步驟06

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

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

        步驟07

        底部加個1px高光。

        步驟08

        現(xiàn)在的結(jié)果如下圖,先歇一會兒,喝口茶,接下來我們進(jìn)行細(xì)節(jié)的添加。

        步驟09

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

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

        步驟10

        我們回到深色背景,有沒有感覺到信封的兩邊顯得有點平?我們用一個Bars或者Radial填充來加點效果上去。

        步驟11

        接下來為信封的上下三角形加單像素高光,因為之前已經(jīng)反復(fù)講過路徑相減(Punch Path,您可以在Modify – Combine Paths菜單下找到它)的操作,這里不再作說明,如下圖:

        步驟12

        同理給下面的三角形加高光。

        步驟13

        因為背景是比較深的顏色,我們可以考慮加個發(fā)光。這里我們不去用FW的投影或發(fā)光濾鏡,還是用Path,為什么?因為比較好控制,個人喜好吧。我們可以做一個比信封底層的圓角矩形上下左右多1px的新圓角矩形,不羽化,透明度30。

        步驟14

        再在加一道1px高光在下面。

      391147