用Photoshop制作Vista風格圖標(4)

來源:不詳 作者:佚名 學習:512人次

效果圖如下:

  步驟如下:

  1、新建一個圖像文檔(快捷鍵Ctrl N),背景色為#2a2a2a,寬度和高度依自己需要而定。

圖1:新建一個暗色的圖像文檔

  2、從工具欄選擇圓角矩形工具(快捷鍵U),在選項欄設置其半徑為5像素,顏色為黑色,繪制類似如下形狀的圖形




圖2:繪制一個圓角的矩形形狀
3、將“形狀1”圖層重命名為“按鈕背景”,在空白處雙擊,打開圖層樣式對話框。給圖層應用“外發(fā)光”、“內發(fā)光”、“漸變疊加”、“描邊”等樣式。具體設置如圖所示:

 。1) “外發(fā)光”圖層樣式參數(shù)設置:

圖3:“外發(fā)光”圖層樣式參數(shù)設置

 。2)“內發(fā)光”圖層樣式參數(shù)設置:

圖4:“內發(fā)光”圖層樣式參數(shù)設置

 。3)“漸變疊加”圖層樣式參數(shù)設置:

圖5:“漸變疊加”圖層樣式參數(shù)設置

  其中漸變色三處色標的顏色分別是:#148791 #000f1b #000f1b,如圖所示:

圖6:編輯“漸變”色彩
(4)“描邊”圖層樣式參數(shù)設置:

圖7:“描邊”圖層樣式參數(shù)設置

  應用如上圖層樣式后,我們將得到如下效果:

圖8:應用圖層樣式后的效果




  4、新建一個圖層,并命名為“光澤”。從工具欄中選擇“矩形選框工具”(快捷鍵M),繪制如下所示的選區(qū)。

圖9:使用矩形選框工具繪制選區(qū)

  5、現(xiàn)在我們要得到按鈕部分的選區(qū)。按住Shift Ctrl Alt鍵不放,用鼠標點擊“按鈕背景”圖層的“圖層縮覽圖”圖標,即得到按鈕部分的選區(qū)。

圖10:按住Shift Ctrl Alt鍵,點擊圖中紅色圈住的圖標




圖11:得到按鈕部分的選區(qū)
6、從菜單中選擇“選擇 -> 修改 -> 收縮”,收縮量設置為1像素,將選區(qū)縮小1像素。

圖12:將選區(qū)縮小1像素

  7、點擊選擇“光澤”圖層,使用白色 #ffffff 填充選區(qū),Ctrl D 取消選區(qū)。在圖層面板上,將不透明度降低為20%。這樣,一款漂亮的質感按鈕就制作完成了。

圖13:使用白色填充選區(qū),將圖層不透明度降低為20%

  8、最后在按鈕上輸入所需要的文字即可。注意使文字圖層位于“光澤”圖層之下,并且根據(jù)需要,適當調整文字圖層的不透明度。最終效果圖如下:

簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

學習 · 提示

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

關注大神微博加入>>

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