欢迎来到天天文库
浏览记录
ID:9661773
大小:51.00 KB
页数:3页
时间:2018-05-05
《photoshop制作960网格系统的网页模板》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、photoshop制作960网格系统的网页模板 在photoshop中学习制作基于960网格系统的网页模板,你将会学到图层效果和定位元素相关知识。 最终效果预览 图片看不清楚?请点击这里查看原图(大图)。 第一步 一般在Photoshop中制作网页模板的时候,我使用960网格系统。现而今这个网格系统在a无衬线字体创建菜单项。只需要输入一些大写的同色的字体。一般我喜欢把大写字体的字间距调大一点。选择字体,勾选窗口>字符,然后在字符面板中调整字间距。每个菜单项都在不同的图层中调整。123下一页[感谢阅读这篇文章,..,] 图片看不清楚?请点击这里查看原图(大图)。 第
2、十步 把所有的菜单项加入一个图层组,复制一个副本,然后把色彩调为灰色,这样就有两个菜单组了,一个是蓝色的,一个是灰色的。这样做是为了在网页中产生一个鼠标悬停变色效果。每次同时只让一个菜单项可见,效果如图: 图片看不清楚?请点击这里查看原图(大图)。 第十一步 如果站点需要RSS订阅功能,那么可以加入一个自定义的RSS订阅图标。首先创建一个蓝色矩形框,然后用Rock1,组中是第一条新闻项的所有元素。 图片看不清楚?请点击这里查看原图(大图)。 第十七项 然后加入新闻内容字体,右上角加入一个日期,这些都是Item1图层组的元素。上一页123下一页[感谢阅读这篇文章,..,]
3、 图片看不清楚?请点击这里查看原图(大图)。 第十八步 使用淡灰色画上一个矩形框作为新闻项的背景样式。 图片看不清楚?请点击这里查看原图(大图)。 第十九步 复制2个图层组item1,把中间那个图层组的灰色背景去掉。 图片看不清楚?请点击这里查看原图(大图)。 第二十步 我认为可以利用边框来放一个flickr组。首先放置一个类似于新闻样式的标题。然后加入尺寸为7575的图片。可以到上面提及的站点上下载缩略图,然后按照下面的样式排版。 图片看不清楚?请点击这里查看原图(大图)。 第二十一步 选择所有缩略图,然后按Ctrl+E合并图层。然后图层选择混合选项
4、,按照下图设定: 图片看不清楚?请点击这里查看原图(大图)。 图片看不清楚?请点击这里查看原图(大图)。 第二十二步 在页面中加入一个带描边样式的广告栏。 图片看不清楚?请点击这里查看原图(大图)。 第二十三步 接下来页脚区域加入一些额外信息,比如友情链接,客户,版权等。 图片看不清楚?请点击这里查看原图(大图)。 图片看不清楚?请点击这里查看原图(大图)。 第二十四步 最后一步需要在页面的各区域之间加入分割线,让页面看起来更有序一些。创建新图层,选择画笔工具,直径设置为1px,然后把前景色设置为中灰色,可以参照下图画线,记住按住shift哦。
5、 图片看不清楚?请点击这里查看原图(大图)。上一页123[感谢阅读这篇文章,..,]
此文档下载收益归作者所有