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

第二十二步

现在将RSS图标放置于侧边栏的左上角。添加类似”RSS FEED”的文字。画出另外一个胶带纸，将订阅者的数字放置其上。记住，我们现在是在”Sidebar”文件夹中工作。

第二十三步

现在给设计中添加日志。随便写一些文字作为标题，另起一行写出日期、类别以及作者。再写出日志内容。这一步中最重要的就是排版。我喜欢给标题应用Serif字体，给正文应用Sans-Serif，这只是我的喜好。你可以选择你喜欢的字体。

第二十四步

为了给日志增加细节，我们需要添加一些图片，就像TUTS网站那样，但是因为这是一个破旧风格的设计，我们需要将图片弄得旧一些。这简单的就像在CSS中增加上下内边距，然后设置一个重复的背景图片。

这个图片是35毫米的胶卷。从胶卷中提取上下两边，使用如下图所示的数值改变它们的色相/饱和度。接下来，使用不规则的橡皮擦删除图片的部分区域。最后，给每一条图片增加投影。完成胶片的效果之后，在胶片图层之下粘贴图片。我使用了一张我旅行时的照片。最后给图片增加描边效果(#2F261D)。

第二十五步

在日志下画一条2个像素宽的线条，增加评论数字。将所有涉及日志的图层放入”Post”文件夹中。之后你可以使用裁切工具给文档增加一些高度，这样做的目的是看看如果有2-3篇日志的设计效果。复制”Post”图层组，如下所示改变文字和图片。