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

2021-02-15 狂人設計之路

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

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。

大功告成~

相關焦點

  • Graphpad 繪圖教程 | 手把手教你繪製折線圖
    今天給大家講解 Graphpad 繪製折線圖,話不多說,直接進入教程。1. 打開 graphpad 軟體,點擊 XY 模塊,按下圖進行選擇。3. 點擊 graphs 下的 new analysis,按下圖選擇,生成草圖。4.
  • 手把手教你繪製一個寫實USB圖標
    首先,我們來繪製背景。設置前景色為#c0c0c0,背景色為#a7a7a7,使用漸變工具,做一個從左上到右下的線性漸變。
  • CPU開蓋教程:裝機之家手把手教你CPU開蓋換液金圖文教程
    下面裝機之家手把手教你CPU開蓋換液金圖文教程,CPU開蓋之前,我們需要準備以下工具。所需工具:1、CPU開蓋器(需要購買支持自己CPU的開蓋器)2、704矽橡膠3、液金4、刀片5、酒精棉詳細的CPU開蓋換液金圖文教程一、CPU開蓋之前,我們需要先使用刀片將上蓋與基板之間的黑膠切進去一部分,四周可以全部切割
  • Vectornator教程,帶你繪製矢量圖.
    你可以在Mac、iPad、和iPhone上使用這款軟體,目前並不支持Windows和Android系統。該篇教程將使用Mac版本進行演示,在iPhone和iPad上的操作大體相同。通過閱讀這一篇教程你將會知道Vectornator的基本使用方法,並學會繪製自己的矢量圖作品。接下來讓我們進入正文部分。
  • 手把手教你打造一個純CSS圖標庫
    在web開發中,我們經常要用到一些小圖標(加減勾叉等)。通常做法就兩種:直接使用圖片;使用css/svg直接在瀏覽器中繪製圖標。方案1:由於圖標圖片比較多,而且體積很小,為了減少請求所以很多時候我們會用雪碧圖這種技術來將圖標拼湊在同一張圖片裡面。
  • 手把手教你如何在 Linux 安裝 MySQL 8 資料庫(圖文詳細教程)!
    本教程手把手教你如何在 Linux 安裝 MySQL 資料庫,以 CentOS 7為例。
  • 手把手教你用PS繪製惟義樓地圖
    繪製一張地形圖很難嗎當然難,你得小心觀察每個教室,每個樓道而且,畫出來也並沒有想像中那麼容易
  • PS教程:手把手教你PS製作擬物圖標
    來源:UI設計學習思維本次教程是用PS製作出微擬物風格的手機主體圖標
  • Android開發教程手把手教你開發APP
    重點講解Android應用開發,拿一個藍牙聊天室的APP案例手把手教你,課程視頻為八講。從最基礎的行業前沿信息的介紹,到最終的APP成品。堅信在老師的帶領下你對Android應用開發會頗有收穫。視頻主題:Android開發教程手把手教你開發APP(第一講)視頻主講:唐老師,華清遠見嵌入式學院講師。
  • PS教程!教你製作微擬物風格手機主題圖標
    教程作者:軟體基礎營38期-A66-梧子輔導老師:小胡舵主今天我們來做個清爽簡約的微擬物手機圖標吧!
  • 手把手教你使用ggplot2繪製折線圖
    折線圖同樣是應用非常廣泛的統計圖之一,通過折線圖可以反映某種現象的趨勢。
  • 推特Twitter怎麼註冊,簡單教你入手,詳細圖文教程
    那麼如何註冊推特號呢,網上的教程雜七雜八的,許多的人都弄不明白怎麼回事,今天呢,小編就手把手的教大家如何搞定推特Twitter,簡單來說分幾個步驟就可以了喲!可以通過連結https://d.oo14.com/2Hve複製瀏覽器打開領取帳號即可。非常的簡單方便,安全又耐用!
  • 【圖文教程】大家都需要《一次性無菌裝口罩》繪製教程分解及模板分享!
    大家門店一次性無菌裝口罩已經到貨,但是在海報上不知道怎麼去繪製更加醒目及刺激到消費者眼球,為此周道湘老師為大家分解出這樣的圖文教程幫助大家在繪製上得到參考及借鑑。【手繪POP教程】門店「VIP會員好禮」海報很靚點哦!趕緊轉載及收藏女王節《38婦女節-感動女人,節日快樂》海報教程分解!關於「清熱解毒,鎮靜安神」的功效海報可以參照這張去繪製!
  • 0基礎入門教程:手把手教你在手機上製作表格 ​
    不知道大家平時在手機上辦公的時候會不會遇到為什麼發給朋友的文件在電腦端卻打不開?
  • 手把手教你如何繪製客戶旅程地圖,教科書級操作手冊
    前面我們說每家公司都要有自己的 「客戶旅程地圖」(Customer Journey Mapping,簡稱CJM),並講了什麼是CJM、CJM的作用,今天就手把手教你如何繪製「客戶旅程地圖」,踏出客戶體驗創新最堅實的一步。
  • 【圖文教程】繪製《天然維生素E》的分解教程!
    門店有很多的商品活動,但是我們如果沒有企劃及營運,對於單體店或者小連鎖我們也可以根據商品包裝或者內容進行繪製促銷類似的海報,具體教程如下:1、用12mm黃色書寫繪製海報的副標題「天然」,但是字體挨近緊湊是最大的關鍵。
  • 手把手教你完成!
    圖文撰寫 | 林寧老師今天小編教你在不同軟體的圖形上添加數字,都以柱狀圖為例添加數值。2. 滑鼠右鍵單擊柱狀圖,添加數據標籤;其中的兩個選項分別代表不同的標籤類型;選擇適合你的;不同類型的圖表,操作方法一樣哦
  • AI繪製咖啡杯圖標教程
    今天教大家做一個咖啡杯的圖標步驟1:新建一個畫布
  • 【教程】手把手教你玩上《超級馬裡奧Run》
    因此我們為大家帶來了一篇如何登陸外服App Store的教程,只需要2分鐘時間,手把手教大家玩上《Super Mario Run》。由於APP Store的紐西蘭服總是新遊戲最先上架的伺服器,所以我們這裡就以紐西蘭服為參考,為大家帶來一個如何註冊APP外服的教程。
  • 【充電時間】AI圖標繪製-形狀生成器
    教程貢獻/ 喬幫主編輯/