當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

PhotoShop制作一個網頁導航按鈕的教程

來源:未知 作者:bbs.16xx8.com 學習:5919人次


作者:zhouyuling909   出處:站酷

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

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

 



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

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

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

 



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

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

 



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

完成最終效果




學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!