本教程主要用Photoshop来设计一张绿色调风格网页模板,网页美工设计的朋友可以一起来观赏学习,模板的制作的重点在于网站的板式搭配和颜色的搭配.下面让我们一起来学习吧.

PS：翻译作者要求，如需转载，请勿打各站水印，希望尊重原创

先看看完整的网页布局效果：

现在我们开始教程。

01。创建一个1020px X 1060px的文件。

02。下一步，我们将改变背景颜色。用油漆桶工具，填补背景层颜色：＃e3dec1

03。选择矩形工具，绘制出以下尺寸形状：1022X173和填充黑色（＃343434）

04。接下来，我选择选择一个如下的矢量图片素材，类似的都行，并将透明度设置为23％。

05。现在，选择矩形工具（U）和添加形状（244 × 119），使用下面的颜色＃a3cb31。

 06。下一步使用矩形工具，创建另一个形状，尺寸：239X130，然后处理成下列图层样式：（投影和渐变效果，如下图）