網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

ps怎麼繪製有質感的旋轉播放器圖示

欄目: 數碼 / 釋出於: / 人氣:3.12W

今天我們就來教大家制作一個可以旋轉的播放器圖示,很簡單,圖文詳細,請看下文介紹。

ps怎麼繪製有質感的旋轉播放器圖示

下面是教程:

ps怎麼繪製有質感的旋轉播放器圖示 第2張

步驟一:首先新建畫布800px*600px畫布,命名為個性圖示,為背景新增顏色#5c5857。

ps怎麼繪製有質感的旋轉播放器圖示 第3張

ps怎麼繪製有質感的旋轉播放器圖示 第4張

步驟二:使用圓角矩形工具、繪製一個425px*425px圓角半徑為60px底座,併為它新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第5張

ps怎麼繪製有質感的旋轉播放器圖示 第6張

ps怎麼繪製有質感的旋轉播放器圖示 第7張

ps怎麼繪製有質感的旋轉播放器圖示 第8張

步驟三:高逼格的底座一下就出來了,有木有!!!接下來繼續使用圓角矩形工具、繪製一個375px*375px圓角半徑為60px底座,併為它新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第9張

ps怎麼繪製有質感的旋轉播放器圖示 第10張

ps怎麼繪製有質感的旋轉播放器圖示 第11張

ps怎麼繪製有質感的旋轉播放器圖示 第12張

步驟四:現在繪製內圓吧,使用橢圓工具繪製一個320px的正圓,並新增圖層樣式吧。

ps怎麼繪製有質感的旋轉播放器圖示 第13張

ps怎麼繪製有質感的旋轉播放器圖示 第14張

ps怎麼繪製有質感的旋轉播放器圖示 第15張

ps怎麼繪製有質感的旋轉播放器圖示 第16張

步驟五:現在繪製一下內圓的線條吧,選擇直線工具繪製一條長度20px粗細1px的直線吧,顏色為#5c5857。

ps怎麼繪製有質感的旋轉播放器圖示 第17張

步驟六:複製直線執行自由變換命令,調整中心點至畫布中心,旋轉90度,並執行重複上一命令並複製操作shift+ctrl+alt+t複製出另外兩條直線段,並新增一下圖層樣式吧。

ps怎麼繪製有質感的旋轉播放器圖示 第18張

ps怎麼繪製有質感的旋轉播放器圖示 第19張

ps怎麼繪製有質感的旋轉播放器圖示 第20張

步驟七:繼續繪製一下內圓的線條吧,選擇直線工具繪製一條長度15px粗細1px的直線吧,顏色為#5c5857。

ps怎麼繪製有質感的旋轉播放器圖示 第21張

步驟八:重複上述操作,旋轉7.5度並將複製出的多餘直線段利用布林運算減去,並新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第22張

ps怎麼繪製有質感的旋轉播放器圖示 第23張

ps怎麼繪製有質感的旋轉播放器圖示 第24張

ps怎麼繪製有質感的旋轉播放器圖示 第25張

ps怎麼繪製有質感的旋轉播放器圖示 第26張

ps怎麼繪製有質感的旋轉播放器圖示 第27張

步驟九:繼續來繪製內圓的位置吧,用橢圓工具、繪製一個205px的正圓顏色為#040404,併為它新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第28張

ps怎麼繪製有質感的旋轉播放器圖示 第29張

步驟十:我們繼續來繪製內圓的部分,先繪製一個188px的正圓,在繪製一個三角形,合併為一個形狀,使用直接選擇工具移動錨點,顏色改為#d5d5d5併為它新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第30張

ps怎麼繪製有質感的旋轉播放器圖示 第31張

ps怎麼繪製有質感的旋轉播放器圖示 第32張

ps怎麼繪製有質感的旋轉播放器圖示 第33張

ps怎麼繪製有質感的旋轉播放器圖示 第34張

步驟十一:繼續繪製內圓的部分,用橢圓工具、繪製一個40px的正圓,併為它新增圖層樣式。

ps怎麼繪製有質感的旋轉播放器圖示 第35張

ps怎麼繪製有質感的旋轉播放器圖示 第36張

步驟十二:繼續繪製內圓的部分,用橢圓工具、繪製一個25px的正圓,顏色為#272121。

ps怎麼繪製有質感的旋轉播放器圖示 第37張

步驟十三:現在我們來繪製最後一個小圓吧,用橢圓工具、繪製一個17px的正圓,併為它新增圖層樣式就完成這個案例了哦。

ps怎麼繪製有質感的旋轉播放器圖示 第38張

ps怎麼繪製有質感的旋轉播放器圖示 第39張

ps怎麼繪製有質感的旋轉播放器圖示 第40張

今天的教程我們我們主要分為二個部分:底座、內圓,其它問題都不大,主要是內圓部分、需要用到多個圖層來表現圖標的立體感,繪製的過程很簡單,步驟有點多,希望喜歡的朋友請繼續關注百科書網。