ps矩形網(wǎng)頁(yè)按鈕

來(lái)源:未知 作者:LOGO設(shè)計(jì) 學(xué)習(xí):4325人次

效果圖

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

讓我們開(kāi)始!創(chuàng)建一個(gè)新的文件,本ps教程分辨率為500×300,填補(bǔ)這個(gè)白色畫(huà)布。然后選擇圓角矩形工具(半徑30像素)繪制一個(gè)形狀使用#d61d23的顏色。

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

之后,應(yīng)用下面的圖層樣式到這一層:

內(nèi)陰影

漸變疊加

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

您的按鈕應(yīng)該看起來(lái)像我的:

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在,時(shí)間,使反射按鈕。使用Ctrl + J鍵復(fù)制當(dāng)前層,然后創(chuàng)建一個(gè)新的,然后將其翻轉(zhuǎn)復(fù)制的圖層,得到一個(gè)層中的所有圖層樣式。之后,翻轉(zhuǎn),垂直與編輯>變換>垂直翻轉(zhuǎn)上我的照片下面:

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

 

為了使反射更透明的底部的圖片適用于快速蒙版模式,梯度如下:

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

然后返回到標(biāo)準(zhǔn)模式,F(xiàn)在,我們有一些選擇的區(qū)域。按刪除所選區(qū)域到清晰的圖像。

Photoshop設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁(yè)按鈕,PS教程,16xx8.com教程網(wǎng)

學(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)論
寒冰殤2018-06-30 09:23
加油
數(shù)學(xué)一只驢2017-05-28 10:04
學(xué)習(xí)學(xué)習(xí)

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

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