火星網校
簡單實用的Sketch擬物圖標製作教程
擬物化圖標基本上使用生活中原有的物象來反映產品的功能，同時圖標的內部加入更多的寫實細節，比如色彩、3D效果、陰影、透視效果，甚至一些簡單的物理效果，使得用戶認知時一目了然，視覺刺激強烈，大大提高辨識程度。
今天小編就帶著大家一起學習如何使用Sketch軟件來繪製擬物圖標，打開軟件一起操練起來吧！
Step1:創建畫板+圖標背景
1. 快捷鍵A，創建畫布400*300，背景顏色為漸變（#82D7FF—# 3D8DFF）。
2. 快捷鍵U，繪製一個152*152白色圓角矩形，圓角為32。
Step2:製作圖標背景質感+圖標陰影
1. 添加三層陰影，這樣會顯得外陰影更加自然，關於這三層陰影的X,Y,模糊度，透明度的數值分別為（0，2，2，24%）、（0，4，14，%24）、（0，10，16，34%）。
2. 添加內陰影數值為（0，-5，6，%90），色值為87B8FF。
Step3:製作圖標內部細節
1. 快捷鍵O，創建一個半徑128的圓型，填充漸變顏色，具體色值下圖可見。
2. 複製當前圓型，改變其半徑為116， 與底層圓形進行減去頂層。
3. 內部填充其半徑為124的圓形，顏色為#078EFF。
4. 製作其圓形陰影，創建一個半徑144的原型，顏色填充漸變色（# FFFFFF—#80A8FF），並且進行高斯模糊，模糊度為3。
Step4：製作圖標頂部細節
1. 快捷鍵O，創建一個半徑58的內部圓型，內部填充為，添加兩層內陰影。
2. 在內部添加一個直徑為48的圓形，顏色填充為漸變。
3. 添加內部圓形的陰影，其數值參考其下圖。
一款簡單的擬物圖標做好啦，是不是超簡單！
上一篇 大廠APP界麵如何露出品牌基因？
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
在廣州這座繁華的都市中，數字創意產業正蓬勃發展，廣州視頻剪輯培訓成為許多影視愛好者的理想起點。隨著短視頻平台和影視製作需求的激......
-
在北京這樣一座充滿創意活力的都市，UI設計培訓正成為無數年輕人追逐職業夢想的跳板。隨著數字經濟的蓬勃發展，UI設計行業在北京展......
-
在當今創意經濟蓬勃發展的浪潮中，北京平麵設計培訓成為眾多職業追求者的理想起點。這座城市的活力與機遇吸引著無數人投身視覺藝術領域......
-
在影視和設計行業蓬勃發展的今天，虛幻引擎作為核心技術工具，正引領著視覺創作的革命。越來越多的人渴望掌握這門技能，而專業的培訓成......
-
在北京這座文化創意中心，平麵設計培訓行業蓬勃發展，為渴望入行的學員提供了豐富機遇。隨著數字媒體和影視產業的崛起，掌握視覺傳達技......
-
在上海這座充滿活力的城市，影視和設計行業正迎來前所未有的發展機遇，數字技術的進步讓3D建模成為創意產業的核心驅動力。參加專業的......
