Photoshop繪製素雅主題的圓形網頁按鈕
學習PS
微信號:XXPS1979
【學習PS】PS、AI教程學習公益分享公眾平台
點擊播放 GIF/61K
本教程主要使用Photoshop設計藍色素雅風格的圓形按鈕,教程主要利用PS製作質感按鈕,主要利用ps的圖層樣式,現在就把設置的步驟和截圖分享出來,供大家參考使用。
先看看效果圖
1、首先啟動Photoshopcs5,執行ctrl+n組合鍵新建一個大小為800*600,解析度為200,背景顏色為白色的文檔。
2、調整前景色為#666666,按alt+delete組合鍵填充前景色,選擇橢圓工具,設置填充顏色為淺藍色,按住shift在畫布上繪製一個正圓。
3、雙擊該圖層彈出圖層樣式對話框,勾選描邊,設置大小為6像素,並設置漸變顏色為#333333,角度為90.
4、接著設置內投影,設置模式為線性加深,角度為90,距離為6像素,大小為10像素。
5、接下來設置內發光,設置混合模式為顏色加深,不透明度為20,方法為精確,大小為10.
6、勾選漸變疊加,設置混合模式為柔光,不透明度為60,樣式為線性,角度為120。
7、新建圖層1,選擇工具箱里橢圓選框工具,按住shift鍵繪製一個正圓,右鍵單擊從下拉菜單中選擇描邊,設置10px,點擊確定按鈕。
8、雙擊圖層1彈出圖層樣式對話框,根據實際需要設置,這樣質感按鈕就製作完成了,執行文件-存儲為命令,將文件進行保存即可。
最終效果圖
友情平台
平台自營微店
※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讓你的生活變簡單