事先聲明，這不是廣告。就是一個簡約的PS教程，適合練手，制作其它圖標(biāo)也是類似的思路。融會貫通，您可以將任何物體扁平化成小巧可愛的圖標(biāo)：）

PSD源文件下載

1. 創(chuàng)建新文件，大小1200x1600 px，油漆桶上色，#20ade1，分辨率72px

2.選擇圓角矩形工具，勾選"對齊邊緣"

寬度：680px

高度：1350px

半徑：70px

3.Ctrl/CMD+A 全選，然后水平居中，垂直居中，然后Ctrl/CMD+D取消選擇

4.雙擊形狀圖層縮略圖，顏色改為 #d6d6d6 重命名為"外部輪廓"

5.繼續(xù)圓角矩形工具，勾選"對齊邊緣"

寬度：670px

高度：1340px

半徑70 px

顏色設(shè)為#ffffff，然后水平居中，垂直居中。

當(dāng)然，如果你用的是CC，完全可以復(fù)制一份圖層，然后使用實時形狀屬性進(jìn)行修改，如下圖。

現(xiàn)在，上下左右各有5px的空間了

6.使用矩形工具

寬度：670px

高度：1150px

顏色#2d2d2d

水平居中并垂直居中，命名為屏幕1

7.使用矩形工具

寬度：640px

高度：1035px

顏色#646464

柵格化圖層，Shift+向上箭頭 3次，命名為屏幕2

8.揚(yáng)聲器部分，使用橢圓工具。

寬度:5px

高度:5px

顏色#000000

柵格化圖層，復(fù)制，按向上鍵移動8次，讓兩個黑點(diǎn)間距離為3px，然后打造出4個黑點(diǎn)，合并圖層。

我們共需要48 欄x 4個黑點(diǎn)，大家可自行合并

我的方案是1-2-4-8-16，然后復(fù)制了3個16欄，調(diào)整后合并。

復(fù)制完了水平居中，然后用方向鍵調(diào)節(jié)位置，讓揚(yáng)聲孔貼緊屏幕。然后Shift+向上鍵 2次

9.攝像頭部分

橢圓工具

• 45×45顏色#222222
• 27×27 顏色#333333
• 19×19 顏色 #515151
• 9×9 顏色#6d6d6d

選擇四個圖層，然后水平居中，垂直居中，Ctrl+G編組，命名為"攝像頭"

視圖>顯示>智能參考線

然后讓攝像頭和揚(yáng)聲器圓點(diǎn)垂直中心對齊，讓攝像頭緊挨圓點(diǎn)，然后Shift+向右鍵 4次

10.揚(yáng)聲器左邊加兩個圓，尺寸16x 16,揚(yáng)聲器和圓之間距離25px，兩圓之間距離10px

11.SHIFT+ALT +拖移揚(yáng)聲器圖層，貼緊屏幕下邊緣，Shift+向下鍵兩次

12.最后，我們需要添加圖標(biāo)，左邊的圖標(biāo)使用直線工具，粗細(xì)3px,隨便畫一條，然后自由變換，長度18，寬度18,CTRL+J復(fù)制圖層，然后水平翻轉(zhuǎn)，調(diào)整位置，讓兩個直線形狀圖層拼成向左箭頭，然后合并圖層。

顏色設(shè)為#C9C9C9，利用只能參考線讓箭頭圖層和揚(yáng)聲器圖層左邊緣對齊

垂直對齊，用矩形選框選取下圖的位置，然后選擇垂直居中對齊就可以了。命名為左圖標(biāo)

右圖標(biāo)，直線工具，3px，下邊寬度20px，左右邊高度12px，然后用直線工具畫出兩條正方形對角線交合。對齊什么的參考上一步即可。命名為右圖標(biāo)

完工!

原文地址：99designs
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博：擁有粉絲量57萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：