Photoshop绘制另类的3D网页布局(2)

3。接下来我们给网页添加一个搜索框，选择“圆角矩形工具”并设其圆角的大小为：15px.在页面的右上角画一个圆角矩形。

接下来给这个矩形添加一个图层样式设置如下图：

最终效果如下图：

再次选择“圆角矩形工具”并设置圆角的大小为：5px。画一个比较小的矩形，按ctrl+enter把路径变为选区，然后给这个选区填充白色。

使用矩形选区工具，把这个小的圆角矩形裁剪后半截，按ctrl+x,再按ctrl+v复制到一个新的图层，然后暂时隐藏起来，留到后面要用。

接下来给这个矩形的前半部添加一个图层样式，设置如下图：

其效果如下图：

下面我们把刚才隐藏的后半部打开，利用图层样式，把它做成一个按扭。

新建一个图层,我们给这个按扭添加两条1px的线条，一条填充白色，一条填充黑色。并设这个图层的混合选项：soft light最后的效果下图：