|
我也不知道這算不算XP風(fēng)格，反正是大家很常見很流行的，今天在經(jīng)典幫別人回復(fù)了源文件，干脆湊篇教程上來�；旧蠜]什么難度，算是新手入門吧。
我們使用Fireworks 4制作這樣的效果，F(xiàn)wmx只要在工具與屬性面板中找到相應(yīng)參數(shù)設(shè)置就行了。
1、新建畫布，大小100*100，背景為白色。
2、用圓角矩形工具畫一個矩形，大小隨意，在OBJECT面板中設(shè)置矩形的圓角度。
3、設(shè)置圓角矩形邊框色如下（色系#B6B6B6）：
4、對圓角矩形進(jìn)行線形填充，參數(shù)設(shè)置如下：
5、現(xiàn)在把你設(shè)置好的這個矩形克隆一個（鍵盤快捷鍵CTRL+SHIFT+D）,再繪制一個矩形框，利用菜單命令“切割>>>打洞”進(jìn)行切割：
6、現(xiàn)在，你是不是已經(jīng)得到了以下的這個效果呢？
7、選中你切割好的這半截圖形，將邊框設(shè)置為無，再進(jìn)行線形填充，參數(shù)如下：
8、再在圖層面板里將這半截圓角的透明度設(shè)為70%或80%，看看，是不是有點(diǎn)意思了。不行，還差一點(diǎn)高光的效果。如果用特效或是濾鏡來做，無疑是太麻煩了，我們就用一種笨辦法吧。
將畫布顯示的比例調(diào)到800%，然后用鋼筆繪制如圖所示的線條：
9、設(shè)置我們剛繪制的線條顏色為白色，透明度調(diào)整為90%，切換回100%的顯示比例看看：
10、添加按鈕文字：
將添加好的文字克隆一下，向上和向左各移動一個像素（用鍵盤上的方向鍵來移動），然后再到圖層面板中選中下面一層的文字，設(shè)置填充顏色為白色。這樣使得文字有凹下去的感覺。
11、現(xiàn)在來繪制一個簡單的放大鏡，將畫布顯示比例放到到800%，用圓形工具和鋼筆繪制如下的圖形，線條顏色為白色，無填充：
12、做最后的位置調(diào)整，并且為最下面的底層圓角矩形設(shè)置陰影：
OK，大功告成了。你可以調(diào)整填充的各種顏色，來做出多樣的按鈕，希望大家從這個教程學(xué)到FW里最基本的一些東西。
Png源文件：
后記：附moonjeep另一源文件參考，這個圖片使用了些不同的效果實現(xiàn)方法。
比如右側(cè)白色部分用了遮罩，左側(cè)紅色部分的高光用了Inner Shadow內(nèi)陰影，字體凹陷用的是投影等。
出處：織夢幻影
責(zé)任編輯：moonjeep
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
