今天我将教给大家简洁风格的网页效果图在photoshop中是如何绘制的。我想这个网站可能更适合一些产品介绍网站blog，慈善网站，绿色的自然保护网站等等。在这篇教程中，我们会用到一些矢量图标，可以自行在网上搜索。

最终效果图

好了，让我们开始吧。打开photoshop创建一个新文档，尺寸是1020px X 1240px，背景颜色设置为 #e6e9d4。

用矩形工具，创建一个形状，颜色 #bbc19c。我的形状尺寸是 1020px X 327px

好了，添加一个图层蒙版(保证你的图层是被选中状态)。

然后确定你选择中了蒙版。

选择渐变工具，保持默认颜色(黑色为前景色，白色为背景色)，你可以简单的点击工具栏上面的小图标快速设置。

按照下图拖拽你的鼠标。

好了，我的效果是这个样子的。