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

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

Step 4 – 创建主要内容部分

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

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

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

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

设置图层样式如下:

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

我的效果

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

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

现在的效果:

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

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

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

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

Step 5 – 创建底部内容

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

最终的效果图

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

最终效果图

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:用Photoshop绘制精美的企业网站模板
    下一篇:Photoshop设计漂亮的网页页脚模板

    图集推荐

    • 灵感
    • 美图