當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

Photoshop輕松繪制簡潔的綠色網(wǎng)頁按鈕

來源:不詳 作者:佚名 學(xué)習(xí):253人次
Photoshop輕松繪制簡潔的綠色網(wǎng)頁按鈕

作者:閃電兒 譯 教程來源:網(wǎng)頁教學(xué)網(wǎng)

先看一下最終效果。

1.新建文件,新建層,使用矩形選區(qū)工具如下選擇,我選擇的大小為60*20像素。


前景色設(shè)置為#afee00 ,背景色設(shè)置為: #3b9d00,使用漸變工具從選區(qū)的上方拉到中央進行填充:

將前景色和背景色設(shè)置回黑色和白色,新建層,雙擊新層,對描邊選項進行如下設(shè)置:

層類型更改為覆蓋,透明度設(shè)置為40%。
3.新建層,創(chuàng)建如下選區(qū):

使用漸變工具顏色為白色到透明,從上向下進行填充:

層模式設(shè)置為覆蓋,透明度降低到30%

4.使用文字工具輸入需要的文字,我使用的字體是:Tahoma,大小為11pt。

效果完成~雖然比較簡單,但是給人的感覺非常清新,簡潔!簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

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

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

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

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