扁平相機圖標設計計劃

2021-09-10 10:40 來源：桐鄉(xiāng)養(yǎng)生網(wǎng)

扁平相機圖標設計

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

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

Step 03重命名圖層為di，右鍵選擇【混合選項】，設置

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

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

再復制圖層（快捷鍵Ctrl+J），重命名為di2，填充顏色改為b9b9b9，并把圖層向下移動三像素；

Step 04繪制鏡頭部分，選擇【橢圓工具】（快捷鍵U，可按Shift+U切換），按住Shift鍵畫個正圓，大小自定適合即可，源文件的大小是為120×120px，圖層重命名為B_yuan；設置圖層混合選項：

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

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

【投影】：顏色為#323232，角度90°，距離7px，擴展0，大小13px；

復制圖層B_yuan重命名為Blue_yuan；點擊【】—【自由變換路徑】（快捷鍵Ctrl+T），縮小60%（記得點擊【保持長寬比】），右鍵清除圖層樣式，選擇【混合選項】設置：

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

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

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

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

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

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

他同時還參與公司層面的決策。我們的CEO比較忙【描邊】：大小1px，位置外部，顏色#ff4d42；

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

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

完成圖標的繪制。