首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

PhotoShop设计制作网页头部导航条的教程

[ 作者来源:小林设计 编辑整理:PhotoShop资源网 更新时间: 2011-05-24 录入: 黄叶飞扬 ]

5, 下面制作鼠标经过导航文字的变化部分。简单的操作方式是,直接把刚建方的矩形复制图层。再CTRL+T自由变换。将其缩小宽度,并对渐变图层样式进行一些小小的改动。如图效果所示

按此在新窗口浏览图片

6, 在小矩形的两边。分别建方两条垂直线。线为灰色。一个导航点击已制作完成。下面开始复制这个导航点击状态时的效果。为了使导航与背景之间不要太过于融合。我在导航下面再建立一层,并使用一种颜色对比强列的渐变效果。如图所示

按此在新窗口浏览图片

7, 简单的制作一个logo.输入文字"shop",并对其添加图层样式,如图设置

按此在新窗口浏览图片

8, 单独新建一个文件,文件大小为3px × 3px;背景为透明。在这个3px × 3px文件中,画上三个1px × 1px的黑色矩形,如图所示;然后,CTRL+A,全选,在编辑菜单中选择定义图案。再回到之前的文件中,按CTRL键,点击"shop"文字层,调出文字选区,再选择编辑菜单中的填充图案。(要选择刚才定义的图案。)

按此在新窗口浏览图片

9, 为了使整个页面更加的有质感。我们选择背景层,使用滤镜>杂色>添加染色 如图所示,完成头部的设计



≡★ 免 责 声 明 ★≡

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

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

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

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