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

　　21、添加一个透明的边框，跟上面做的方法差不多选择描边选项即可。

图22

　　22、继续用外发光来添加一个浅灰色的边，调整扩展值到最大这样我们可以得到一个双边线效果。

图23

　　23、再用内发光工具给侧边栏添加一个白色的边线效果，方法跟上面的一样。调整阻塞选项到最大值，可以让光出现的比较柔和。

图24

　　24、最后在侧边栏上添加一个从白色到灰色的渐变来增加些细节和层次。

图25

　　25、将侧边栏裁开，因为之前计划的是每一个菜单目录都是一个单独的区域。

图26

　　26、博客日志区的设计方法跟前面的很类似，每一日志都需要有一个自己的封闭区域。画一个矩形来模拟这些区域。

图27

　　27、填充上白色，然后右键点击侧边栏将他的图层样式拷贝走然后粘贴到这个日志区域图层上。（偷懒的方法一定不要忘记哦）

图28

　　28、到这一步基本上框架已经搞定了，下面我们在页面上做一些文本测试来看看我们的颜色和大小有没有问题。

图29