圖文教程|手把手教你繪製手機應用郵件圖標

圖文教程|手把手教你繪製手機應用郵件圖標

根據上節文件夾的應用啟動圖標,現在同學們跟著小編接著做第四個圖標(郵件),同學們操作起來~

1、將文件夾的背景圓角矩形,複製一層,然後將顏色改為#f9f5f2

圖文教程|手把手教你繪製手機應用郵件圖標

2、原位複製背景矩形,將填充變為12px的描邊(描邊內側對齊),然後將描邊擴展為外觀,效果如下~

圖文教程|手把手教你繪製手機應用郵件圖標

3、使用矩形工具繪製35*60px的矩形,將顏色填充為#ed6565,然後使用自由選擇工具(A)選中頂部兩個錨點,向右移動50px;選中矩形,向右移動,再重複複製4次,並水平居中對齊;最後將6個矩形選中,與背景矩形居中對齊,效果如下~

圖文教程|手把手教你繪製手機應用郵件圖標

4、選擇下圖三個矩形,將顏色填充為#70aee9,然後選擇矩形與描邊圓角矩形,刪除多餘部分(shift+M,alt+左鍵),效果如下~

圖文教程|手把手教你繪製手機應用郵件圖標

5、使用矩形工具繪製400*260px,然後旋轉-45度;然後原位複製一個矩形,再垂直翻轉;使用快捷鍵e,調出變形,找到兩個矩形左右兩條線的中心點,然後居中對齊

圖文教程|手把手教你繪製手機應用郵件圖標

6、然後選中兩個矩形,放置在背景矩形上面,居中對齊。如下圖~

圖文教程|手把手教你繪製手機應用郵件圖標

7、刪除多餘部分,然後將左側形狀填充色改為dedbd6#,右側形狀填充改為#e8e7e3,效果如下~

圖文教程|手把手教你繪製手機應用郵件圖標

8、原位複製2次左側形狀,然後將頂部形狀的中心錨點向下移動10px,然後選中兩層矩形,使用布爾運算的減去頂層,最後將顏色改為#d6d3ce。

圖文教程|手把手教你繪製手機應用郵件圖標

大功告成~

圖文教程|手把手教你繪製手機應用郵件圖標

圖文教程|手把手教你繪製手機應用郵件圖標

▲向上滑動

狂人學院

0基礎到就業 設計師培養平臺

www.socrazy.com

不狂·不青春


分享到:


相關文章: