Photoshop设计商务网站布局教程

文章来源于 PS真功夫，感谢作者 PS真功夫翻译给我们带来经精彩的文章！

设计教程/PS教程/设计教程2010-03-15

本教程主要用Photoshop设计商务网站布局教程，今天的布局设计是以黑色为主菜，配菜是红与白，听起来是不是有些纳闷，那么请往下看，作者是如何打造的。

首先欣赏下最终效果图：点击这里看放大的图

Photoshop设计商务网站布局教程

准备就绪

新建文档：大小1200px*1200px.设置前景色#505050，背景色#2d2d2d，选择”渐变工具”，并改渐变类型为”径向渐变”。

此径向渐变大概是位于画布中间上方一点，因此渐变起点和终点要有一定长度。如下所示：

Photoshop设计商务网站布局教程

接下来，新建图层，命名为”header”，选择”矩形选框工具”或”矩形工具”沿左上角拖出高为300px的矩形，以任何颜色填充。如下所示：

Photoshop设计商务网站布局教程

给”header”添加以下图层样式：

内阴影

Photoshop设计商务网站布局教程

渐变叠加

Photoshop设计商务网站布局教程

这时的效果图为：

Photoshop设计商务网站布局教程

情非得已