繪制一枚高科技按鈕

1、繪制一枚高科技按鈕先看完成效果。說在之前。這篇教程的英文原版有71步。這個實在有點長。而且前19步也是在AI中做的。考慮到淋漓本人與各位的耐心。淋漓翻譯的時候?qū)⑺o簡化了一點。同時全部拿到PS里來做完。因此這篇漢化教程的介紹與圖例都跟原版有所差異。下面開始。1.先在PS里新建一1024*768PX的畫布。用漸變工具填充一#333333到純黑色的徑向漸變。2.創(chuàng)建一層。用鋼筆工具畫如下外形。假如擔心左右兩方不對稱。那就先畫半邊。之后拷貝這半邊。水平翻轉過去。之后拼到一起。（色彩不重要。以后還要改。）3.將這個東西再拷貝兩份。之后3分拼成如下外形。拼好然后按住CTRL鍵點擊圖層面版的這一圖層的縮稍

2、圖。獲得圖形選區(qū)。運行選取>更改>平滑。把其平滑30像素左右。創(chuàng)建一層。填充灰色。（什么色彩都行。以后還要改）這就獲得了主按鈕的基本外形。4.將這個主按鈕的圖層拷貝一份。縮小。再平滑。填充更深色的灰。獲得一主按鈕上的小按鈕?；旧暇褪窍聢D如此。5.回到主按鈕圖層。雙擊圖層打開圖層樣式面版。執(zhí)行如下設定。下圖是描邊所用的漸變設定。從左到右的4個色標的色彩與地方分別是5B5B5B 0%CCCCCC 45%2C2C2C 50%949494 100%下面是這一層的另外樣式設定。補充一下。漸變疊加是用的漸變是從#333333到純黑色。到目前為止。我們獲得效果如下。下面我們重新拿到主按鈕圖層的

3、選區(qū)。把選區(qū)收縮15像素所有。之后羽化2個像素左右。在主按鈕圖層上方創(chuàng)建一層。選取直徑在30左右的軟頭畫筆。用白色在這個選區(qū)內(nèi)的3個頂端的邊上。畫上一點白色。這是給主按鈕加上一點高光效果。補充一些。畫筆的流量要小。10%左右即可。之后慢慢的。反復涂抹。其他一些是。3個頂端的高光要有主次。不能畫的都相同。下面是我做的效果。6.下面我們開始搞主按鈕上方的小按鈕。設定圖層樣式前面我更改了下這個小按鈕的外形。詳細手法就是平滑與CTRL+T。這一步我就稍過了。好。選定小按鈕圖層。執(zhí)行見下圖層樣式設定。補充。內(nèi)發(fā)光運用的灰色是#333333經(jīng)過如上設定。效果基本如下。7.下面我們在小按鈕的中心添加一電源I

4、CON。這個小東西你可在這兒下載到。這是一字體文件。安裝好以后在PS中調(diào)出。按Q鍵。就獲得這個ICON了。實際上這很麻煩。我是在那個下載頁面徑直將這個ICON抓圖了。之后最這個ICON層也使用一點圖層樣式。比如投影啦。漸變疊加啦。斜面浮雕等等吧。詳細設定我就稍過了。各位個人來吧。下圖是我所做的效果。8.到目前為止。這個按鈕基本上定型了。我們接下來要加上一下修飾。我們在主按鈕圖層下面創(chuàng)建一層。畫一藍色的圓形。大小與地方見下圖。畫好以后我們重新拿到主按鈕的選區(qū)。之后給藍色圓的圖層添加蒙板。單擊圖層面版下面的“加上圖層蒙板”按鈕就OK。如此我們就將藍色圓與主按鈕重疊的部分隱蔽了。接下來我們給藍色圓這一層設定圖層樣式。效果如下。下面我們將藍色層拷貝一份。把這一層的藍色部分填充為白色。同時把這一層混合模式設定為淺色。重新設定圖層樣式如下。補充一下。上面兩項設定運用的藍色要比前面那個藍色層的藍色亮一些淺一些。如此我們獲得效果如下。9.接著往下執(zhí)行。執(zhí)行到這兒。我發(fā)覺背景層拖的漸變好像看不到了。于是我在背景層上面創(chuàng)建了一層。畫了一灰色的圓上去。效果如下。10.到目前為止。這個按鈕