先看看效果圖：

首先把它分為五個部分來制作：1、主體；2、金屬部分；3、端口；4、墊腳；5、文字。

一、主體的繪制

1：建一個800x800px的畫布，背景色為#f9f9f9。

2：繪制一個400x400px圓角半徑為70px的圓角矩形，命名為“主體”，將填充色設置為#f4f4f4，描邊寬度為2px，顏色為#BBBBBB。

3：給主體圖層添加內發(fā)光，然后在左右以及上部添加高光。(用鋼筆繪制出白色形狀，在屬性里將羽化值改為7，再添加圖層蒙板，用柔邊圓畫筆選擇黑色涂抹邊緣，使其更緩和。)降低上部高光的不透明度到60%。

至此主體部分就先告一段落，接下來我們繪制金屬部分。

二、金屬部分

1：繪制一個400x80px的圓角矩形命名為“金屬”，圓角半徑分別為：0，0，70，70，顏色為#cecece，命名為金屬部分。將其與“主體”圖層底邊居中對齊。

2：為其添加內陰影以及漸變疊加。

此時的效果應該是這樣的：

三、端口

1：繪制一個80x30px的圓角矩形命名為“端口”，圓角半徑分別是：0，0，20，20，顏色填充：#1b1b1b。將其與金屬部分頂邊居中對齊。

2：為它添加一個內陰影

3：繪制一個白色的橢圓命名為“白光”，羽化值設置為7，剪切到“端口”圖層。

四、墊腳

1：創(chuàng)建一個20x20px的圓角矩形，圓角半徑分別是：6，6，2，2 ，然后用直接選擇工具去選擇左上，右上的錨點更改它們的位置。

2：為它添加內陰影，然后復制一份水平翻轉放到對稱的位置。

五、文字

1：用文本工具打出“Bbox”，顏色為#8b8b8b;

2：給文字添加內陰影。

完成后效果：