Here is my result
这是我的结果
I will duplicate this layer several times and I will place the new layers like in the following image. Click to zoom
我要复制该图层多次并按照下图摆放。 （要按Ctrl+T自由变形，调整到合适的大小）
I will add some text and images over this layout.
我将添加一些文字和图片在我的布局上
One more time it will be better if you click on the following image to see better my restaurant / hotel layout
再多一次，如果你点击我的图片，你会发现更好的饭店（酒店）的网页布局
注：这一步原文也是一笔带过，因此，在这里补充完整
用自定义形状工具在布局的顶部创建5个五角星，并对每个五角星添加如下的样式：
描边的颜色： #424242
在旗帜上添加合适的文字，字体如下所示：
在菜单栏上添加菜单文字，字体如下，颜色： #41372d
在布局的中央左侧，添加一个标题，和一段文字，颜色： #40372e
标题的字体
段落文字的字体：
并依次添加另外两个文字块
在布局的底部添加导航链接，字体：
用 圆角矩形工具 创建四个圆角矩形，分别是（64，837，213，136）、（284，837，213，136）、（504，837，213，136）、（724，837，213，136）
对每个圆角矩形添加如下的图层样式
内发光的颜色： #f8ddc5
描边的颜色： #424242
在每个圆角矩形上摆放一张图片，并在图片图层上右键选择 创建剪贴蒙版
Now I will try to create a scarf on the top of the layout. I will use Pen tool to create something like this
现在，我将尝试创建一条围巾在布局的顶部。我将使用 钢笔工具 创建这条围巾
建议：用矩形工具创建一个矩形，按Ctrl+T自由变形，选择变形模式，调整到如下的形状
用 添加锚点工具 在右侧中部添加一个锚点，并用 直接选择工具 拖动锚点到合适的位置
对该图层添加图层样式
渐变叠加的颜色： #9c9ea5
描边的颜色： #424242
As you can see I have used the same layer style I have used for the top menu.
就像你看到的一样，添加的图层样式就和顶部的菜单条的图层样式一样
用椭圆工具创建一个小的圆，在围巾的左上部，已形成围巾的阴影，添加和围巾一样的图层样式，并调整图层的顺序
Now I will write down ” Welcome to Grafpedia “. This is my final result
接下来，书写文字Welcome to Grafpedia。这是我的结果
最终结果：
后记：
典雅的木纹特色的网页，充分利用图层样式实现了木纹特效
更多PS网页设计教程XVIII——在Photoshop中设计优雅的乡村酒店或餐厅的网页布局相关文章请关注PHP中文网！
查看更多关于PS网页设计教程XVIII——在Photoshop中设计优雅的乡村酒店或餐厅的网页布局的详细内容...