步骤2使用矩形工具（M）创建375 x 210px的形状，并用下面显示的线性渐变填充它，然后转到“效果”>“风格化”>“圆角”。输入一个5px的半径，单击“确定”，然后转到“对象”>“展开外观”。渐变图像中的白色数字代表位置百分比。
步骤3使用（M），创建一个365 x 5px的形状，用下面显示的线性渐变填充它，并将其放置，如下图所示。使用直接选择工具（A），将焦点放在此新矩形的底部。选择右锚点并将其向左移动20px，然后选择左锚点并将其向右移动20px。这应该将您的矩形变成梯形。确保仍然选择它，然后转到“效果”>“风格化”>“圆角”。输入3px半径，然后单击“确定”。
步骤4使用矩形工具（M），创建一个40 x 10像素的形状，并用下面显示的线性渐变填充它，并将其放置，如下图所示。使用直接选择工具（A），将焦点放在此新矩形的底部。选择右锚点并将其向左移动5px，然后选择左锚点并将其向右移动5px。确保仍选择此新梯形，将其发送回（Shift + Ctrl + []），然后转到“效果”>“风格化”>“圆角”。输入3px半径，然后单击“确定”。
步骤5重新选择上一步中制作的形状，在前面制作一个副本，将其拖动到左侧并将其放置在第一张图像中。使用矩形工具（M），创建一个80 x 30像素的形状，并用R = 35 G = 35 B = 35填充它，并将其放置在第二个图像中。
步骤19重新选择第二步中制作的圆角矩形，然后在前面进行复制）。使用矩形工具（M）启用“对齐网格”（“视图”>“对齐网格”），创建一个405 x 30像素的形状，并将其放置在第二个图像中。选择此新矩形以及在步骤开始时制作的副本，然后从“路径查找器”面板中单击“相交”按钮。使用下面显示的线性渐变填充生成的形状，并将其不透明度降低到40％。
步骤24重新选择第二步中制作的圆角矩形，然后在前面进行复制。使用矩形工具（M）启用“对齐网格”（“视图”>“对齐网格”），创建一个405 x 30像素的形状，并将其放置在第二个图像中。选择此新矩形以及在步骤开始时制作的副本，然后从“路径查找器”面板中单击“相交”按钮。使用下面显示的线性渐变填充生成的形状，并将其不透明度降低到5％。
步骤26使用矩形工具（M），创建一个230 x 150像素的形状，并用R = 55 G = 55 B = 55填充它，并将其放置，如下图所示。选择它，然后转到“效果”>“风格化”>“圆角”。输入5px半径，然后单击“确定”。确保仍选中此矩形，然后将焦点放在外观面板上。选择填充，然后转到“效果”>“风格化”>“内发光”。输入如下所示的数据，然后单击“确定”。
步骤29返回到“每5像素网格一次”。因此，转到“编辑”>“首选项”>“参考线和网格”，然后在“网格线”中的每个框中输入5。使用矩形工具（M），创建210 x 130px的形状，并用下面显示的线性渐变填充它，并将其放置，如下图所示。选择它，然后转到“效果”>“风格化”>“圆角”。输入一个5px的半径，单击“确定”，然后转到“效果”>“风格化”>“阴影”。输入如下所示的数据，然后单击“确定”。
步骤32使用矩形工具（M），创建一个5 x 15像素的形状，并用下面显示的线性渐变填充它，然后将其放置在第一个图像中。禁用“对齐网格”（“视图”>“对齐网格”），选择此新矩形并在前面制作两个副本。选择顶部的副本，并将其向上和向左移动1px。重新选择两个副本，然后从“路径查找器”面板中单击“减”按钮。用黑色填充生成的形状，并将其不透明度降低到20％。
步骤41对于最后的步骤，您将需要每1px一个网格。因此，转到“编辑”>“首选项”>“参考线和网格”，然后在“网格线”中的每个框中输入1。使用矩形工具（M），创建一个2 x 26像素的形状，用如下所示的线性渐变填充，将其不透明度降低到15％，然后转到效果>风格化>圆角。输入1px半径，然后单击“确定”。