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

文章来源于设计量贩铺，感谢作者苏打苏塔给我们带来经精彩的文章！

设计教程/PS教程/设计教程2010-02-11

Step 4 创建主要内容部分按照下图，添加一些文字。采用的是三栏布局。选择矩形工具，创建一个形状。这就是我们的主要内容区域。我的尺寸是935px X 504px。设置图层样式如下：我的效果然后在上面和下面添加一些

Step 4 – 创建主要内容部分

按照下图，添加一些文字。采用的是三栏布局。

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

选择矩形工具，创建一个形状。这就是我们的主要内容区域。我的尺寸是935px X 504px。

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

设置图层样式如下：

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

我的效果

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

然后在上面和下面添加一些阴影，用椭圆工具和高斯模糊就可以完成了。添加一些分割线。

现在的效果：

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

好了，添加更多的矢量图标和文字。这是现在的效果。

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

好了，主要内容部分也完成了

Step 5 – 创建底部内容

底部内容就很容易完成了。放上logo和一些文字就可以了。

最终的效果图

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

最终效果图

情非得已