Photoshop入門教程:繪制Vista風(fēng)格網(wǎng)頁(yè)按鈕全過(guò)程
來(lái)源:不詳
作者:佚名
學(xué)習(xí):157人次
Photoshop入門教程:繪制Vista風(fēng)格網(wǎng)頁(yè)按鈕全過(guò)程Photoshopru men jiao cheng :hui zhi Vistafeng ge wang ye an niu quan guo cheng
作者:閃電兒 教程來(lái)源:網(wǎng)頁(yè)教學(xué)網(wǎng)
初學(xué)者入門,Photoshop教程,簡(jiǎn)單繪制Vista風(fēng)格網(wǎng)頁(yè)按鈕,效果還是不錯(cuò)的!但是有沒(méi)有用還要看自己的喜好!
photoshop制作一個(gè)超酷的藍(lán)色Vista風(fēng)格網(wǎng)頁(yè)按鈕。文章最后提供PSD源文件。
1、建立一個(gè)50*50px文檔,背景填充為#121212。
2、建立新圖層,使用圓角矩形工具。半徑設(shè)置為15px,繪制一個(gè)在文檔正中的形狀,然后使用漸變工具,把前景色設(shè)置為#0c85f4,背景色設(shè)置為#00386b從上到下進(jìn)行線性漸變。按Ctrl D取消選擇。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174730460.gif)
3、設(shè)置內(nèi)發(fā)光樣式如下。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731521.jpg)
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731219.gif)
4、制作光照效果。創(chuàng)建一個(gè)新層,按Ctrl單擊圓角矩形圖層選擇,使用橢圓選區(qū)工具選擇下部分,然后把上面部分填充為白色。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731668.gif)
把不透明度降低到10%。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731616.gif)
5. 在創(chuàng)建一新層,使用矩形選框工具,設(shè)置固定大小為寬4px高為25px,制作一個(gè)形狀,填充為白色,同樣方法制作三個(gè)。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731681.gif)
最后仍然使用矩形選框工具,樣式設(shè)置為正常,選擇第2個(gè)小矩形一半然后按Del刪除,同樣方法第3個(gè)小矩形刪除1/4,最終效果如下所示。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731248.gif)
簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
作者:閃電兒 教程來(lái)源:網(wǎng)頁(yè)教學(xué)網(wǎng)
初學(xué)者入門,Photoshop教程,簡(jiǎn)單繪制Vista風(fēng)格網(wǎng)頁(yè)按鈕,效果還是不錯(cuò)的!但是有沒(méi)有用還要看自己的喜好!
photoshop制作一個(gè)超酷的藍(lán)色Vista風(fēng)格網(wǎng)頁(yè)按鈕。文章最后提供PSD源文件。
1、建立一個(gè)50*50px文檔,背景填充為#121212。
2、建立新圖層,使用圓角矩形工具。半徑設(shè)置為15px,繪制一個(gè)在文檔正中的形狀,然后使用漸變工具,把前景色設(shè)置為#0c85f4,背景色設(shè)置為#00386b從上到下進(jìn)行線性漸變。按Ctrl D取消選擇。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174730460.gif)
3、設(shè)置內(nèi)發(fā)光樣式如下。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731521.jpg)
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731219.gif)
4、制作光照效果。創(chuàng)建一個(gè)新層,按Ctrl單擊圓角矩形圖層選擇,使用橢圓選區(qū)工具選擇下部分,然后把上面部分填充為白色。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731668.gif)
把不透明度降低到10%。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731616.gif)
5. 在創(chuàng)建一新層,使用矩形選框工具,設(shè)置固定大小為寬4px高為25px,制作一個(gè)形狀,填充為白色,同樣方法制作三個(gè)。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731681.gif)
最后仍然使用矩形選框工具,樣式設(shè)置為正常,選擇第2個(gè)小矩形一半然后按Del刪除,同樣方法第3個(gè)小矩形刪除1/4,最終效果如下所示。
![](http://pic.16xx8.com/article/UploadPic/2007/11/1/200711174731248.gif)
簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡(jiǎn)單的書(shū)本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 圓環(huán)圖標(biāo),簡(jiǎn)單幾步通過(guò)PS制作炫酷效果的圓環(huán)圖標(biāo)
- 插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡(jiǎn)約的圓環(huán)圖標(biāo)
推薦教程
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作高光橘色RSS按鈕
- 塑料按鈕的制作方法
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!