日本国产欧美大码A视频 _国产高颜值极品在线视频_色偷偷亚洲第一综合网_国产精品一二三社区视频_久久久青草视频

IT培訓(xùn)-高端面授IT培訓(xùn)機(jī)構(gòu)
云和教育:云和數(shù)據(jù)集團(tuán)高端IT職業(yè)教育品牌
  • 國(guó)家級(jí)
    全民數(shù)字素養(yǎng)與技能培訓(xùn)基地
  • 河南省
    第一批產(chǎn)教融合型企業(yè)建設(shè)培育單位
  • 鄭州市
    數(shù)字技能人才(碼農(nóng))培養(yǎng)評(píng)價(jià)聯(lián)盟
當(dāng)前位置:
首頁(yè)IT問(wèn)答正文

如何用Sketch簡(jiǎn)單地做一款擬物圖標(biāo)

  • 發(fā)布時(shí)間:
    2022-11-25
  • 版權(quán)所有:
    云和教育
  • 分享:

擬物化圖標(biāo)基本上使用生活中原有的物象來(lái)反映產(chǎn)品的功能,同時(shí)圖標(biāo)的內(nèi)部加入更多的寫(xiě)實(shí)細(xì)節(jié),比如色彩、3D效果、陰影、透視效果,甚至一些簡(jiǎn)單的物理效果,使得用戶認(rèn)知時(shí)一目了然,視覺(jué)刺激強(qiáng)烈,大大提高辨識(shí)程度。

今天小編就帶著大家一起學(xué)習(xí)如何使用Sketch軟件來(lái)繪制擬物圖標(biāo),打開(kāi)軟件一起操練起來(lái)吧!

Step1:創(chuàng)建畫(huà)板+圖標(biāo)背景

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

2. 快捷鍵U,繪制一個(gè)152*152白色圓角矩形,圓角為32。

1.png

Step2:制作圖標(biāo)背景質(zhì)感+圖標(biāo)陰影

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

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

2.png

Step3:制作圖標(biāo)內(nèi)部細(xì)節(jié)

3.png

1. 快捷鍵O,創(chuàng)建一個(gè)半徑128的圓型,填充漸變顏色,具體色值下圖可見(jiàn)。

2. 復(fù)制當(dāng)前圓型,改變其半徑為116, 與底層圓形進(jìn)行減去頂層。

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

4. 制作其圓形陰影,創(chuàng)建一個(gè)半徑144的原型,顏色填充漸變色(# FFFFFF—#80A8FF),并且進(jìn)行高斯模糊,模糊度為3。

Step4:制作圖標(biāo)頂部細(xì)節(jié)

4.png

1. 快捷鍵O,創(chuàng)建一個(gè)半徑58的內(nèi)部圓型,內(nèi)部填充為,添加兩層內(nèi)陰影。

5.png

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

3. 添加內(nèi)部圓形的陰影,其數(shù)值參考其下圖。

6.png

一款簡(jiǎn)單的擬物圖標(biāo)做好啦,是不是超簡(jiǎn)單!