分享一篇關于UI圖標臨摹的設計教程，這次又是模仿猴子瀏覽器的圖標，上次已經分享過一篇，希望大家喜歡。

大家還可以結合@琴瑟飄渺 寫的這一篇相同圖標的設計教程《瀏覽器UI圖標！ps cc模仿錘子瀏覽器圖標》一起學習。做完記得交作業。

最終效果：

教程開始，第一步新建，500*500畫布 拉個白到灰的徑向漸變。

橢圓工具拉個300*300的圓居中對齊填充灰色。

添加圖層樣式。

再畫一個較小的圓形。

添加圖層樣式：內陰影和投影。

復制剛剛添加圖層樣式的圖層，右鍵清除圖層樣式 Ctrl+t按住alt+shift同比縮小2到4px左右。

給黑圓添加漸變，注意是角度漸變。

添加漸變后的樣子。

橢圓工具再畫一個圓，放在上面。

添加圖層樣式。

復制剛剛添加圖層樣式的圓形，清除圖層樣式，稍微放大2個像素左右。

再來添加圖層樣式。

再畫一個同等大小的。

羽化一下調整下透明度。

放在這個位置做為投影。

找到只添加藍色漸變的那個圖層，右鍵轉為智能對象。

ctrl+t，輸入20°

畫一個圓，大小自己感覺，能對上最好，填充相同的顏色。

放在接口處慢慢調整對齊。

效果如下：

找到接口的圓圖層和漸變的圓形圖層，Ctrl+E合并。

最后一步給合并的圖層添加內陰影。

教程結束，最終效果：