Photoshop制作非常精致的藍(lán)色水晶按鈕

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):30656人次


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

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

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

<圖2> 

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

<圖4> 

<圖5> 

<圖6> 

<圖7> 

<圖8> 

<圖9> 

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

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

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

<圖13> 



學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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