成就體系是運營常用手段，而等級勛章作為視覺設計的一部分最需要注意的是既要有統(tǒng)一風格，又有明顯等級梯度。通常底座是作為統(tǒng)一性的視覺元素，主體圖形做等級區(qū)別。

這次教程的勛章體系采用的是獎牌形式，設計要點如下。

• 統(tǒng)一結構：獎牌圖形+雙層底座+飄帶裝飾（包括圖形大概占比）
• 等級區(qū)別：獎牌圖形寓意+底座樣式復雜度+飄帶裝飾復雜度

設計拆解

輕質感成就徽章的繪制可以分為4步：底座繪制，高光質感添加，徽章主體圖形的繪制，最后是點綴圖形添加。

底座繪制

繪制勛章底座，一個圓底，兩個六邊形。

• 圓底：圓形直徑168，填充線性漸變#F2F3F7_#E2E3EE即可。
• 大六邊：高寬138，填充線性漸變#9B63DB_#7E07E0，邊框居中40%_#A04CE0 ，外陰影15%_#1D0026_Y軸9_其余參數(shù)0。
• 小六邊：高寬96，填充線性漸變#C572F2_#C636FF，邊框外部10%_#7800D4，外陰影5%_#000000_Y軸2 _模糊2_其余參數(shù)0。

添加質感

輕質感的高光是疊加亮部圖層實現(xiàn)的。復制底部大六邊形，微調尺寸和圓角內至嵌于底框，設置填充線性漸變#7730CF_#7410CC做暗部，再復制該框截取部分做亮部，填充#FFFFFF20%，層層亮部疊加，最上層高光40%。

主體圖形

皇冠圖形繪制，需要注意對稱?？梢灾苯佑娩摴P繪制，也可以利用五邊形和三角形布爾運算減去頂層獲得，本次采用鋼筆繪制的方法。

• 圖形繪制：利用多邊形工具繪制一個五邊形W60*H44，用鋼筆工具進行二次編輯，在上方兩邊中間新增兩錨點，移至中點，再同步調整，對稱的錨點每次移動距離都一致即可。最后畫三個圓和皇冠底座聯(lián)集。

• 圖形效果：填充線性#FFE712_#FACC00，邊框外部#FFFFFF 粗細6px。最后添加高光漸變，#FFFFFF 透明度10%_50%

點綴圖形

最后加上點綴的勛章飄帶，和底紋即可。

• 飄帶：鋼筆工具畫一個開口紅色旗幟，也可以用矩形和三角形進行減去頂層的布爾運算保證對稱，填充線性漸變#FF7F7D_#F21248；同樣繪制白旗#FFFFFF，紫旗填充線性漸變

• 放射性底紋：添加兩個一樣的正方形，將其中一個旋轉60度后，布爾運算交集就得到一個30度三角形，連續(xù)復制并連續(xù)旋轉45度得到底紋。將底紋置于小六邊形的蒙版中即可。
  本期資源：各等級鉆石圖標。

Powered by Froala Editor