首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PS设计制作Web2.0网页布局的完整专业教程

[ 作者来源:HiZhen.cn 编辑整理:PhotoShop资源网 更新时间: 2010-04-21 录入: 黄叶飞扬 ]

步骤 6

导航条字符设置如下:
字体设置:Arial
字体大小: 20px
字体样式: Regular
反锯齿设置:平滑
颜色:#ffffff

按此在新窗口浏览图片

创建一个圆角矩形作为一个动态链接,固定大小65*35Px,半径5px,(可用任何颜色填充)。  

按此在新窗口浏览图片

根据下图所示:执行描边,渐变叠加.  

按此在新窗口浏览图片

在我们进行下一步之前,首先要确保你的图层条理清晰,下面展示的是我们的图层面版!

按此在新窗口浏览图片

步骤7

现在我们该创建一个特色的设计空间了。我们先在上一个参考线430px之后添加一个水平的参考线作为下边框。  

按此在新窗口浏览图片

创建一个1020*430px的选区作为特色设计空间的背景,用任何颜色填充。  

按此在新窗口浏览图片

然后执行图层样式——渐变叠加,设置参考下图所示:

按此在新窗口浏览图片

现在让我们添加光泽效果!创建一个1020*120px的选区,用任何颜色填充。

按此在新窗口浏览图片

然后添加渐变叠加,可参考下图设置。

按此在新窗口浏览图片

降低图层不透明度到40%

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!