手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)(4)
本篇教程通過PS繪制一個(gè)華為手機(jī)圖標(biāo),擬物的圖標(biāo)的繪制主要先通過元素拆解,再用PS的工具一步一步的來完成,會(huì)用到PS的形狀工具和圖層樣式來完成,教程比較詳細(xì),同學(xué)們可以來練習(xí)一下。
效果圖:
咱們先不急畫,先分析下圖標(biāo)結(jié)構(gòu),這就像玩拼圖一樣,主要分為三大層(下圖),得出拆分后的架構(gòu)再畫就簡單多了。
操作步驟:
步驟一:建立畫布
步驟二:外機(jī)殼
1、建立512*512大小的矩形,并作4個(gè)大小為180*180的正圓,色值隨意給個(gè)顏色,布爾運(yùn)算切出,命名圖層1,得到下圖:
2、添加圖層樣式,并增加投影
3、復(fù)制圖層一,將復(fù)制出來的至于圖層1上方,并添加圖層樣式
4、建立500*500大小的矩形,并作4個(gè)大小為180*180的正圓,色值隨意給個(gè)顏色,布爾運(yùn)算切出,得到下圖:
步驟三:屏幕
1、建立470*362,圓角為4px的矩形畫布,色值為333333,并做2個(gè)長度為470,高度分別是30與44px色值為1d1d1d的橫條
步驟四:小元素(手機(jī)上方三孔以及右邊2個(gè)操作按鈕)
1、畫一個(gè)10*10px色值為140303的圓形和4*4px色值為ffffff的白圓形,調(diào)節(jié)白色圓
的透明度和漸變,并在底端打上HUAWEI,字體微軟雅黑,如圖:
白色小圓圖層樣式:
2、畫中間的圓角矩形框:大小66*10px,滿圓角,圖層樣式如下圖:
3、繼續(xù)畫小元素:26*10px的圓角矩形,并增加圖層樣式:
還有不要忘了右邊的按鈕哦,這里就不劇透了,小提示:圓角矩形加圖層樣式漸變效果最終版如圖下:
本教程主要學(xué)習(xí)圖層樣式的運(yùn)用,特別是多圖層樣式疊加,同學(xué)們可以練習(xí)中多多揣摩。
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(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快速制作一個(gè)心形圖案
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
- 圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)