繪制立體圓形旋鈕播放圖標的PS教程
本教程主要使用Photoshop制作立體圓形的播放圖標教程,教程的陰影效果和質感的表現都是通過圖層樣式來完成的,教程的步驟非常的詳細,感興趣的朋友一起學習吧。
最終效果:
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/1C2259818.jpg)
老規矩,先來分析一下。這里我們主要分為三個部分:底座、內圓、文字,其它問題都不大,主要是內圓部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,騷年分析完已經成功一半了,離成功還會遠么,噢耶!!!
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/E22259883.jpg)
步驟一:
首先新建畫布1000px*1000px畫布,命名為旋轉按鈕,為背景添加漸變疊加圖層樣式。
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/C82259994.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/0A2259701.jpg)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/492259844.jpg)
步驟二:
使用橢圓工具、繪制一個700px*700px底座,并為它添加圖層樣式。
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/262259882.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/AC2259278.jpg)
步驟三:
高逼格的底座一下就出來了,有木有!!!接下來繼續使用橢圓工具、繪制一個等大的圓,并為它添加圖層樣式,圖案疊加追加灰度紙,選擇纖維紙圖案。
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/D62259708.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/9C2259776.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/982259348.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/B92259859.jpg)
步驟四:
現在繪制一下底座的線條吧,選擇直線工具繪制一條長度700px粗細3px的直線吧,顏色為#909090。
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/5E22510405.jpg)
步驟五:
復制直線執行自由變換命令,調整中心點至畫布中心,旋轉60度,并執行重復上一命令并復制操作shift+ctrl+alt+t復制出另外1個直線段,并添加一下圖層樣式吧。
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/8E22510286.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/0A22510446.jpg)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/4C22510861.png)
![繪制立體圓形旋鈕播放圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/A522510941.jpg)