博客风格自己做 使用Photoshop设计网页 |
使用圆角矩形工具画一个内容区域如上图所示,颜色为浅灰色(#eeeeee),圆角半径为20px 。注意在这种情况下圆角矩形并不要两边顶满,因为下面右侧还要添加一些东西 。
双击圆角矩形图层然后添加8白色描边,宽度为8px,混合模式为叠加然后调整透明度为30%,这样就会有一 一个很酷的透明效果-_-“
再次为这个圆角矩形兄添加一个内发光,白色的5像素即可,这样会让边线产生一个很细小的倾斜效果 。
最后添加一个外发光,黑色的15%透明度的,于是一个淡淡的内容区的阴影就这样出现了 。
新建一层,再画一个圆角矩形宽度一样,但这次要改改圆角半径,10px足矣 。在下面给这个灰色区域添加一点点渐变让他有一种倾斜度 。
复制一个之前的内容区域,然后用橡皮工具从中间将两侧的边线擦出一个渐变来 。(注,这里最好选择一个图层蒙版然后用渐变做,橡皮的透明度不好控制,不知道他是怎么做到的-_-”)
在整个边线上再用铅笔工具画1px的垂线 。这里可以按住shift来保持角度和垂直 。
|