擬物化圖標基本上使用生活中原有的物象來反映產品的功能,同時圖標的內部加入更多的寫實細節,比如色彩、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界麵如何露出品牌基因?
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答如今,影視動畫行業蓬勃發展,專業的動畫人才需求量大。本文旨在探討影視動畫培訓機構哪家強,揭秘火星時代教育為何能在眾多培訓機構中......
本文詳細分析了各類影視後期合成培訓班的價格因素。控製你的學習預算,建立理想的影視後期技能結構。火星時代教育,職業教育領導者。
火星時代教育:培養下一代影視創新領軍者 | 影視次世代模型培訓課程
火星時代教育致力於通過其影視次世代模型培訓課程,為下一代影視創新領軍者奠定堅實的基礎。
原畫學習在選擇正確的培訓機構上非常關鍵,火星時代教育在這方麵很有一套,讓我們一起了解一下。
火星時代教育推出的影視場景3D模型課程,以專業教學實力,幫助學員掌握影視行業最新的3D建模技能,打造專業技術人才!
對比評析國內知名影視後期培訓機構,幫助你了解火星時代教育在影視後期培訓方麵的優勢,時間、費用、師資、教學效果一網打盡,助你找到......
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!