WEB开发网
开发学院图形图像PhotoShop Photoshop制作具有现代感的博客网站模板 阅读

Photoshop制作具有现代感的博客网站模板

 2009-03-09 19:30:47 来源:WEB开发网   
核心提示: 在一个网页设计中设计合理的用户显示器范围是网页布局一个重要的步骤,除非另有要求,Photoshop制作具有现代感的博客网站模板(3),我一般都是将分辨率调整到1024×768,因此我在文档的中部将参考线设置为960px宽,最后添加一个外发光,黑色的15%透明度的,两边空白处各有

在一个网页设计中设计合理的用户显示器范围是网页布局一个重要的步骤。除非另有要求,我一般都是将分辨率调整到1024×768,因此我在文档的中部将参考线设置为960px宽,两边空白处各有20px宽,这是为了以防一些元素超出之前设置的屏幕分辨率。

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

上一页  1 2 3 4 5 6 7  下一页

Tags:Photoshop 制作 具有

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接