Step 1

　　新建图层，参数如下：

　　Step 2

　　矩形工具，前景色为#808080。一个164 x 235像素的矩形。重命名图层为“Glass upper”。

　　Step 3

　　路径选择工具，将矩形选中，如图出现四个黑色选定锚点。选择钢笔工具，在图中箭头所指地方建立8个锚点。下一步，我们将编辑点来改变矩形形状成沙漏的上部。

　　Step 4

　　我们将编辑与转换锚点工具和直接选择工具的要点。随着转换锚点工具，我们将扩大从锚点手柄。用选择工具，删除该矩形的两个底部角落点。对图形进行编辑，如图所示。这将有助于建立上部沙漏的颈部。

　　Step 5

　　复制“Glass upper”层。在复制的图层选项框中输入“Glass lower”，然后单击确定。然后编辑>变换路径>垂直翻转(CTRL+T)。放置“Glass lower”层如下图所示的形状。这是沙漏的下部。

　　Step 6

　　双击“Glass lower”图层打开图层样式窗口。渐变叠加，如下图所示。

　　Step 7

　　复制“ Glass upper ”的图层样式到“Glass lower ”，渐变叠加渐，反向选择。

　　Step 8

　　打开“ Glass lower”图层样式窗口，“混合选项”中勾选“将内部效果混合成组”，然后降低填充不透明度为35%。”Glass upper“也同样如此。

　　Step 9

　　选择这两个”Glass lower“和”Glass upper“层。然后从图层图层>新建>组或(CTRL+G)。重命名组“Glass upr + lwr”。

　　Step 10

　　在背景图层上新建一个图层。命名这个新层“Bg grd”，然后双击它打开图层样式窗口。图层样式设置如下。

　　了解更多关于UI设计方面的知识，请访问上海UI设计培训学校