用PS打造精緻手機圖標!
先看效果圖:
咱們先不急畫,先分析下圖標結構,這就像玩拼圖一樣,主要分為三大層(下圖),得出拆分後的架構再畫就簡單多了。
步驟一:建立畫布
步驟二:外機殼
1、建立512*512大小的矩形,並作4個大小為180*180的正圓,色值隨意給個顏色,布爾運算切出,命名圖層1,得到下圖:
2、添加圖層樣式,並增加投影
大小的矩形,並作4個大小為180*180的正圓,色值隨意給個顏色,布爾運算切出,得到下圖:
3、複製圖層一,將複製出來的至於圖層1上方,並添加圖層樣式
4、建立500*500大小的矩形,並作4個大小為180*180的正圓,色值隨意給個顏色,布爾運算切出,得到下圖:
3、複製圖層一,將複製出來的至於圖層1上方,並添加圖層樣式 4、建立500*500大小的矩形,並作4個大小為180*180的正圓,色值隨意給個顏色,布爾運算切出,得到下圖:
3、複製圖層一,將複製出來的至於圖層1上方,並添加圖層樣式
4、建立500*500大小的矩形,並作4個大小為180*180的正圓,色值隨意給個顏色,布爾運算切出,得到下圖:
步驟三:屏幕
1、建立470*362,圓角為4px的矩形畫布,色值為333333,並做2個長度為470,高度分別是30與44px色值為1d1d1d的橫條
步驟四:小元素(手機上方三孔以及右邊2個操作按鈕)
1、畫一個10*10px色值為140303的圓形和4*4px色值為ffffff的白圓形,調節白色圓
的透明度和漸變,並在底端打上HUAWEI,字體微軟雅黑,如圖:
白色小圓圖層樣式:
2、畫中間的圓角矩形框:大小66*10px,滿圓角,圖層樣式如下圖:
3、繼續畫小元素:26*10px的圓角矩形,並增加圖層樣式:
還有不要忘了右邊的按鈕哦,這裡就不劇透了,小提示:圓角矩形加圖層樣式漸變效果最終版如圖下:
教程總結:相信經過本次的練習,對PS的功能有了更多的了解,本教程主要學習圖層樣式的運用,特別是多圖層樣式疊加,善用這類手法會給你們帶來更多不一樣的效果。那麼今天的教程內容就到此結束了。
TAG:設計小報 |