当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop创建一个简洁风格的网页效果图

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

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

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

最终效果图

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

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

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

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

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

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

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

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

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

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

按照下图拖拽你的鼠标。

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

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

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

用Photoshop绘制精美的企业网站模板
Photoshop设计漂亮的网页页脚模板