當前位置:
首頁 > 設計 > Photoshop繪製播放器開關按鈕效果圖

Photoshop繪製播放器開關按鈕效果圖

教程我們主要分為二個部分:底座、內圓、其它問題都不大,主要是內圓部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,教程的主要部分都是用圖層樣式來完成的,感興趣的朋友讓我們一起來學習吧。

最終效果:

下面是教程:

步驟一:首先新建畫布1000px*1000px畫布,命名為播放圖標,為其添加漸變疊加圖層樣式。

步驟二:我們最先來繪製底座吧,使用圓角矩形工具、繪製一個500px*500px圓角半徑90px的底座,並為它添加圖層樣式。

步驟三:高逼格的底座一下就出來了,有木有!!!現在來繪製下裝飾部分,繪製兩個360px的正圓,將填充數值都設置為0。

步驟四:現在為裝飾圓添加不同的描邊效果,並將多餘的線條利用選區框選出來,在圖層蒙版遮中填充黑色。

步驟五:現在選擇直線段工具,長度20px,粗細4px,並複製為加號移動到合適位置,添加OFF文字Adobe 黑體 Std R,字體大小20點顏色#a0a0a0。

步驟六:現在我們來繪製內部圓,繼續使用橢圓工具、繪製一個290px*290px的正圓,並為它添加圖層樣式。

步驟七:現在我們來繪製圓環,繪製兩個正圓大小分別為200x,180px的正圓,將倆個合併為一個形狀層,選擇路徑選擇工具選擇內圓,減去頂層形狀,並添加圖層樣式。

步驟八:繼續使用橢圓工具,繪製一個180px*180px的正圓,並添加圖層樣式。

步驟九:現在我們來繪製一下最後的小圓吧,繪製一個20px*20px的正圓,並添加圖層樣式。

步驟十:就剩高光部分了哦,繪製一個大小為180px的正圓,將填充設置為0,添加圖層樣式吧。

最終效果圖

友情平台

平台自營微店

點擊展開全文

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

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


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

Photoshop詳細解析證件照的人像摳圖技巧
Photoshop製作岩石和金屬質感的3D立體字
Photoshop製作唯美的人像二次曝光效果
Photoshop製作液體噴濺裝飾的藝術字教程

TAG:學習PS |

您可能感興趣

運行時動態的開關 Spring Security
蘋果發布新款MacBook Air、Mac mini、iPad Pro等產品;癌細胞內發現自殺開關,癌症治療或開啟新時代
早報丨蘋果發布新款MacBook Air、Mac mini、iPad Pro等產品;癌細胞內發現自殺開關,癌症治療或開啟新時代
Photoshop繪製凹陷和立體風格的網頁開關
Yeelight智能調光開關發布:五控合一
ower Integrations推出輸出規格可動態設定的離線式開關電源IC,全面支持USB PD 3.0 + PPS快充
Power Integrations推出輸出規格可動態設定的離線式開關電源IC,全面支持USB PD 3.0+PPS快充
iOS11.3beta2推送:iPhone6系、7系以及SE獨享」性能開關「功能,iPhone X沒戲!
Cell Reports:科學家發現肌肉的能量開關!
iPhone 11渲染圖曝光 靜音開關回歸老版?
Pasternack公司推出雷達和電子戰用高功率PIN二極體射頻開關
ionic 切換開關操作
ORVIBO歐瑞博智能開關面板Touch Classic,你知道嗎?
iPhone「降頻」開關終於來了:蘋果發布iOS 11.3 Beta 2
FuRyu為任天堂開關展示Work x Work RPG
iOS正式版推出 降頻開關還需等待#HomePod發售確認
iPhone6s更新到iOS最新版沒找到降頻控制開關?
在iOS11.3中快速關閉iPhone限制開關的正確方法
雷蛇Razer發布採用光學開關的新型Viper遊戲滑鼠
DEKRA為Honeywell頒發其全球首張家電防爆微動開關 IECEx 證書