當前位置:
首頁 > 設計 > Photoshop繪製素雅主題的圓形網頁按鈕

Photoshop繪製素雅主題的圓形網頁按鈕

Photoshop繪製素雅主題的圓形網頁按鈕



學習PS


微信號:XXPS1979


【學習PS】PS、AI教程學習公益分享公眾平台

Photoshop繪製素雅主題的圓形網頁按鈕 點擊播放 GIF/61K




Photoshop繪製素雅主題的圓形網頁按鈕








本教程主要使用Photoshop設計藍色素雅風格的圓形按鈕,教程主要利用PS製作質感按鈕,主要利用ps的圖層樣式,現在就把設置的步驟和截圖分享出來,供大家參考使用。


先看看效果圖

Photoshop繪製素雅主題的圓形網頁按鈕



1、首先啟動Photoshopcs5,執行ctrl+n組合鍵新建一個大小為800*600,解析度為200,背景顏色為白色的文檔。

Photoshop繪製素雅主題的圓形網頁按鈕



2、調整前景色為#666666,按alt+delete組合鍵填充前景色,選擇橢圓工具,設置填充顏色為淺藍色,按住shift在畫布上繪製一個正圓。

Photoshop繪製素雅主題的圓形網頁按鈕



3、雙擊該圖層彈出圖層樣式對話框,勾選描邊,設置大小為6像素,並設置漸變顏色為#333333,角度為90.

Photoshop繪製素雅主題的圓形網頁按鈕



4、接著設置內投影,設置模式為線性加深,角度為90,距離為6像素,大小為10像素。

Photoshop繪製素雅主題的圓形網頁按鈕



5、接下來設置內發光,設置混合模式為顏色加深,不透明度為20,方法為精確,大小為10.

Photoshop繪製素雅主題的圓形網頁按鈕


6、勾選漸變疊加,設置混合模式為柔光,不透明度為60,樣式為線性,角度為120。

Photoshop繪製素雅主題的圓形網頁按鈕



7、新建圖層1,選擇工具箱里橢圓選框工具,按住shift鍵繪製一個正圓,右鍵單擊從下拉菜單中選擇描邊,設置10px,點擊確定按鈕。

Photoshop繪製素雅主題的圓形網頁按鈕



8、雙擊圖層1彈出圖層樣式對話框,根據實際需要設置,這樣質感按鈕就製作完成了,執行文件-存儲為命令,將文件進行保存即可。

Photoshop繪製素雅主題的圓形網頁按鈕


最終效果圖

Photoshop繪製素雅主題的圓形網頁按鈕



友情平台


平台自營微店


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 學習PS 的精彩文章:

Photoshop製作炫酷的萬花筒GIF動畫教程
Photoshop快速把風景照片變成日式油畫效果
PS視頻教程:第四十八集 文字工具
Illustrator簡單繪製絢麗的藍色光線背景
Photoshop快速的摳出透明風格的玻璃杯

TAG:學習PS |

您可能感興趣

Photoshop簡單三步製作網頁按鈕陰影效果
網頁版 adidas Confirmed 隱含重大變動?
Safari團隊公布iPhone X網頁效果圖
使用 CSS的font-size-adjust 屬性改善網頁排版
網頁版 adidas Confirmed即將上線!
蘋果為慫恿安卓用戶使用iPhone,上線Switch網頁
網頁設計中的「less is more.」:留白
如何在iPhone的Safari切換為電腦版網頁?有兩種方法
adidas Confirmed 網頁版率先於英國上線
谷歌 Daydream 能夠通過 Chrome 瀏覽網頁
網頁版 adidas Confirmed 隱含重大變動,跟你我有關!
蘋果為慫恿安卓手機用戶轉投iPhone 上線Switch網頁
Instagram 網頁端支持上傳圖片,對於 iPad 用戶來說是件好事
又是失望網頁版,LinkedIn Win10 Mobile版獲得隱形「更新」
iPhone如何查網頁內文字?iPhone版查詢指令就用這招
寫一個網頁進度loading
Adobe正式宣布放棄Flash!傳奇網頁動畫工具成為歷史
蘋果的My Support網頁以全新面貌回歸
文本直送科技新聞:蘋果新宣傳網頁對絕望Android用戶招手:iPhone讓你的生活變簡單