WEB开发网
开发学院图形图像PhotoShop photoshop制作960网格系统的网页模板 阅读

photoshop制作960网格系统的网页模板

 2009-11-10 00:00:00 来源:WEB开发网   
核心提示: 图片看不清楚?请点击这里查看原图(大图),第二十一步 选择所有缩略图,photoshop制作960网格系统的网页模板(8),然后按Ctrl+E合并图层,然后图层选择混合选项,可以参照下图画线,记住按住shift哦,按照下图设定:图片看不清楚?请点击这里查看原图(大图),图片看不清楚?请点击这里查

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

第二十一步

选择所有缩略图,然后按Ctrl+E合并图层。然后图层选择混合选项,按照下图设定:

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

photoshop制作960网格系统的网页模板

第二十二步

在页面中加入一个带描边样式的广告栏。

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

第二十三步

接下来页脚区域加入一些额外信息,比如友情链接,客户,版权等。

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

第二十四步

最后一步需要在页面的各区域之间加入分割线,让页面看起来更有序一些。创建新图层,选择画笔工具,直径设置为1px,然后把前景色设置为中灰色,可以参照下图画线,记住按住shift哦。

photoshop制作960网格系统的网页模板

  图片看不清楚?请点击这里查看原图(大图)。

上一页  3 4 5 6 7 8 

Tags:photoshop 制作 网格

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