文 / donger
按鈕一
按鈕一
請(qǐng)看下面這款按鈕,想不想學(xué)會(huì)了進(jìn)行變形用到別的地方去呢,比如說(shuō)顏色換成紅顏色,心形的形狀送給心愛(ài)的人呢,呵呵,提供了原文件,需要的朋友可以直接另存為,在fireworks中打開來(lái)進(jìn)行編輯。
制作方法如下:
一、 打開fireworks,新建文件,設(shè)置背景色為白色。選擇工具面板中的圓形工具
按住shift畫一個(gè)圓,顏色為藍(lán)色。rgb值分別為51,153,255。使用effect(效果)面板,在下拉框中選擇shadow and glow->drop shadow增加陰影,其中distance(距離)為8,opacity(透明度)為60%,softness(柔和)為20。柔和度設(shè)置得大點(diǎn),這點(diǎn)挺重要。加了陰景效果后的圖形如下。
二、把上面這個(gè)圓進(jìn)行復(fù)制,(點(diǎn)住圓,按住alt鍵,拖到空白處即可)。在effect(效果)面板中把drop shadow前面的鉤去掉,這樣做是為了去掉陰影。改變其rgb值改為:51,51,204。
再用同樣方法復(fù)制一個(gè)圓,顏色為白色。選擇工具面板中的變形工具 ,把白色的圓稍稍拉小一點(diǎn)。放在藍(lán)色圓形的左上方。位置如下圖所示。
二、 用箭頭工具把二個(gè)圓一起選中,使用菜單modify->combine->punch。這樣就出來(lái)一個(gè)月牙形的形狀 。接著我們需要對(duì)這個(gè)月牙形進(jìn)行設(shè)置。打開fill(填充)面板,其中edge(邊緣)中的feather(羽化)設(shè)為19;object(對(duì)象)面板中設(shè)置stroke為路徑的外部,
在layer(層)面板中設(shè)置其混合模式為darken(變暗)。這樣第一個(gè)深顏色的月牙形就ok啦。旋轉(zhuǎn)及放置位置如下圖所示。
![]() | ![]() |
三、把上面所做的月牙形進(jìn)行復(fù)制,填充顏色的rgb改為:102,255,255。選擇objet(對(duì)象)面板,stroke設(shè)為路徑中央 。在layer(層)面板中設(shè)置透明度為84 ,混合模式為lighten(發(fā)亮)。在fill(填充)面板中設(shè)置feather為18。此時(shí)月牙形為透明,按ctrl+g ,就能看到原來(lái)的顏色了。看下圖月牙的形狀及放置位置。
![]() | ![]() |
三、 再接著做二個(gè)相同的月牙形,顏色為白色。其中object(對(duì)象)面板設(shè)置同綠色的那個(gè)月牙形,fill(填充)面板中一個(gè)feather設(shè)為30,另一個(gè)設(shè)為17。
放置位置如下圖,放在同一個(gè)位置,feather17的月牙形在feather30月牙形的上面。
四、 再做二個(gè)小的月牙形,用上面的方法,顏色為白色,圓的半徑大至為52px。layer(層)面板中設(shè)置其模式為正常模式,透明度為100。在object(對(duì)象)面板中設(shè)置stroke為路徑中央 。fill(填充)面板中設(shè)置其中一個(gè)feather為2,另一個(gè)為8。
放置位置如下圖
五、 至此,這個(gè)按扭就全部完工了。是不是蠻復(fù)雜的呀,呵呵。
新聞熱點(diǎn)
疑難解答