博客风格自己做 使用Photoshop设计网页


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

博客风格自己做使用Photoshop设计网页(3)
图15

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

博客风格自己做使用Photoshop设计网页(3)
图16

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

博客风格自己做使用Photoshop设计网页(3)
图17

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

博客风格自己做使用Photoshop设计网页(3)
图18

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

博客风格自己做使用Photoshop设计网页(3)
图19

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

博客风格自己做使用Photoshop设计网页(3)
图20

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

博客风格自己做使用Photoshop设计网页(3)
图21