UI教程，ps臨摹一個瀏覽器圖標實例(8)

分享一篇關(guān)于UI圖標臨摹的設(shè)計教程，這次又是模仿猴子瀏覽器的圖標，上次已經(jīng)分享過一篇，希望大家喜歡。

大家還可以結(jié)合@琴瑟飄渺 寫的這一篇相同圖標的設(shè)計教程《瀏覽器UI圖標！ps cc模仿錘子瀏覽器圖標》一起學習。做完記得交作業(yè)。
http://www.theoat.com.cn/photoshop/jiaocheng/2014/135929.html

最終效果：

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

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

添加圖層樣式。

再畫一個較小的圓形。

添加圖層樣式：內(nèi)陰影和投影。

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

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

添加漸變后的樣子。

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

添加圖層樣式。

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

再來添加圖層樣式。

再畫一個同等大小的。

羽化一下調(diào)整下透明度。

放在這個位置做為投影。

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

ctrl+t，輸入20°

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

放在接口處慢慢調(diào)整對齊。

效果如下：

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

最后一步給合并的圖層添加內(nèi)陰影。

教程結(jié)束，最終效果：