Photoshop繪製藍色漸變風格的播放器圖標

教程的細節部分處理的很好，整體的質感表現的都非常的光滑，立體感的表現也非常的明顯，主要部分通過圖層樣式來完成，感興趣的朋友讓我們一起來學習吧，感謝教程作者全棧UI筆記給我們帶來如此精彩的教程！

最終效果：

教程開始之前，我們一起來分析一下如何快速的來完成這個效果。這裡我們主要分為四個部分：底座、外圓、內圓、半圓，問題都不大，主要是外圓部分、需要用到多個圖層及圖層樣式，來表現圖標的立體感，分析完了以後我們開始進行正文。下面就開始教程吧。

步驟一：首先新建畫布1000px*1000px畫布，命名為播放按鈕，為背景添加漸變疊加圖層樣式。

步驟二：使用圓角矩形、繪製一個600px*600px，圓角半徑為90px的底座，並為它添加圖層樣式。

步驟三：高逼格的底座一下就出來了，有木有!!!接下來使用橢圓工具、繪製一個500px*500px的正圓命名為外圓，並為它添加圖層樣式。

步驟四：接下來是繪製半圓，使用橢圓工具繪製二個正圓，大小分別為500px*500px、440px*440px將兩個形狀圖層合併形狀，使用小黑工具單擊選中內圓，並減去頂層形狀。

步驟五：繼續繪製半圓現在繼續使用布爾運算按住alt鍵當箭頭出現「-」號繪製矩形，剪切不需要的地方。右側方法操作一樣繪製完成後將形狀合併為組件。

步驟六：接下來我們繼續使用布爾運算按住shift鍵當箭頭出現「+」號繪製倆30px*30px的正圓操作完成後命名為藍圓，並添加圖層樣式。

步驟七：接下來是比較複雜的按鈕，使用橢圓工具繪製一個440px*440px的圓，並為它添加圖層樣式命名為內圓。

步驟八：現在我們趕緊來繪製最後一個圓吧，使用橢圓工具繪製一個200px*200px正圓，給它起名叫小內圓吧,並為它添加圖層樣式。

步驟九：最後我們自定義形狀工具選擇設置按鈕追加全部形狀，並繪製82px*82px的形狀吧，將其命名為播放吧，接下來添加下圖層樣式。

友情平台

平台自營微店

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！