時(shí)間:2024-03-08 13:32作者:下載吧人氣:25
本篇教程通過PS繪制一個(gè)華為手機(jī)圖標(biāo),擬物的圖標(biāo)的繪制主要先通過元素拆解,再用PS的工具一步一步的來完成,會(huì)用到PS的形狀工具和圖層樣式來完成,教程比較詳細(xì),同學(xué)們可以來練習(xí)一下。
效果圖:
www.16xx8.com
咱們先不急畫,先分析下圖標(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í)中多多揣摩。
網(wǎng)友評論