织梦CMS - 轻松建站从此开始!

我的网站

用Ps绘制破旧风格的网站首页(6)

时间:2010-10-31 00:00来源:思缘 作者:未知 点击:
第二十二步 现在将RSS图标放置于侧边栏的左上角。添加类似RSS FEED的文字。画出另外一个胶带纸,将订阅者的数字放置其上。记住,我们现在是在Sidebar文

第二十二步

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

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

第二十三步

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

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

第二十四步

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

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

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

第二十五步

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

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

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容