这是我们今天要制作的模板:

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

因此,首先创建一个新的画布,900*700px。
在画布上创建一个新图层,并用任何类似木材的图案填充它。如果您没有木图案,请下载我们的 PSD 文件。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

接下来,使用矩形选框工具,选择模板上部的条带,假设高度为 140 或 170 像素。创建一个新图层并用任何棕色色调填充您的选择。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

转到图层 >> 图层样式 >> 渐变并使用 #000000 … #FFFFFF … #000000 颜色,应用不透明度为 28% 的渐变效果。确保将图层本身的填充也设置为 30% 左右。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

下一步。再次使用矩形选框工具,选择上一个图层下的一个框,同样从一侧到另一侧,但高度大约是两倍。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

新建一个图层,将主要颜色设置为#013814,次要颜色设置为#005e29。使用渐变工具,从下到上画一条线,使较暗的色调位于下方。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

当该图层仍处于选中状态时,转到图层>>图层样式>>混合选项并应用以下设置:
行程
投下阴影

这就是你的画布到目前为止的样子。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

使用矩形选框工具,选择模板左上角的一个框,如下图所示:

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

新建一个图层,再次切换到渐变工具,这次使用与之前相同的绿色色调,从上到下画一条线,这样较深的绿色色调就在上面。这将使布局有更好的平衡。

设计酒吧餐厅网站布局的完整模板 - PS 教程 Lorelei 网页设计

在仍选择后者的情况下,转到图层>>图层样式并应用以下设置(与前一个框相同)。