當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

Photoshop制作非常精致的藍色水晶按鈕

來源:未知 作者:bbs.16xx8.com 學習:30656人次


作者:李華仁 作者:佚名   出處:PConline

水晶按鈕是非常常用的,制作方法按個人操作也有一些區(qū)別。下面的教程是用圖層樣式來完成主體操作。制作的時候只需用選區(qū)工具做出想要的按鈕形狀,然后添加圖層樣式和高光即可。
最終效果 
 
1、打開Adobe Photoshop,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對話框,設置名稱:按鈕,寬度:570像素,高度:400像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設置完畢后單擊確定按鈕,如圖1所示。 

<圖1> 
2、在圖層面板上單擊創(chuàng)建新圖層按鈕,新建一個圖層4,再工具箱選擇圓角矩形工具,并按住鍵盤中Shift不放在工作區(qū)拖出一個圓角矩形,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),設置前景色為藍色,按鍵盤快捷鍵Ctrl+D取消選區(qū),如圖2所示。效果圖如圖3所示。 

<圖2> 

<圖3> 
  3、接著右擊圖層4,選擇混合選項,進入到圖層樣式,分別勾選投影、外發(fā)光、內(nèi)發(fā)光、斜面與浮雕、光澤、漸變疊加選項,設置圖層樣式各項的值,參考下面的設置值,然后點擊確定按鈕,如圖4、5、6、7、8、9所示。效果圖如圖10所示。 

<圖4> 

<圖5> 

<圖6> 

<圖7> 

<圖8> 

<圖9> 

<圖10> 
  4、選擇圖層4,復制一個圖層4副本并給圖層4副本添加蒙版,如圖11所示。 

<圖11> 
5、單擊工具箱中的橫排文字工具 ,輸入school,然后在工具選項欄上設置字體參考圖12,如圖12所示。 

<圖12> 
6、在圖層控制面板新建一個圖層或者(按快捷鍵Shift+Ctrl+N),接著在工具箱中選擇鋼筆工具,在屬性欄中設置鋼筆為路徑,接著再工作區(qū)繪制出一個不規(guī)則的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),設置前景色為白色,按鍵盤快捷鍵Ctrl+D取消選區(qū),并設置不透明度為20%。如圖13所示。調(diào)整后的效果圖如圖14所示 

<圖13> 



學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
舞協(xié)之家2017-05-29 02:40
學習學習~~~~
歡樂豆_傷痕2017-05-28 02:53
999
黯然與他的壞笑2017-05-28 02:52

關注大神微博加入>>

網(wǎng)友求助,請回答!