設(shè)計時尚相機軟件圖標(biāo)的教程

2020-01-01 14:24:04 來源/作者: PS自學(xué)網(wǎng) / 升卓 己有:538人學(xué)習(xí)過

主要通過不規(guī)則形狀來完成各種軟件圖標(biāo)的繪制,有什么不懂的地方可以下載PSD源文件下載,喜歡的朋友讓我們一起來學(xué)習(xí)吧。

先看看效果圖

設(shè)計時尚相機軟件圖標(biāo)的PS實例教程

 

下面是教程

Step01:點擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像,命名好并把寬度設(shè)置為800px,高度為600px,分辨率為72dpi,然后點擊確定,記得順手保存文件(快捷鍵Ctrl+S)。

設(shè)計時尚相機軟件圖標(biāo)的PS實例教程

 

Step02:選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫布點擊【創(chuàng)建圓角矩形】彈出層,設(shè)置寬度為200px,高度為150px,半徑10px,并勾選【從中心】,然后點擊確定;(PS:因為是不規(guī)則形狀的主題圖標(biāo),長寬比采用4:3比例)

設(shè)計時尚相機軟件圖標(biāo)的PS實例教程

 

Step03:重命名圖層為di,右鍵選擇【混合選項】,設(shè)置

【描邊】:大小為1,位置內(nèi)部,填充類型為漸變,色值從上到下為 #ededed — #ffffff,角度為90°

【漸變疊加】:線性漸變,色值從上到下為 #f1f1f1 — #ffffff,角度為90°;

再復(fù)制圖層(快捷鍵Ctrl+J),重命名為di2,填充顏色改為b9b9b9,并把圖層向下移動三像素;

設(shè)計時尚相機軟件圖標(biāo)的PS實例教程

 

 

Step04:繪制鏡頭部分,選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),按住Shift鍵畫個正圓,大小自定適合即可,源文件的大小是為120×120px,圖層重命名為B_yuan;設(shè)置圖層混合選項:

【描邊】:大小為5,位置外部,填充類型為漸變,色值從上到下為 #d5d5d5 — #e6e6e6,角度為90°

【漸變疊加】:色值從上到下為 #292929 — #232323,角度為90°

【投影】:顏色為#323232,角度90°,距離7px,擴展0,大小13px;

復(fù)制圖層B_yuan重命名為Blue_yuan;點擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小60%(記得點擊【保持長寬比】),右鍵清除圖層樣式,選擇【混合選項】設(shè)置:

【描邊】:大小1px,位置內(nèi)部,顏色# 111111,

【漸變疊加】:線性漸變,色值從上到下為 # 082441 — # 08101b,角度為90°;

再用【橢圓工具】畫個正圓,大小自定,命名為S_yuan,填充顏色# 0c0c0c,

最后畫鏡頭的高光,一樣用【橢圓工具】畫個正圓,大小自定,命名為guang,填充顏色# FFFFFF,不透明度為10%;

設(shè)計時尚相機軟件圖標(biāo)的PS實例教程

 

 

Step05:繪制相機的頂部,用【橢圓工具】和【矩形工具】通過刪除部分節(jié)點、路徑移動和填充顏色等繪制,在此就不一一詳解;

最后繪制相機的小紅點,用【橢圓工具】畫個正圓,大小自定,放在相機的左上角位置,設(shè)置圖層樣式: