風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程(4)
步驟八:
加深扇框內(nèi)部投影:
溫馨提示:把機(jī)身部分的那個大的【圓形扇框】復(fù)制兩層,圖層填充改為0%,放到最頂層, 用來給扇框的內(nèi)部加兩層投影,豐富投影變化,增加空間感。
<點(diǎn)圖片看大圖>
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#5e6f84 不透明度:77% 角度:90° 距離:9px 大。29圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#3d588a 不透明度:30% 角度:90° 距離:4px 大小:10
<點(diǎn)圖片看大圖>
步驟九:
細(xì)節(jié)刻畫【電線】:
溫馨提示: 這里的電線是放在【風(fēng)扇機(jī)身】圖層的下面。用鋼筆工具(P)鉤出大致形態(tài),注意電線的透視。畫出來以后可以用直接選擇工具(A)進(jìn)行微調(diào)。
賦予【電線】光感,制造體積感:
溫馨提示:電線的基本型做好以后,依次添加<內(nèi)陰影><漸變疊加><投影>三個樣式,給【電線】制造光感,體積感。
<點(diǎn)圖片看大圖>
圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#918984 不透明度:41% 角度:-39° 距離:1px圖層樣式:漸變疊加 模式:正常 樣式:線性 顏色:#e2e0dd ~ #d3d1cf 角度:90°圖層樣式:投影 模式: 正片疊底 顏色:#5c6877 不透明度:34% 角度:90° 距離:1px 大小1px步驟十:
添加【風(fēng)扇機(jī)身】投影:
溫馨提示:這里的投影分兩層,第一層橢圓形的投影運(yùn)用了柔邊畫筆打光的技巧。不會的的同學(xué)在我寫的【用PS繪制光影巧妙的3D精靈球】可以去找一找,這篇文章里有詳細(xì)的介紹。第二層放射狀的投影,則是用了矩形工具(U),畫出一個矩形以后,進(jìn)行對齊、透視+高斯模糊完成的。這里我就不展示詳細(xì)的操作過程了,你們自己去琢磨一下就會了,記得靈活運(yùn)用不透明度,讓兩個投影更加的與環(huán)境融合。
添加氛圍光:
溫馨提示:這里同樣也是運(yùn)用了柔邊畫筆打光的技巧,重在渲染整體氛圍,烘托主題。所以這一步可有可無,不過我還是把效果圖貼給你們看,感興趣的就做一下。
好了,以上就是風(fēng)扇圖標(biāo)的設(shè)計(jì)方法,認(rèn)真看完的同學(xué)相信應(yīng)該能掌握怎么設(shè)計(jì)UI圖標(biāo)了。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁設(shè)計(jì)
- UI圖標(biāo)
- 圖標(biāo)教程
- 楊洋-XHM
- 風(fēng)扇圖標(biāo)
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)