PS设计教程网欢迎你!

Photoshop设计淡雅风格的博客网页模板(2)

文章来源于 未知,感谢作者 tunpishuang 翻译 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2009-11-13
第九步 现在用Helvetica或者Tahoma无衬线字体创建菜单项。只需要输入一些大写的同色的字体。一般我喜欢把大写字体的字间距调大一点。选择字体,勾选窗口字符,然后在字符面板中调整字间距。每个菜单项都在不同的图

第九步

现在用Helvetica或者Tahoma无衬线字体创建菜单项。只需要输入一些大写的同色的字体。一般我喜欢把大写字体的字间距调大一点。选择字体,勾选窗口>字符,然后在字符面板中调整字间距。每个菜单项都在不同的图层中调整。

Photoshop设计淡雅风格的博客网页模板

第十步

把所有的菜单项加入一个图层组,复制一个副本,然后把色彩调为灰色,这样就有两个菜单组了,一个是蓝色的,一个是灰色的。这样做是为了在网页中产生一个鼠标悬停变色效果。每次同时只让一个菜单项可见,效果如图:

Photoshop设计淡雅风格的博客网页模板

第十一步

如果站点需要RSS订阅功能,那么可以加入一个自定义的RSS订阅图标。首先创建一个蓝色矩形框,然后用Rockwell字体写上“RSS”。订阅图标可以到这里下载,选择“Developer Kit”,然后放入我们的psd文件中。 然后把图标放入一个新的图层组,然后复制组,把蓝色矩形换成灰色,同样是为了实现鼠标悬停换色的效果。

Photoshop设计淡雅风格的博客网页模板

Photoshop设计淡雅风格的博客网页模板

Photoshop设计淡雅风格的博客网页模板

第十二步

我觉得主页加入一个主题图片将会看起来不错。我从stock image上下载一个符合这个网页配色的图片,如果你有兴趣可以到SXC这里下载。将图片放入文档然后调整大小和位置,如下图:

(译者注:原作者提供的图片地址已经失效)

Photoshop设计淡雅风格的博客网页模板

第13步

通过矩形框选定工具,在图上拖动一个选定框(也就是你需要的部分),然后反选,删除其他部分。

Photoshop设计淡雅风格的博客网页模板

第十四步

使用Rockwell字体在图上写一些小的标示文字。然后新建一个图层,画两个白色矩形作为标示文字背景,然后把字体颜色改为蓝色。

Photoshop设计淡雅风格的博客网页模板

Photoshop设计淡雅风格的博客网页模板

第十五步

在幻灯图片的右边,将加入一些带引号的文字,文字内容可以是“欢迎光临本站”之类的话。用无衬线字体灰色写上这些文字,然后在不同的图层中加入超大号的引号,然后调整好位置。

Photoshop设计淡雅风格的博客网页模板

Photoshop设计淡雅风格的博客网页模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa