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

PS簡單繪制Vista風(fēng)格按鈕

來源:不詳 作者:佚名 學(xué)習(xí):614人次
發(fā)表于 2007-9-1 10:20 PS簡單繪制Vista風(fēng)格按鈕作者:閃電兒 來源:網(wǎng)頁教學(xué)網(wǎng) PS教程論壇:http://bbs.16xx8.com

Photoshop簡單繪制Vista風(fēng)格網(wǎng)頁按鈕,效果還是不錯的!但是有沒有用還要看自己的喜好!   1、建立一個50*50px文檔,背景填充為#121212。
  2、建立新圖層,使用圓角矩形工具。半徑設(shè)置為15px,繪制一個在文檔正中的形狀,然后使用漸變工具,把前景色設(shè)置為#0c85f4,背景色設(shè)置為#00386b從上到下進行線性漸變。按Ctrl D取消選擇。

  3、設(shè)置內(nèi)發(fā)光樣式如下。

  4、制作光照效果。創(chuàng)建一個新層,按Ctrl單擊圓角矩形圖層選擇,使用橢圓選區(qū)工具選擇下部分,然后把上面部分填充為白色。

  把不透明度降低到10%。

  5. 在創(chuàng)建一新層,使用矩形選框工具,設(shè)置固定大小為寬4px高為25px,制作一個形狀,填充為白色,同樣方法制作三個。

  最后仍然使用矩形選框工具,樣式設(shè)置為正常,選擇第2個小矩形一半然后按Del刪除,同樣方法第3個小矩形刪除1/4。

  最終效果

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

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

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

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