Fireworks繪制水晶質(zhì)感的Media Player播放器圖標(biāo)
圖標(biāo)的設(shè)計(jì)在前面我們也學(xué)習(xí)過(guò), Fireworks怎么繪制水晶質(zhì)感的Media Player 播放器圖標(biāo)呢?設(shè)計(jì)出來(lái)的圖標(biāo)非常精致立體。下面學(xué)習(xí)啦小編給大家整理了更多關(guān)于Fireworks繪制水晶質(zhì)感的Media Player 播放器圖標(biāo)的方法,希望大家喜歡。
前言:
很多人都說(shuō)FIREWORKS太弱,遠(yuǎn)不如PHOTOSHOP制作的效果更好,對(duì)于我這個(gè)對(duì)FW情有獨(dú)鐘的“資深網(wǎng)民”來(lái)看,關(guān)鍵是要充分掌握軟件的使用技巧,加上好的設(shè)計(jì)思想,用FIREWORKS同樣能做出比較精美的圖片。近來(lái)看到微軟官方網(wǎng)站的Windows Media Player 11頁(yè)面中的‘播放’圖標(biāo)很好的水晶質(zhì)感效果,特地拿來(lái)制作,現(xiàn)在與諸位大俠分享,共同進(jìn)步。
Fireworks繪制水晶質(zhì)感的Media Player 播放器圖標(biāo)的效果圖:
Fireworks繪制水晶質(zhì)感的Media Player 播放器圖標(biāo)的方法步驟:
1、在Fireworks新建的黑色畫(huà)布上畫(huà)正圓形,然后在屬性面板中選取‘放射狀’效果填充,并且采用四種顏色的過(guò)渡,其顏色色值自下而上依次為#FFFFFF、#99FFFF、#0099FF、#000099,但顏色色值為#000099的深藍(lán)色要占的‘席位’多些。這樣做的目的是可以豐富圖標(biāo)的色彩表現(xiàn)力。如圖。
2、用鋼筆工具繪制一個(gè)半圓,以便表現(xiàn)出立體感,將左右端調(diào)整出一定的弧度,把下部的曲線(xiàn)選取點(diǎn)上提。如圖
3、在半圓上同樣選取‘放射狀’填充,顏色全部選擇白色,但透明度要選出三個(gè)點(diǎn),其透明度依次為25、63、100,要注意三透明度的位置,靠近中心的透明效果要多些,這樣主要是為了渲染圖表上面部分的立體水晶效果。如圖
4、為了顯示出圖標(biāo)的輪廓,使得效果飽滿(mǎn),再要畫(huà)出一個(gè)空心的圓線(xiàn),顏色可以選取淺藍(lán)#00CCFF,再將它的透明度調(diào)整為40%。如圖
5、下面就是要畫(huà)中間的三角形,在這里,可以選用多邊形工具畫(huà)出一個(gè)多邊形,然后調(diào)整多邊形的相關(guān)數(shù)值,根據(jù)效果自己調(diào)試三角形的細(xì)節(jié),微軟的圖標(biāo)中三角形是直邊的,但我這里做了些變化,將其做成帶有弧度的邊,好象效果更獨(dú)特些,最后要將三角形進(jìn)行漸變填充,上面是白顏色,下面可以是淺灰色:#CCCCCC,以白顏色為主。如圖
6、再有,為了增強(qiáng)圖標(biāo)下半部的光感,還須畫(huà)出個(gè)淺藍(lán)色(#33FFFF)的橢圓,并且做高斯模糊效果,值可以選擇21,然后放置在圓的下部。如圖
7、最后,要將做好的圖標(biāo)復(fù)制出一個(gè),將其全選并組合,然后垂直翻轉(zhuǎn),來(lái)做一個(gè)圖標(biāo)倒影。
到此就將這個(gè)質(zhì)感的水晶圖標(biāo)就制作完成了,其實(shí)步驟很簡(jiǎn)單,主要還是細(xì)節(jié)的把握和調(diào)整,大家可以自己動(dòng)手,在家里也可以使用自己擅長(zhǎng)工具去制作,人人都是“設(shè)計(jì)師”。