PS教程！手把手教你繪制一枚扁平的相機(jī)圖標(biāo)

編者按：今天的PS教程是一枚扁平的相機(jī)圖標(biāo)，作者@yu0910?昨天的教程人氣也非常旺，簡(jiǎn)單易懂，好操作好上手，效果也好看得飛起，作品評(píng)論見 >>>

作者系列教程：《PS教程！手把手教你繪制一枚酷炫的機(jī)械風(fēng)格圖標(biāo)》

Step?01

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

Step 02

選擇【圓角矩形工具】（快捷鍵U，可按Shift+U切換），在畫布點(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鍵畫個(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°；

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

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

Step 05

繪制相機(jī)的頂部，用【橢圓工具】和【矩形工具】通過刪除部分節(jié)點(diǎn)、路徑移動(dòng)和填充顏色等繪制，在此就不一一詳解；

最后繪制相機(jī)的小紅點(diǎn)，用【橢圓工具】畫個(gè)正圓，大小自定，放在相機(jī)的左上角位置，設(shè)置圖層樣式：

【描邊】：大小1px，位置外部，顏色#ff4d42；

【內(nèi)陰影】：顏色#ff483d，角度90°，距離5px，阻塞0，大小8px；

【漸變疊加】：線性漸變，色值從上到下為 # fe574c — #ff463b，角度為90°；

完成圖標(biāo)的繪制。

END：用相同的方法跟技巧完成整套主題圖標(biāo)，應(yīng)該注意整體的一些細(xì)節(jié)（圖片來(lái)自設(shè)計(jì)師@ElethomHunter），因?yàn)檫@套主題是不規(guī)則形狀的，形狀上無(wú)法統(tǒng)一，整體視覺細(xì)節(jié)效果應(yīng)更加謹(jǐn)慎細(xì)膩。

【優(yōu)設(shè)六月人氣好文排行榜】

光明正大看AV的時(shí)候到了！
《好孩子看不見！AV封面上那些精美的圖標(biāo)和文字》

最新版的PS CC逆天功能全搜羅！
《PS CC 2015來(lái)啦！逆天新功能你準(zhǔn)備好接招了嗎？(附下載)》

色彩運(yùn)用秘籍全科普！
《超贊！讓頂尖設(shè)計(jì)師告訴你10個(gè)色彩運(yùn)用秘技》

作者：@yu0910

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量97萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：