本实例绘制的风格界面最终效果如图1。

图1 风格界面最终效果图

具体操作步骤如下：

（1）按【Ctrl＋N】组合键新建一文件，设置其Width（宽度）为600，Height（高度）为400，Resolution（分辨率）为72，Color Mode（颜色模式）为RGB Color，Background Contents（背景）为Background Color（背景色）。完毕后单击“OK”按钮。

（2）新建一个图层命名为界面底板，用椭圆选框工具、矩形选框工具和填充工具绘制如图2的界面底板。

图2 界面底板。

（3）再用椭圆选框工具拉一个同心圆，然后按【Delete】键删除中间部分，如图3所示。

图3 删除中间部分的界面底板

（4）现在为界面底板层添加Layer Style（图层样式），在Layers（图层）面板的界面底板层上点鼠标右键选择Blending Options（混合选项）进入Layer Style面板，选择Style（样式）中的。添加图层样式后的界面底板效果如图4所示。

图4 添加图层样式后的界面底板效果

（5）新建一个图层，用椭圆选框工具拉一个椭圆，用填充工具把这椭圆填充为RGB（244，163，224）的粉红色，把按钮图层复制5次，这时就有6个椭圆了，把这6个椭圆分别移到界面底板的6个突出端点，再按【Ctrl＋E】组合键合并这6个椭圆图层，把图层命名为按钮。添加6个按钮的界面如图5所示。

图5 添加6个按钮的界面

（6）现在为按钮层添加图层样式，进入Layer Style面板，选择Style（样式）中的，然后把图层的Opacity（不透明度）改为80%。添加图层样式后的按钮效果如图6所示。

图6 添加图层样式后的按钮效果

（7）在界面底板图层上新建一个图层，命名为玻璃片，用魔棒工具点选界面底板图层中间空白的圆形部分，选择菜单中的“Select（选择）->Modify（修改）->Contract（收缩）”命令，收缩量为25像素。用RGB（244，163，224）的粉红色填充选区后如图7所示。

图7 粉红色填充选区后的效果

（8）现在为玻璃片层添加图层样式，进入Layer Style面板，选择Style（样式）中的。添加图层样式后的玻璃片效果如图8所示。

图8 添加图层样式后的玻璃片效果

（9）在玻璃片图层上新建一个图层，命名为金属球，选择菜单中的“Select（选择）->Modify（修改）->Contract（收缩）”命令，收缩量为60像素。用RGB（0，0，0）的黑色填充选区后如图9所示。

图9 黑色填充选区

（10）现在为金属球层添加图层样式，进入Layer Style面板，选择Style（样式）中的。保持选区不变，选择玻璃片图层，按【Delete】键删除选区那部分。再加些修饰，最终效果如图10所示

图10 最终效果