Photoshop制作雙環水晶紋理按鈕

最終效果

王朝网络

1、新建一個300 * 300像素的文件,把背景填充顔色:#102633 。 按Ctrl + R調出標尺,然後分別在水平和垂直中心位置拉一條參考線,效果如下圖。

王朝网络

2、選擇自定義形狀橢圓工具,按住Shift鍵,從參考線中心向外拉出一個正圓。

王朝网络

選擇下圖中的選項,按Shift從參考線向外拉,將圓中間消減去一部分。

王朝网络

再選擇添加區域選項,按上面的方法,在中間拉出一個小圓。

王朝网络

3、在形狀圖層上單擊右鍵-柵格化圖層,然後雙擊圖層,設置圖層樣式,參數設置如下圖。

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

王朝网络

各項參數設置好的效果。

王朝网络

4、新建一個圖層,再在中間畫一個稍小的圓,然後柵格化圖層,雙擊形狀2圖層,設置圖層樣效果如下。

王朝网络

塗層樣參數。

王朝网络

5、按住Ctrl鍵,同時點擊圖中紅色圈處載入選區。

王朝网络

保持選區,新建一個圖層,選擇編輯 > 描邊,參數設置如下圖。

王朝网络

繼續執行濾鏡 > 模糊 > 高斯模糊,半徑爲3。

王朝网络

6、選擇橢圓選框工具,在裏面畫一個正圓,在選項欄中選「從區域減去」,將多余部分減掉。新建一個圖層,選一種稍淺的顔色填充,選擇:濾鏡 > 模糊 > 高斯模糊,半徑:7像素。效果如圖。

王朝网络

7、按住Ctrl鍵同時點擊形狀2,載入選區,執行:選擇 > 修改 > 收縮,數值爲3;保留選區,新建一個圖層,在上面拉一個白色線性漸變,並將圖層不透明改爲:13%,效果如圖。

王朝网络

8、新建一個圖層,添加一個蒙版,給蒙版拉一個黑白徑向漸變,選擇一個蝴蝶或其它畫筆,在圖層上點畫筆,並雙擊圖層4設置圖層樣式。

王朝网络

圖層樣式參數。

王朝网络

王朝网络

9、新建一個圖層,參照第6步用橢圓做出如下選區,填充白色或淺色,不透明度改爲:18%。

王朝网络

10、新建一個圖層,選擇畫筆工具,在蝴蝶頭左上和右下方點兩個白點,圖層不透明度改爲:48%:執行:濾鏡 > 模糊 > 高斯模糊,數值爲8。

王朝网络

11、新建一個圖層,在外圍上重複上一步操作。

王朝网络

12、新建一個圖層,按Ctrl鍵同時點擊形狀2載入選區,再用橢圓工具將選區兩邊減去一部分,形成一個沙漏狀,保持選區,給選區填充淡一點的顔色,圖層不透明度該爲:14%,再給此圖層添加一個蒙版,拉一個黑色線性漸變。

王朝网络

13、新建一個圖層,用橢圓工具加/減選區項,作出如下選區,按Alt + Shift + D羽化數值爲4,保持選區,填充顔色,圖層不透明度爲:70%。

王朝网络

14、新建一個圖層,再作出以下兩個區域,填充白色圖層不透明度改爲20%。

王朝网络

最後下載一個星星畫筆點上完成最終效果。

王朝网络

 
利用Photoshop圖層制作水晶按鈕
作者聯系方式QQ:546321 msn:lightant@hotmail.com   最大的優點可以把這個圖層效果保存爲Styles,以後要用就畫個橢圓加一層漸變,選個Styles就可以了。...查看完整版>>利用Photoshop圖層制作水晶按鈕
 
Photoshop制作水晶按鈕實例教程
  第一、新建400*400白色背景RBG文件,再用漸變工具以適當的顔色對背景進行線性填充,得到如下圖:  第二、用橢圓選取工具畫一個圓,用漸變工具以適當的顔色對這個選區進行線性填充。顔色參考數:前景[238,142,...查看完整版>>Photoshop制作水晶按鈕實例教程
 
Photoshop超級輕松打造web2.0水晶風格按鈕(2)
Photoshop超級輕松打造web2.0水晶風格按鈕(2)
...查看完整版>>Photoshop超級輕松打造web2.0水晶風格按鈕(2)
 
Photoshop超級輕松打造web2.0水晶風格按鈕(1)
Photoshop超級輕松打造web2.0水晶風格按鈕(1)
...查看完整版>>Photoshop超級輕松打造web2.0水晶風格按鈕(1)
 
Photoshop簡單制作網頁半透明按鈕
Photoshop簡單制作網頁半透明按鈕
效果圖:  1. 新建一個文件。選擇一個前景色,用“圓角矩形工具”畫出一個150*70的按鈕主體形狀,得圖層“形狀1”。   2. 複制該圖層,得到圖層“形狀1 副本”,按 Ctrl+T 改變大小,將之收縮,如圖。   3. 在圖...查看完整版>>Photoshop簡單制作網頁半透明按鈕