PS教程!教你繪制超漂亮的漸變按鈕圖標

分類欄目:經驗 - Photoshop教程

發布于 暫無評論

源文件下載:http://pan.baidu.com/s/1kUQQX63

最終效果:

來源自愛設計http://www.ktyijx.tw/

新建文檔,這里我用的是1000X800像素,創建一個#3d3d42的純色調整層,添加一個雜色。

來源自愛設計http://www.ktyijx.tw/

給這個調整層添加一個內陰影。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

畫一個黑色的正圓,將填充修改為24%,并添加一個圖層樣式,圓的大小我用的是500X500像素。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

利用布爾運算中的減去,你很容易的畫出下面這個黑色的圓環。

來源自愛設計http://www.ktyijx.tw/

畫一個矩形,應用Ctrl+Alt+Shift+T,你可以輕易的得到跟我圖中一樣的直線,同時配合蒙版,將在剛才那個圓環外部的部分涂抹掉。

來源自愛設計http://www.ktyijx.tw/

下面,回到直線的下層,我們畫一個圓,添加圖層樣式。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

接下來,我們來畫那個內圓,同樣的在直線圖層的下層,我畫了一個黑色的圓,將填充修改為26%,并添加了一個圖層樣式。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

下面,我們來畫那個按紐,畫一個正圓,添加圖層樣式。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

最后,毫無疑問的,就是添加我們的LOGO了。

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

是不是異常的簡單,大功告成!

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

來源自愛設計http://www.ktyijx.tw/

歡迎關注可能是最用心做原創教程的微信公眾號:

來源自愛設計http://www.ktyijx.tw/