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

我的网站

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

时间:2010-10-31 00:00来源:思缘 作者:未知 点击:
第十三步 我们来添加一些文字,首先是网站名。使用grunge 字体 键入文字,你可以在这里找到这样的 字体 。标题文字使用黑色,将图层混合模式更改为叠

第十三步

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

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

第十四步

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

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

第十五步

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

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

第十六步

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

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

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

第十七步

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

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

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