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

4。接下来我们来建一个3D导航。

新建一个图层，在距离搜索框下的100 px左右，画两条1 px宽950 px长的线条，一条填充黑色，一条填充白色。并混合模式：叠加.

新建一个图层，选择“矩形选区工具”画一个与线条一样宽的矩形，并填充白色。

按键盘上ctrl+T组合键，右击菜单选择“透视”。把鼠标移到左边的节点上按住不放拖动，最终效果如下图：

接下来双击这个图层打开图层样式的对话框，设置如下：

选择“椭圆选框工具”画一个椭圆，效果如下图：

给这个椭圆选取区填充黑色，并设置它的不透明度为：50%。如果你一步一步跟着我做的话，你就会得到下面的效果。

5。下面我们来给导航加一些元素。我在这个网页下载一些图标：http://apathae.deviantart.com/art/W-R-E-N-84310039

给第一个图标添加一个外发光的效果(在图层样式里添加哦)。

按ctrl+J复制图标，再按ctrl+T，在右击菜单中找到“垂直翻转”。然后选择：滤镜-模糊-高斯模糊,给这些图标添加一些模糊的效果。

点击图层面板上的“蒙版”图标，给这些图标添加一个蒙版，然后选择“渐变工具”渐变色彩从“黑--白”。然后使用渐变工具从上到下拖拉。最终的效果如下：

最后我给第一个图标添加一个“小提示”的图标，效果如下图：

6。接下来我们来完成页面的主体部分。

使用“矩形选区工具”来画出主体的部分。要注意的一点是矩形的大小要和导航的一样大。