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

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

使用圆角矩形工具画一个内容区域如上图所示,颜色为浅灰色(#eeeeee),圆角半径为20px。注意在这种情况下圆角矩形并不要两边顶满,因为下面右侧还要添加一些东西。

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

 

双击圆角矩形图层然后添加8白色描边,宽度为8px,混合模式为叠加然后调整透明度为30%,这样就会有一
一个很酷的透明效果-_-”
用Photoshop设计现代感的博客界面


再次为这个圆角矩形兄添加一个内发光,白色的5像素即可,这样会让边线产生一个很细小的倾斜效果。


Photoshop设计现代感的博客界面


最后添加一个外发光,黑色的15%透明度的,于是一个淡淡的内容区的阴影就这样出现了。


Photoshop设计现代感的博客界面

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