PhotoShop制作一個(gè)網(wǎng)頁導(dǎo)航按鈕的教程(3)

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


作者:zhouyuling909   出處:站酷

1.填充背景為深灰色,設(shè)置前景色,新建圖層1,繪制圓色矩形

2.為圖層1添加圖層樣式(投影,內(nèi)陰影,外發(fā)光,漸變疊加,描邊);

 



3.選擇圖層1,使用濾鏡>雜色>添加雜色(根據(jù)情況調(diào)整雜色的數(shù)量); 

4.按CTRL鍵點(diǎn)擊圖層1,調(diào)出圖層1的圖形選區(qū)之后,新建圖層2,填充任意色彩,選擇矩形選框工具,按向上方向鍵,將選區(qū)向上移動(dòng)1個(gè)像表的距離,再按刪除鍵刪除選區(qū)內(nèi)的色彩.再CTRL+D,取消選區(qū).這樣我們就得到了按鈕底部的高光了

5.選圖層2,添加圖層樣式(漸變疊加);

 



6.按CTRL鍵,點(diǎn)擊圖層1,調(diào)出層1選區(qū),再新建圖層3,使用漸變工具(徑向漸變,白到黑色,從按鈕的上中位置拖到按鈕的下右位置),CTRL+D取消選區(qū),改變層3的圖層樣式;如圖設(shè)置 

7.選擇圓角矩形工具,建立與按鈕同等寬度的圓色矩形路徑,再選用轉(zhuǎn)換點(diǎn)工具,移動(dòng)右下角兩個(gè)節(jié)點(diǎn).使其變成梯形,新建圖層4,設(shè)置前景色為白色,進(jìn)入路徑面板,填充路徑(白色).按CTRL鍵點(diǎn)擊層1,選圖層4,為圖層4添加圖層蒙板.再設(shè)置圖層混合模式,產(chǎn)生按鈕的高光效果

 



8.輸入文字,添加圖層樣式 

完成最終效果




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

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

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

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