UI教程，ps臨摹一個(gè)瀏覽器圖標(biāo)實(shí)例(8)

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

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

最終效果：

教程開(kāi)始，第一步新建，500*500畫(huà)布 拉個(gè)白到灰的徑向漸變。

橢圓工具拉個(gè)300*300的圓居中對(duì)齊填充灰色。

添加圖層樣式。

再畫(huà)一個(gè)較小的圓形。

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

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

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

添加漸變后的樣子。

橢圓工具再畫(huà)一個(gè)圓，放在上面。

添加圖層樣式。

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

再來(lái)添加圖層樣式。

再畫(huà)一個(gè)同等大小的。

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

放在這個(gè)位置做為投影。

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

ctrl+t，輸入20°

畫(huà)一個(gè)圓，大小自己感覺(jué)，能對(duì)上最好，填充相同的顏色。

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

效果如下：

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

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

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