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

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

來源:PConline 作者:李華仁 學(xué)習(xí):312人次
水晶按鈕是非常常用的,制作方法按個人操作也有一些區(qū)別。下面的教程是用圖層樣式來完成主體操作。制作的時候只需用選區(qū)工具做出想要的按鈕形狀,然后添加圖層樣式和高光即可。
最終效果

1、打開Adobe Photoshop,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對話框,設(shè)置名稱:按鈕,寬度:570像素,高度:400像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。

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

<圖2>

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

<圖4>

<圖5>

<圖6>

<圖7>

<圖8>

<圖9>

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

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

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

<圖13>

<圖14>

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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