一、首先绘制一个大小为338*219的矩形。

 

 

 

二、选择渐变填充，可参考提供的颜色，然后将矩形变成圆角矩形，圆角大小为15左右。

 

 

 

三、再一个矩形大小为270*190，边距预留30mm,填充颜色为#222429。

 

 

 

 

 

 

四、再用矩形工具绘制两个矩形，高度控制在1~2mm，用直线其实也可以，只不过描边会很难对准绘画区的边缘。

 

 

 

五、画一个大小为51mm的正圆，位置居中与边距预留15mm，填充渐变颜色为#535458-#47484D-#393A3E。

 

 

 

六、填充完后，复制多一个圆，同比例缩放为17mm,将渐变的颜色翻转相反角度，再添加一个描边，大小为3px，描边的颜色吸取以下绘画区的颜色。

 

 

 

七、选择描边，然后点击【效果】-【风格化】-【投影】，设置参数如下图。

 

 

 

八、画一个大小为20mm*10mm的圆角矩形，圆角值为3mm，填充渐变#595B60-#3E4042。

 

 

 

九、选择这个小圆角矩形进行【效果】-【风格化】-【投影】，和描边的投影是一样的。

 

 

 

十、复制，注意留意一下小圆角矩形之间的等距，控制在3mm范围就行了。

 

 

 

 

 

 

十一、最后稍微调整一下，整体外观给一点投影。

 

 

 

十二、绘制区也再加点投影，两侧的线条应用相同的投影。

 

 

 

十三、最后完成效果。