當前位置:首頁 >教程首頁 > U I 設計 > UXD全鏈路設計大師班 >簡單實用的Sketch擬物圖標製作教程

簡單實用的Sketch擬物圖標製作教程

發布時間:2022-11-17 09:54:10

擬物化圖標基本上使用生活中原有的物象來反映產品的功能,同時圖標的內部加入更多的寫實細節,比如色彩、3D效果、陰影、透視效果,甚至一些簡單的物理效果,使得用戶認知時一目了然,視覺刺激強烈,大大提高辨識程度。

今天小編就帶著大家一起學習如何使用Sketch軟件來繪製擬物圖標,打開軟件一起操練起來吧!

Step1:創建畫板+圖標背景

1. 快捷鍵A,創建畫布400*300,背景顏色為漸變(#82D7FF—# 3D8DFF)。

2. 快捷鍵U,繪製一個152*152白色圓角矩形,圓角為32。

1.png

Step2:製作圖標背景質感+圖標陰影

1. 添加三層陰影,這樣會顯得外陰影更加自然,關於這三層陰影的X,Y,模糊度,透明度的數值分別為(0,2,2,24%)、(0,4,14,%24)、(0,10,16,34%)。

2. 添加內陰影數值為(0,-5,6,%90),色值為87B8FF。

2.png

Step3:製作圖標內部細節

3.png

1. 快捷鍵O,創建一個半徑128的圓型,填充漸變顏色,具體色值下圖可見。

2. 複製當前圓型,改變其半徑為116, 與底層圓形進行減去頂層。

3. 內部填充其半徑為124的圓形,顏色為#078EFF。

4. 製作其圓形陰影,創建一個半徑144的原型,顏色填充漸變色(# FFFFFF—#80A8FF),並且進行高斯模糊,模糊度為3。

Step4:製作圖標頂部細節

4.png

1. 快捷鍵O,創建一個半徑58的內部圓型,內部填充為,添加兩層內陰影。

5.png

2. 在內部添加一個直徑為48的圓形,顏色填充為漸變。

3. 添加內部圓形的陰影,其數值參考其下圖。

6.png

一款簡單的擬物圖標做好啦,是不是超簡單!

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答
  • 無錫電商視覺設計培訓機構好不好

    學習電商的話首先需要基礎的軟件能力,比如ps,ai,包括現在比較火的C4D。當然做設計也需要具備一定的設計基礎,比如三大構成,......

  • 泉州動漫漫畫手繪培訓機構

    動漫漫畫手繪行業是近幾年熱門高薪行業之一,建議有點美術基礎的小夥伴學習。想入行成為動漫手繪師可以考慮培訓,那麼在泉州動漫漫畫手......

  • 泉州園林手繪考研培訓班哪家好

    風景園林專業,是綜合利用科學和藝術手段營造人類美好的室外生活境域的一個行業和一門學科。越來越受到大家的關注,今天我們來看看想要......

  • 無錫短視頻培訓課程學費多少

    無錫短視頻培訓分為線上和線下兩種:線上費用相對便宜,一般在5000~8000元,線下費用比較貴,一般在150000元左右。如果......

  • 程序員一般做什麼工作

    程序員被說是維護電腦程序運行的專業人員會有些片麵,對於大公司來講,程序員是公司的重要成員,隻要開發的軟件存在各項問題,程序員出......

  • 建築設計師轉行做什麼合適

    近兩年,建築行業進入寒冬期,建築師們也都感到了深深的寒意,設計院裁員、降薪,工作室解散、拆夥,抱怨、焦慮和迷茫成了圈子裏的主流......

×
掃碼快速獲取
×