圖標(biāo)制作,用PS打造輕擬物相機(jī)圖標(biāo)
用PS打造輕擬物相機(jī)圖標(biāo)
效果圖:
想學(xué)更多請(qǐng)?jiān)L問(wèn)www.tgudhdp.cn
操作步驟:
Step 01 點(diǎn)擊 — 【文件】— 【新建】(快捷鍵http://www.tgudhdp.cn/photoshop/jiaocheng/110097.htmlCtrl+N)新建一個(gè)新的圖像,命名好并把寬度設(shè)置為800px,高度為600px,分辨率為72dpi,然后點(diǎn)擊確定,記得順手保存文件(快捷鍵Ctrl+S)。
Step 02 選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫(huà)布點(diǎn)擊【創(chuàng)建圓角矩形】彈出層,設(shè)置寬度為200px,高度為150px,半徑10px,并勾選【從中心】,然后點(diǎn)擊確定;(PS:因?yàn)槭遣灰?guī)則形狀的主題圖標(biāo),長(zhǎng)寬比采用4:3比例)
Step 03 重命名圖層為di,右鍵選擇【混合選項(xiàng)】,設(shè)置【描邊】:大小為1,位置內(nèi)部,填充類型為漸變,色值從上到下為 #ededed — #ffffff,角度為90°,【漸變疊加】:線性漸變,色值從上到下為 #f1f1f1 — #ffffff,角度為90°;再?gòu)?fù)制圖層(快捷鍵Ctrl+J),重命名為di2,填充顏色改為b9b9b9,并把圖層向下移動(dòng)三像素;
Step 04 繪制鏡頭部分,選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),按住Shift鍵畫(huà)個(gè)正圓,大小自定適合即可,源文件的大小是為120×120px,圖層重命名為B_yuan;設(shè)置圖層混合選項(xiàng):【描邊】:大小為5,位置外部,填充類型為漸變,色值從上到下為 #d5d5d5 — #e6e6e6,角度為90°,【漸變疊加】:色值從上到下為 #292929 — #232323,角度為90°,【投影】:顏色為#323232,角度90°,距離7px,擴(kuò)展0,大小13px;復(fù)制圖層B_yuan重命名為Blue_yuan;點(diǎn)擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小60%(記得點(diǎn)擊【保持長(zhǎng)寬比】),右鍵清除圖層樣式,選擇【混合選項(xiàng)】設(shè)置:【描邊】:大小1px,位置內(nèi)部,顏色# 111111,【漸變疊加】:線性漸變,色值從上到下為 # 082441 — # 08101b,角度為90°;再用【橢圓工具】畫(huà)個(gè)正圓,大小自定,命名為S_yuan,填充顏色# 0c0c0c,最后畫(huà)鏡頭的高光,一樣用【橢圓工具】畫(huà)個(gè)正圓,大小自定,命名為guang,填充顏色# FFFFFF,不透明度為10%;
Step 05 繪制相機(jī)的頂部,用【橢圓工具】和【矩形工具】通過(guò)刪除部分節(jié)點(diǎn)、路徑移動(dòng)和填充顏色等繪制,在此就不一一詳解;最后繪制相機(jī)的小紅點(diǎn),用【橢圓工具】畫(huà)個(gè)正圓,大小自定,放在相機(jī)的左上角位置,設(shè)置圖層樣式:【描邊】:大小1px,位置外部,顏色#ff4d42;【內(nèi)陰影】:顏色#ff483d,角度90°,距離5px,阻塞0,大小8px;【漸變疊加】:線性漸變,色值從上到下為 # fe574c — #ff463b,角度為90°;完成圖標(biāo)的繪制。
完成:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- UI
- 美工
- ui設(shè)計(jì)
- 美工設(shè)計(jì)
- 美工學(xué)習(xí)
學(xué)習(xí) · 提示















相關(guān)教程
- 圖標(biāo)制作,制作一個(gè)微信朋友圈圖標(biāo)
- 玉石效果,制作逼真玉石效果圖標(biāo)
- 圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)
- 圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕
- 圖標(biāo)設(shè)計(jì),在ps中制作一款可愛(ài)的獼猴桃圖標(biāo)
- 圖標(biāo)制作,用PS制作個(gè)性的的網(wǎng)頁(yè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS設(shè)計(jì)制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過(guò)PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
推薦教程
- ps水晶玻璃球按鈕教程
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 四分環(huán),如何用PS設(shè)計(jì)曲線四分環(huán)視頻教程詳解
- photoshop質(zhì)感按鈕入門(mén)制作教程
- 描邊圖標(biāo),教你設(shè)計(jì)奮斗的小鳥(niǎo)圖標(biāo)
- Photoshop CS5樣式教程:制作多彩的水晶膠囊按鈕
- Photoshop簡(jiǎn)單繪制水晶網(wǎng)頁(yè)導(dǎo)航按鈕
- 圖標(biāo)設(shè)計(jì),PS設(shè)計(jì)圖標(biāo)開(kāi)關(guān)的實(shí)例教學(xué)視頻
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 用ps制作金屬質(zhì)感藍(lán)色下載按鈕