当前位置: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面(3)

如何用Photoshop设计一个具有现代感的博客界面(3)

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

用Photoshop设计现代感的博客界面

 

双击圆角矩形图层然后添加8白色描边,宽度为8px,混合模式为叠加然后调整透明度为30%,这样就会有一
一个很酷的透明效果-_-”
用Photoshop设计现代感的博客界面


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


Photoshop设计现代感的博客界面


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


Photoshop设计现代感的博客界面

  • 共9页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 下一页
  • 上一篇:教你做一个简单但好看的网页(第二集)
    下一篇:从零开始教您设计一个华丽高档的网页

    图集推荐

    • 灵感
    • 美图