PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 tunpishuang 翻译 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2009-11-13
第十六步 在页面的中间加入类似于博客格式显示的新闻。首先用Rockwell字体、灰色输入news。然后新建图层组,命名为Item 1,组中是第一条新闻项的所有元素。 第十七项 然后加入新闻内容字体,右上角加入一个日期,这

第十六步

在页面的中间加入类似于博客格式显示的新闻。首先用Rockwell字体、灰色输入“news”。然后新建图层组,命名为“Item 1”,组中是第一条新闻项的所有元素。

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

第十七项

然后加入新闻内容字体,右上角加入一个日期,这些都是“Item 1”图层组的元素。

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

第十八步

使用淡灰色画上一个矩形框作为新闻项的背景样式。

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

第十九步

复制2个图层组“item 1”,把中间那个图层组的灰色背景去掉。

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

第二十步

我认为可以利用边框来放一个flickr组。现在在设计类的站点是相当流行的,比如PSDlearning和Fuel Your Creativity都是这么做的。首先放置一个类似于新闻样式的标题。然后加入尺寸为75×75的图片。可以到上面提及的站点上下载缩略图,然后按照下面的样式排版。

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

第二十一步

选择所有缩略图,然后按Ctrl+E合并图层。然后图层选择混合选项,按照下图设定:

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

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

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

第二十二步

在页面中加入一个带描边样式的广告栏。

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

第二十三步

接下来页脚区域加入一些额外信息,比如友情链接,客户,版权等。

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

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

第二十四步

最后一步需要在页面的各区域之间加入分割线,让页面看起来更有序一些。创建新图层,选择画笔工具,直径设置为1px,然后把前景色设置为中灰色,可以参照下图画线,记住按住shift哦。

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

进入论坛参与讨论:http://www.missyuan.com/thread-429354-1-1.html

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