先看看效果图

第1步：

找一个比较粗壮的字体，我选的是VAL字体，60pt。用文本工具打出想要的字。

第2步：

将这个文字的填充及描边都设为空，就像下面这样，看不见文字了。这样是为了方便之后在外观appearance面板为其添加更为弹性的描边和填充。

第3步：

在外观appearance面板右上角的下拉菜单为其添加一个填充，默认为黑色。

第4步：

再添加一个填充，为方便区分将其颜色设置为其他颜色，我设成了橙黄色。

ps：请注意，在以上及下面的所有步骤，tap it!这段文本一直都是被选中的。

第5步：

在橙黄色填充被选中的情况下，使用菜单-> 效果-转换为形状-圆角矩形。参数设置如下。

第6步：

在选中橙黄色圆角矩形填充的情况下，点击外观面板右下角垃圾桶旁边的新建按钮，便会复制出一层出来。

第7步：

将上步之后，下面那层橙色填充颜色改为灰色。

第8步：

选中最下面的灰色填充，使用效果-路径-位移路径命令，设置如下，使该填充往外扩大5px。

第9步：

修改第一个黑色填充也就是文字的颜色为白色到浅灰色的渐变。

第10步：

添加一个描边，颜色为灰色，宽1pt，在描边面板里勾中虚线，虚线和间隔均设为2pt，如下图。