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

Photoshop入門教程：繪制Vista風(fēng)格網(wǎng)頁按鈕全過程

來源：不詳 作者：佚名 學(xué)習(xí)：157人次
Photoshop入門教程：繪制Vista風(fēng)格網(wǎng)頁按鈕全過程Photoshopru men jiao cheng ：hui zhi Vistafeng ge wang ye an niu quan guo cheng
作者：閃電兒 教程來源：網(wǎng)頁教學(xué)網(wǎng)
初學(xué)者入門，Photoshop教程，簡單繪制Vista風(fēng)格網(wǎng)頁按鈕，效果還是不錯的！但是有沒有用還要看自己的喜好！
photoshop制作一個超酷的藍(lán)色Vista風(fēng)格網(wǎng)頁按鈕。文章最后提供PSD源文件。
1、建立一個50*50px文檔，背景填充為#121212。
2、建立新圖層，使用圓角矩形工具。半徑設(shè)置為15px，繪制一個在文檔正中的形狀，然后使用漸變工具，把前景色設(shè)置為#0c85f4，背景色設(shè)置為#00386b從上到下進(jìn)行線性漸變。按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，最終效果如下所示。


簡單的,我們教你,深奧的,你來分享,非主流照片|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)友求助，請回答！