ps怎么繪制一款圓形的四周帶按鍵的播放器圖標(biāo)?
我要評(píng)論今天我們就來看看使用ps設(shè)計(jì)一個(gè)播放器的教程，要設(shè)計(jì)一款圓形的帶有很多按鍵的播放器圖，最終效果：
素材下載：播放器制作視頻和源文件下載（提取密碼：ws3e）
步驟一：首先新建畫布500px*500px畫布，命名為按鍵，填充背景顏#d0d0d0。
步驟二：使用橢圓工具繪制二個(gè)正圓，大小分別為400px*400px、345px*345px將兩個(gè)形狀圖層合并形狀，使用路徑選擇工具單擊選中內(nèi)圓，并減去頂層形狀，操作完成后命名為外圓，添加圖層樣式。
步驟三：復(fù)制外圓圖層，清除圖層樣式命名為藍(lán)圓，并添加新的圖層樣式。
步驟四：繼續(xù)復(fù)制外圓圖層命名為灰圓，將顏色改為#c8c8c8添加新的圖層樣式
步驟五：現(xiàn)在用矩形選框工具繪制到需要遮擋的位置，之后為灰圓添加圖層蒙版，為蒙版填充黑色。
步驟六：現(xiàn)在我們來繪制按鍵部分，使用橢圓工具繪制二個(gè)正圓，大小分別295px*295px、172px*172px將兩個(gè)形狀圖層合并形狀，使用小黑工具單擊選中內(nèi)圓，并減去頂層形狀。
步驟七：現(xiàn)在繼續(xù)使用布爾運(yùn)算按住alt鍵當(dāng)箭頭出現(xiàn)“-”號(hào)繪制矩形，剪切不需要的地方。右側(cè)方法操作一樣繪制完成后合并形狀組件。
步驟八：現(xiàn)在繼續(xù)繪制按鍵，選擇合并形狀，繪制兩個(gè)正圓，選擇添加錨點(diǎn)工具，在圓的兩側(cè)位置添加倆個(gè)錨點(diǎn)，選擇直接選擇工具，選中錨點(diǎn)，將錨點(diǎn)移動(dòng)到合適位置，其他三角操作方式相同。
步驟九：現(xiàn)在給按鍵圖層添加圖層樣式，并命名為頂部按鍵。
步驟十：復(fù)制頂部按鍵執(zhí)行自由變換命令，調(diào)整中心點(diǎn)至畫布中心，旋轉(zhuǎn)90度，并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外兩個(gè)按鍵形狀。
步驟十一：現(xiàn)在繪制一下按鍵中心圓部分，選擇橢圓工具繪制130px*130px的正圓，命名為按鍵內(nèi)圓，復(fù)制頂部按鍵圖層樣式，最后將整體按鍵打組命名為按鍵。
步驟十二：選擇多邊形工具邊數(shù)設(shè)置為3繪制三角形，在利用矩形工具繪制兩個(gè)矩形，將三個(gè)形狀合并形狀，命名為中心方向。
步驟十三：現(xiàn)在我們?yōu)橹行姆较驁D層添加圖層樣式吧。
步驟十四：現(xiàn)在我們趕緊來繪制最后的部分吧，操作方式同上，創(chuàng)建完成后拷貝中心方向的圖層樣式吧，最后將整體打組命名為按鍵吧。
以上就是圓形播放器的設(shè)計(jì)過程，很簡(jiǎn)單，今天用到最多的就是圖層及圖層樣式的知識(shí)，感興趣的朋友可以練習(xí)一下。
相關(guān)推薦：
相關(guān)文章
PS繪制一個(gè)黑色晶體質(zhì)感的網(wǎng)頁(yè)應(yīng)用按鈕
這篇教程是向腳本之家的朋友分享PS繪制一個(gè)黑色晶體質(zhì)感的網(wǎng)頁(yè)應(yīng)用按鈕方法，教程制作出來的按鈕非常漂亮，教程介紹地也很詳細(xì)，推薦過來，一起來學(xué)習(xí)吧2017-03-05
photoshop制作一個(gè)紅色的手動(dòng)報(bào)警器按鈕圖案
這篇教程是向腳本之家的朋友分享photoshop制作一個(gè)紅色的手動(dòng)報(bào)警器按鈕圖案方法，教程制作出來的圖案非常漂亮，而且方法也很簡(jiǎn)單，適合新手來學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)2017-03-05
PS怎么制作一個(gè)紋理按鈕？PS中想要制作一個(gè)大氣的按鈕，該怎么制作呢？下面我們就來看看詳細(xì)的制作方法，需要的朋友可以參考下2017-03-03
這篇教程是向腳本之家的朋友分享PS圖層樣式和圖層疊加繪制Q版游戲水晶按鈕方法，教程主要是使用圖層樣式和圖層疊加來實(shí)現(xiàn)的，方法并不是很難，但很值得學(xué)習(xí)，希望大家喜歡2017-03-01
PS怎么制作網(wǎng)站首頁(yè)的立體按鈕？設(shè)計(jì)網(wǎng)站的時(shí)候，需要使用立體按鈕，該怎么設(shè)計(jì)呢？下面我們就來看看使用ps給網(wǎng)頁(yè)做一個(gè)立體按鈕的教程，需要的朋友可以參考下2017-03-01
這篇教程是向腳本之家的朋友分享PS繪制漂亮的發(fā)光球體循環(huán)播放按鈕方法，教程繪制出來的按鈕非常漂亮，而且非常簡(jiǎn)單，適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考2017-02-22
Photoshop圖層樣式制作立體感的網(wǎng)頁(yè)開關(guān)按鈕
本教程主要使用PhotPhotoshop圖層樣式制作立體感的網(wǎng)頁(yè)開關(guān)按鈕方法，教程主要是利用圖層樣式來實(shí)現(xiàn)，方法很簡(jiǎn)單的，推薦到腳本之家，喜歡的朋友可以參考本文，來看看吧2017-02-06
這篇教程是向腳本之家的朋友分享PS制作一個(gè)漂亮的水晶按鈕方法，制作出來的按鈕非常漂亮，難度不是很大，主要是利用混合模式、浮雕效果來實(shí)現(xiàn)，來看看吧2017-01-26
這篇教程是向腳本之家的朋友分享PS利用橢圓工具制作一個(gè)電源按鈕方法，教程主要是利用橢圓工具來實(shí)現(xiàn)的，方法很簡(jiǎn)單的，推薦到腳本之家，一起來學(xué)習(xí)吧2017-01-23
這篇教程是向腳本之家的朋友分享Photoshop制作立體按鈕方法，教程比較簡(jiǎn)單，只需幾步就能完成，比較適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考本文2016-12-18
