風扇圖標,設計擬物風扇主題UI圖標教程(4)

加深扇框內部投影：

溫馨提示：把機身部分的那個大的【圓形扇框】復制兩層，圖層填充改為0%，放到最頂層， 用來給扇框的內部加兩層投影，豐富投影變化，增加空間感。

<點圖片看大圖>
圖層樣式：內陰影 模式：正片疊底 顏色：#5e6f84 不透明度：77% 角度：90° 距離：9px 大�。�29圖層樣式：內陰影 模式：正片疊底 顏色：#3d588a 不透明度：30% 角度：90° 距離：4px 大�。�10

<點圖片看大圖>
步驟九：

細節(jié)刻畫【電線】：

溫馨提示： 這里的電線是放在【風扇機身】圖層的下面。用鋼筆工具(P)鉤出大致形態(tài)，注意電線的透視。畫出來以后可以用直接選擇工具(A)進行微調。

<點圖片看大圖>

賦予【電線】光感，制造體積感：

溫馨提示：電線的基本型做好以后，依次添加<內陰影><漸變疊加><投影>三個樣式，給【電線】制造光感，體積感。

<點圖片看大圖>
圖層樣式：內陰影 模式：正片疊底 顏色：#918984 不透明度：41% 角度：-39° 距離：1px圖層樣式：漸變疊加 模式：正常 樣式：線性 顏色：#e2e0dd ~ #d3d1cf 角度：90°圖層樣式：投影 模式： 正片疊底 顏色：#5c6877 不透明度：34% 角度：90° 距離：1px 大小1px步驟十：

添加【風扇機身】投影：

溫馨提示：這里的投影分兩層，第一層橢圓形的投影運用了柔邊畫筆打光的技巧。不會的的同學在我寫的【用PS繪制光影巧妙的3D精靈球】可以去找一找，這篇文章里有詳細的介紹。第二層放射狀的投影，則是用了矩形工具(U)，畫出一個矩形以后，進行對齊、透視+高斯模糊完成的。這里我就不展示詳細的操作過程了，你們自己去琢磨一下就會了，記得靈活運用不透明度，讓兩個投影更加的與環(huán)境融合。

<點圖片看大圖>

添加氛圍光：

溫馨提示：這里同樣也是運用了柔邊畫筆打光的技巧，重在渲染整體氛圍，烘托主題。所以這一步可有可無，不過我還是把效果圖貼給你們看，感興趣的就做一下。

<點圖片看大圖>

好了，以上就是風扇圖標的設計方法，認真看完的同學相信應該能掌握怎么設計UI圖標了。