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

來源:趣味百科館 3.14W

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

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張

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

熱門標籤