Photoshop创建一个简洁风格的网页效果图(2)

Step 1 – 创建Logo和头部导航

选择矩形工具，在文件顶部画出一个小的形状。

设置图层样式如下：

我的效果：

在右边的部分，用文字工具，创建导航文字。我一般用的是字体“Helvetica” 。

接下来，用直线工具，创建一些导航上面的分割线。设置宽度为1px，在文字中间画一些小的形状。

然后按照下图进行图层样式设置：

我的效果：

好了，接下来创建Logo。用矩形工具，创建一个类似的矩形，填充颜色 #9cc1a2

按照下图参数设置图层样式。

然后，在文件 Complete Designer Set 中，我选择了一些矢量的装饰图案，在Illustrator中打开他们，选择一个然后拖拽到 Photoshop中，装饰在绿色形状的上面。用作衬托Logo。