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

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

图8

 　　8、双击圆角矩形图层然后添加8白色描边，宽度为8px，混合模式为叠加然后调整透明度为30%，这样就会有一个很酷的透明效果。

图9

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

图10

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

图11

　　11、新建一层，再画一个圆角矩形宽度一样，但这次要改改圆角半径，10px足矣。在下面给这个灰色区域添加一点点渐变让他有一种倾斜度。

图12

　　12、复制一个之前的内容区域，然后用橡皮工具从中间将两侧的边线擦出一个渐变来。（注：这里最好选择一个图层蒙版然后用渐变做，橡皮的透明度不好控制。）

图13

　　13、在整个边线上再用铅笔工具画1px的垂线。这里可以按住shift来保持角度和垂直。

图14

　　14、还是要慢慢擦出来渐变（其实这一步可以在擦边线之前做好然后再套上图层蒙版做渐变。）

图15