Photoshop绘制破旧风格的网站首页布局(4)

第十三步

我们来添加一些文字，首先是网站名。使用grunge字体键入文字，你可以在这里找到这样的字体。标题文字使用黑色，将图层混合模式更改为叠加，然后将此图层复制一遍，将复制的图层的不透明度更改为75%。为了得到一点点的模糊效果，将复制好的图层向左或者向右移动一个或者两个像素。使用这个技术添加更多的文字，比如标语等等。这个时候我们将导航链接也添加上。

第十四步

现在添加更多的东西，都是破旧风格的东西。我从这里下载了一些Jenn B的笔刷，这些笔刷是有使用上的限制的。使用这些笔刷添加一些数字、边角、胶带等等，在这一步中你可以尽情的发挥。只是要记住添加的所有图层都要在”Label”和”Label copy”图层的下方。

第十五步

现在我们开始添加页面部分。首先，在页首部分我们需要一个搜索框。键入搜索文字。接下来，画出一个红色的(#6A0400)矩形作为搜索表单，然后应用描边和图案叠加图层效果。

第十六步

现在我们在设计中添加主要内容区。首先我们要添加一个放置特别文字的区域。在侧边栏下方的图层中画一个深灰色(#0D0F0E)的矩形。我创建了四个文件夹来组织图层：一个在所有图层之上的”Header”文件夹，一个在”Header”文件夹之下的”Sidebar”文件夹，一个在前面两个文件夹之下的”Content”文件夹，最后一个是”Footer”文件夹。

你可以将这个矩形画到”Content”图层上，也可以给上面的四个文件夹中添加更多的文件夹。当你将矩形放置于合适的位置之后，使用下面的值应用投影和描边效果。

第十七步

从这里下载一些破损的边角和边框，在灰色背景上粘贴一个。将其颜色更改为#171612，图层模式为叠加。再给侧边栏的背景上也添加一个，这次将不透明度降低到25%。