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

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

來源:不詳 作者:佚名 學習:157人次
Photoshop入門教程:繪制Vista風格網(wǎng)頁按鈕全過程Photoshopru men jiao cheng :hui zhi Vistafeng ge wang ye an niu quan guo cheng
作者:閃電兒 教程來源:網(wǎng)頁教學網(wǎng)
初學者入門,Photoshop教程,簡單繪制Vista風格網(wǎng)頁按鈕,效果還是不錯的!但是有沒有用還要看自己的喜好!
photoshop制作一個超酷的藍色Vista風格網(wǎng)頁按鈕。文章最后提供PSD源文件。
1、建立一個50*50px文檔,背景填充為#121212。
2、建立新圖層,使用圓角矩形工具。半徑設置為15px,繪制一個在文檔正中的形狀,然后使用漸變工具,把前景色設置為#0c85f4,背景色設置為#00386b從上到下進行線性漸變。按Ctrl D取消選擇。

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


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

把不透明度降低到10%。

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

最后仍然使用矩形選框工具,樣式設置為正常,選擇第2個小矩形一半然后按Del刪除,同樣方法第3個小矩形刪除1/4,最終效果如下所示。


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

學習 · 提示

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

關注大神微博加入>>

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