手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)(4)
本篇教程通過(guò)PS繪制一個(gè)華為手機(jī)圖標(biāo),擬物的圖標(biāo)的繪制主要先通過(guò)元素拆解,再用PS的工具一步一步的來(lái)完成,會(huì)用到PS的形狀工具和圖層樣式來(lái)完成,教程比較詳細(xì),同學(xué)們可以來(lái)練習(xí)一下。
效果圖:
咱們先不急畫(huà),先分析下圖標(biāo)結(jié)構(gòu),這就像玩拼圖一樣,主要分為三大層(下圖),得出拆分后的架構(gòu)再畫(huà)就簡(jiǎn)單多了。
操作步驟:
步驟一:建立畫(huà)布
步驟二:外機(jī)殼
1、建立512*512大小的矩形,并作4個(gè)大小為180*180的正圓,色值隨意給個(gè)顏色,布爾運(yùn)算切出,命名圖層1,得到下圖:
2、添加圖層樣式,并增加投影
3、復(fù)制圖層一,將復(fù)制出來(lái)的至于圖層1上方,并添加圖層樣式
4、建立500*500大小的矩形,并作4個(gè)大小為180*180的正圓,色值隨意給個(gè)顏色,布爾運(yùn)算切出,得到下圖:
步驟三:屏幕
1、建立470*362,圓角為4px的矩形畫(huà)布,色值為333333,并做2個(gè)長(zhǎng)度為470,高度分別是30與44px色值為1d1d1d的橫條
步驟四:小元素(手機(jī)上方三孔以及右邊2個(gè)操作按鈕)
1、畫(huà)一個(gè)10*10px色值為140303的圓形和4*4px色值為ffffff的白圓形,調(diào)節(jié)白色圓
的透明度和漸變,并在底端打上HUAWEI,字體微軟雅黑,如圖:
白色小圓圖層樣式:
2、畫(huà)中間的圓角矩形框:大小66*10px,滿(mǎn)圓角,圖層樣式如下圖:
3、繼續(xù)畫(huà)小元素: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è)音樂(lè)圖標(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繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
- 圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)
推薦教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)盒子圖標(biāo)