正在阅读：Photoshop实例教程:设计博客界面Photoshop实例教程:设计博客界面

　　15、这样一个巨大的灰色内容区就这么的呈现在眼前了，并且下部还有些渐变哦。回顾下来看看，顶端的圆角要比下面的大，边线是在中部渐变透明的。

图16

　　16、将一个纸张的材质盖住内容区头部的一部分。可以用色相/饱和度（ctrl+U）将其调整为蓝绿色。

图17

　　17、按住CTRl然后点右边图层中内容区的缩略图，可以创建一个选框，然后反选（CTRL+ALT+I）然后删除多于的部分（注：这里更推荐另一种方法，首先确定纸张层与内容层相邻并且纸张层在内容层上面，然后在纸张层上右键，创建图层蒙版，就可以出现类似的效果，后面调整起来比较方便），然后还是擦出一条渐变来。

图18

　　18、用铅笔工具在头部的下面画一条1px的横线。

图19

　　19、选择内容图层然后用上面的方法建立一个选取，按住ALT键来缩小选区然后新建一个图层在这个选区内填充上白色并且改变透明度为90%这样然后略微做一下渐变，这样就在头部添加了一点高光。

图20

　　20、继续用矩形选框工具在内容区域上面画一个侧边栏。依旧填充灰色背景（#eeeeee）

图21