Photoshop入門教程:繪制Vista風格網頁按鈕全過程
2022-12-26 13:48:30
來源/作者: /
己有:9人學習過
Photoshop入門教程:繪制Vista風格網頁按鈕全過程Photoshopru men jiao cheng :hui zhi Vistafeng ge wang ye an niu quan guo cheng
作者:閃電兒 教程來源:網頁教學網
初學者入門,Photoshop教程,簡單繪制Vista風格網頁按鈕,效果還是不錯的!但是有沒有用還要看自己的喜好!
photoshop制作一個超酷的藍色Vista風格網頁按鈕。文章最后提供PSD源文件。
1、建立一個50*50px文檔,背景填充為#121212。
2、建立新圖層,使用圓角矩形工具。半徑設置為15px,繪制一個在文檔正中的形狀,然后使用漸變工具,把前景色設置為#0c85f4,背景色設置為#00386b從上到下進行線性漸變。按Ctrl D取消選擇。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/d3k0zsoiflb.gif)
3、設置內發光樣式如下。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/x5duyhljv3m.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dew3bq3buzu.gif)
4、制作光照效果。創建一個新層,按Ctrl單擊圓角矩形圖層選擇,使用橢圓選區工具選擇下部分,然后把上面部分填充為白色。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/gzdgfulsbsc.gif)
把不透明度降低到10%。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zn0quw0sskf.gif)
5. 在創建一新層,使用矩形選框工具,設置固定大小為寬4px高為25px,制作一個形狀,填充為白色,同樣方法制作三個。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zzsd51znyfd.gif)
最后仍然使用矩形選框工具,樣式設置為正常,選擇第2個小矩形一半然后按Del刪除,同樣方法第3個小矩形刪除1/4,最終效果如下所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/jnmxjxkomux.gif)
簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
作者:閃電兒 教程來源:網頁教學網
初學者入門,Photoshop教程,簡單繪制Vista風格網頁按鈕,效果還是不錯的!但是有沒有用還要看自己的喜好!
photoshop制作一個超酷的藍色Vista風格網頁按鈕。文章最后提供PSD源文件。
1、建立一個50*50px文檔,背景填充為#121212。
2、建立新圖層,使用圓角矩形工具。半徑設置為15px,繪制一個在文檔正中的形狀,然后使用漸變工具,把前景色設置為#0c85f4,背景色設置為#00386b從上到下進行線性漸變。按Ctrl D取消選擇。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/d3k0zsoiflb.gif)
3、設置內發光樣式如下。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/x5duyhljv3m.jpg)
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dew3bq3buzu.gif)
4、制作光照效果。創建一個新層,按Ctrl單擊圓角矩形圖層選擇,使用橢圓選區工具選擇下部分,然后把上面部分填充為白色。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/gzdgfulsbsc.gif)
把不透明度降低到10%。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zn0quw0sskf.gif)
5. 在創建一新層,使用矩形選框工具,設置固定大小為寬4px高為25px,制作一個形狀,填充為白色,同樣方法制作三個。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/zzsd51znyfd.gif)
最后仍然使用矩形選框工具,樣式設置為正常,選擇第2個小矩形一半然后按Del刪除,同樣方法第3個小矩形刪除1/4,最終效果如下所示。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/jnmxjxkomux.gif)
簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima