UI教程，設計聯(lián)系人和短信圖標(3)

來源：站酷作者：yu0910 學習：5500人次

Step02：把圓角矩形圖層命名為di，然后右鍵選擇【混合選項】，設置：

【描邊】：大小1px，內部，漸變90°，# 157acf — #78bbff，

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

Step03：選擇【橢圓工具】，按住Shift鍵，畫一個正圓，填充顏色為# 9eceff，圖層命名為message，再選【鋼筆工具】（快捷鍵P，可按Shift+P切換），在選項欄里【路徑操作】選擇【合并形狀】，并選中路徑，畫一個三角形；右鍵選擇【混合選項】，設置：

【投影】：顏色#789bc0；角度120°，距離1px，擴展0，大小1px；

復制圖層message命名為message_ceng，填充顏色為# 4da2f9，載入圖層選區(qū)向上移動三像素，反向選區(qū)，再點擊【圖層】窗口的【添加圖層蒙版】；

再復制圖層message命名為message_bian，填充顏色為# c7e3ff，載入圖層選區(qū)向上移動一像素，反向選區(qū)，再點擊【圖層】窗口的【添加圖層蒙版】；

Step04：載入message圖層選區(qū)，填充顏色#134573，取消選區(qū)（快捷鍵Ctrl+D），點擊【濾鏡】 — 【模糊】 — 【動感模糊】和【高斯模糊】，

【動感模糊】：角度90°，距離7；

【高斯模糊】：半徑3；

把圖層不透明度設置為50%，并把圖層向下移動五像素；

Step05：繪制短信圖標上笑臉部分，選擇【橢圓工具】，按住Shift鍵，畫一個正圓，填充顏色為# 0675d5，大小適中即可，并復制圖層（快捷鍵Ctrl+J或者選擇【移動工具】Ctrl+V，按住Alt鍵拖動），再選擇【文字工具】（快捷鍵T，可按Shift+T切換），輸入字符“）”，文字顏色為# 0675d5，大小適中，這里的文字大小為30px，組合成為一個笑臉字符：）完成圖標的繪制。