当前位置: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面(2)

如何用Photoshop设计一个具有现代感的博客界面(2)

打开一个牛皮纸 素材, 我们将用它来为背景增加一些有趣的材质效果。

Photoshop设计现代感的博客界面

 

将材质去色 (CTRL+SHIFT+U),然后选择高斯模糊用大一点的像素来抹掉牛皮纸上面的一些细节。

用Photoshop设计现代感的博客界面

 

将修改过的牛皮纸材质放在渐变的背景色上面,然后选择混合模式的叠加选项,再修改透明度为90%。

用Photoshop设计现代感的博客界面

 

在一个网页设计中设计合理的用户显示器范围是网页布局一个重要的步骤。除非另有要求,我一般都是将分辨率调整到1024×768,因此我在文档的中部将参考线设置为960px宽,两边空白处各有20px宽,这是为了以防一些元素超出之前设置的屏幕分辨率。

用Photoshop设计现代感的博客界面

教你做一个简单但好看的网页(第二集)
从零开始教您设计一个华丽高档的网页