1 开天辟地软件的界面设计(11)

步骤24 导入按钮图片

接下来我们打开一张按钮的素材图片（如图7-1-62所示），将它拖放到软件界面的图像中并移动到合适的位置。完成后的效果如图7-1-63所示。

图 7-1- 62

图 7-1- 63

步骤25 加入直线完成按钮的造型

为了使按钮的结构看起来更加统一，我们用一条直线将编号部分和按钮部分链接起来，完成后我们可以看到如图7-1-64所示的效果。现在整个按钮的造型已经完成了。

图 7-1- 64 加入链接线条

步骤26 输入文字内容并完成其他相同按钮的制作

现在我们可以开始输入文字了，设置好字体、大小以及颜色之后，我们分别在编号和进度提示按钮两个地方输入文字。得到如图7-1-65所示的效果。接下来我们如法炮制，把余下的所有按钮都制作出来，最终得到如图7-1-66所示的效果。

图 7-1- 65 输入文字

图 7-1- 66 制作其余的进度按钮