Fireworks 仿MSN瀏覽器制作啞鈴按鈕

發(fā)布時間：2014-07-11 08:53:23 作者：佚名

我要評論

在這篇教程里，我們將學(xué)會如何利用Fireworks MX 2004仿MSN瀏覽器制作啞鈴按鈕過程，制作出來的按鈕非常質(zhì)感，而且方法很簡單，推薦過來，希望腳本之家的朋友喜歡

在這篇教程里，我們將學(xué)會如何利用Fireworks MX 2004仿MSN瀏覽器制作啞鈴按鈕過程，制作出來的按鈕非常質(zhì)感，而且方法很簡單，推薦過來，希望腳本之家的朋友喜歡！

我們先來看看最終效果圖：

　　現(xiàn)在不管是Windows Media Player播放器，還是MSN瀏覽器，甚至于騰訊的QQ瀏覽器都將前進(jìn)后退的按鈕改成了這種啞鈴形狀，下面我就教給大家如何在Fireworks MX 2004中制作這種簡單的啞鈴按鈕。

　　1.新建300像素白色畫布，選擇“橢圓”工具按住Shift鍵畫一個正圓形，復(fù)制這個圓形，并按住Shift鍵將其縮小，放在緊貼在第一個大一些的圓形的旁邊。（如果怕對不整齊，可以按Ctrl+Alt+R打開工作區(qū)中的標(biāo)尺，并從標(biāo)尺中拖出輔助線用以助于對齊圓形）

　　2.注意剛剛大小兩個圓形的相交處剛剛是匯合了一點點，然后選中兩個圓形，選擇菜單--修改--組合路徑--聯(lián)合，這樣兩個圓形就形成了一個路徑。

　　3.選擇“部分選定”工具，調(diào)節(jié)組合后雙園型路徑的上半部分中間處的錨點，仔細(xì)調(diào)節(jié)成盡量平滑的過渡。如圖：

　　4.選擇“刀子”工具，延中間的橫向輔助線將雙圓形切開，刪除下半部分（因為沒有對下半部錨點做調(diào)解，所以就刪掉了）

　　5.選中剩下的上半部分輪廓，復(fù)制，垂直翻轉(zhuǎn)，然后對齊到中間輔助線位置，在選擇上半部分路徑聯(lián)合。

　　6.使用線性過渡色填充，方向是從上到下，顏色參照#CBDCED---#FFFFFF，當(dāng)然這里也可以自己根據(jù)需要隨便填充。

　　7.選擇效果--內(nèi)側(cè)陰影，距離4-透明度65%-柔化3-角度315-顏色#4775A3

　　8.依舊畫一個正圓形，內(nèi)部用放射性填充，填充顏色可以參照剛才的#CBDCED---#FFFFFF，邊框可以選擇稍微深一些的藍(lán)色，然后在效果中選擇投影，設(shè)置為距離2-透明度100%-柔化1-角度135-顏色#FFFFFF；

　　再作一次投影效果，設(shè)置為距離2-透明度100%-柔化1-角度315-顏色#000000；增加圓形按鈕的隆起感覺。

　　選擇自定義形狀中的箭頭形狀，在圓形按鈕上畫一個箭頭，如果方向不對選擇水平翻轉(zhuǎn)，加效果內(nèi)側(cè)陰影，設(shè)置為距離3-透明度65%-柔化2-角度315-顏色#000000，再增加效果投影，設(shè)置為距離2-透明度100%-柔化1-角度135-顏色#FFFFFF；

　　復(fù)制剛才的圓形按鈕和箭頭，做水平翻轉(zhuǎn)，并縮小，如有的效果會翻轉(zhuǎn)，根據(jù)情況修改投影的角度即可。