簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

來(lái)源:不詳 作者:佚名 學(xué)習(xí):266人次
簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕在這個(gè)教程里我們教大家如何利用Photoshop簡(jiǎn)單制作一個(gè)流行的、專業(yè)的、具有光澤的網(wǎng)頁(yè)中經(jīng)常用到的按鈕,最終效果如下:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  1.新建立文檔,創(chuàng)建一個(gè)新的圖層,使用橢圓工具繪制選區(qū),然后執(zhí)行“選擇”“修改”“平滑”,設(shè)置數(shù)值12。

  2.然后使用漸變工具從藍(lán)色到淺藍(lán)色進(jìn)行線性填充:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  3.新建立圖層,使用“編輯”“描邊”數(shù)值為 4 px.

  4.然后對(duì)選定區(qū)域執(zhí)行高斯模糊,半徑為 1,5:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  5.下面開(kāi)始制作反射效果,新建立圖層,選定一定區(qū)域,然后執(zhí)行“選擇”“修改”“收縮”,數(shù)值為 8 px.:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  6.在第一個(gè)下面的圖層的上部執(zhí)行漸變填充,然后執(zhí)行高斯模糊濾鏡:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  7.執(zhí)行“編輯”“變換”“斜切”:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕

  8.復(fù)制圖層設(shè)置不透明度為80。

  9.最后添加一種陰影效果:

Photoshop簡(jiǎn)單繪制專業(yè)的網(wǎng)頁(yè)按鈕



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

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

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

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