ps怎么繪制一款圓形的四周帶按鍵的播放器圖標?
今天我們就來看看使用ps設計一個播放器的教程,要設計一款圓形的帶有很多按鍵的播放器圖,最終效果:
素材下載:播放器制作視頻和源文件下載(提取密碼:ws3e)


步驟一:首先新建畫布500px*500px畫布,命名為按鍵,填充背景顏#d0d0d0。


步驟二:使用橢圓工具繪制二個正圓,大小分別為400px*400px、345px*345px將兩個形狀圖層合并形狀,使用路徑選擇工具單擊選中內圓,并減去頂層形狀,操作完成后命名為外圓,添加圖層樣式。






步驟三:復制外圓圖層,清除圖層樣式命名為藍圓,并添加新的圖層樣式。




步驟四:繼續(xù)復制外圓圖層命名為灰圓,將顏色改為#c8c8c8添加新的圖層樣式



步驟五:現在用矩形選框工具繪制到需要遮擋的位置,之后為灰圓添加圖層蒙版,為蒙版填充黑色。



步驟六:現在我們來繪制按鍵部分,使用橢圓工具繪制二個正圓,大小分別295px*295px、172px*172px將兩個形狀圖層合并形狀,使用小黑工具單擊選中內圓,并減去頂層形狀。


步驟七:現在繼續(xù)使用布爾運算按住alt鍵當箭頭出現“-”號繪制矩形,剪切不需要的地方。右側方法操作一樣繪制完成后合并形狀組件。


步驟八:現在繼續(xù)繪制按鍵,選擇合并形狀,繪制兩個正圓,選擇添加錨點工具,在圓的兩側位置添加倆個錨點,選擇直接選擇工具,選中錨點,將錨點移動到合適位置,其他三角操作方式相同。




步驟九:現在給按鍵圖層添加圖層樣式,并命名為頂部按鍵。




步驟十:復制頂部按鍵執(zhí)行自由變換命令,調整中心點至畫布中心,旋轉90度,并執(zhí)行重復上一命令并復制操作shift+ctrl+alt+t復制出另外兩個按鍵形狀。


步驟十一:現在繪制一下按鍵中心圓部分,選擇橢圓工具繪制130px*130px的正圓,命名為按鍵內圓,復制頂部按鍵圖層樣式,最后將整體按鍵打組命名為按鍵。

步驟十二:選擇多邊形工具邊數設置為3繪制三角形,在利用矩形工具繪制兩個矩形,將三個形狀合并形狀,命名為中心方向。

步驟十三:現在我們?yōu)橹行姆较驁D層添加圖層樣式吧。

步驟十四:現在我們趕緊來繪制最后的部分吧,操作方式同上,創(chuàng)建完成后拷貝中心方向的圖層樣式吧,最后將整體打組命名為按鍵吧。

以上就是圓形播放器的設計過程,很簡單,今天用到最多的就是圖層及圖層樣式的知識,感興趣的朋友可以練習一下。
相關推薦:
相關文章
這篇教程是向腳本之家的朋友分享PS繪制一個黑色晶體質感的網頁應用按鈕方法,教程制作出來的按鈕非常漂亮,教程介紹地也很詳細,推薦過來,一起來學習吧2017-03-05
這篇教程是向腳本之家的朋友分享photoshop制作一個紅色的手動報警器按鈕圖案方法,教程制作出來的圖案非常漂亮,而且方法也很簡單,適合新手來學習,推薦過來,一起來學習2017-03-05
PS怎么制作一個紋理按鈕?PS中想要制作一個大氣的按鈕,該怎么制作呢?下面我們就來看看詳細的制作方法,需要的朋友可以參考下2017-03-03
這篇教程是向腳本之家的朋友分享PS圖層樣式和圖層疊加繪制Q版游戲水晶按鈕方法,教程主要是使用圖層樣式和圖層疊加來實現的,方法并不是很難,但很值得學習,希望大家喜歡2017-03-01
PS怎么制作網站首頁的立體按鈕?設計網站的時候,需要使用立體按鈕,該怎么設計呢?下面我們就來看看使用ps給網頁做一個立體按鈕的教程,需要的朋友可以參考下2017-03-01
這篇教程是向腳本之家的朋友分享PS繪制漂亮的發(fā)光球體循環(huán)播放按鈕方法,教程繪制出來的按鈕非常漂亮,而且非常簡單,適合新手來學習,推薦到腳本之家,喜歡的朋友可以參考2017-02-22
本教程主要使用PhotPhotoshop圖層樣式制作立體感的網頁開關按鈕方法,教程主要是利用圖層樣式來實現,方法很簡單的,推薦到腳本之家,喜歡的朋友可以參考本文,來看看吧2017-02-06
這篇教程是向腳本之家的朋友分享PS制作一個漂亮的水晶按鈕方法,制作出來的按鈕非常漂亮,難度不是很大,主要是利用混合模式、浮雕效果來實現,來看看吧2017-01-26
這篇教程是向腳本之家的朋友分享PS利用橢圓工具制作一個電源按鈕方法,教程主要是利用橢圓工具來實現的,方法很簡單的,推薦到腳本之家,一起來學習吧2017-01-23
這篇教程是向腳本之家的朋友分享Photoshop制作立體按鈕方法,教程比較簡單,只需幾步就能完成,比較適合新手來學習,推薦到腳本之家,喜歡的朋友可以參考本文2016-12-18












