当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作Windows 7风格导航

Photoshop
photoshop 帅哥转手绘教程
Photoshop 漂亮的蛋黄字效果
Photoshop 快速调整人物照片暗调青色调
Photoshop 金碧辉煌的大礼堂 调色教程
Photoshop 计算选区打造中性色调性感美女
Photoshop 金属铜色调美女裸体
Photoshop 折叠的个性签名效果
Photoshop 打造高清的阳光吉他手
Photoshop 透明的玻璃桌子图标
Photoshop 流水图片加上奇幻流动的迷雾
Photoshop 逼真的绿色沙发
Photoshop 加强人物脸部的彩妆及质感
Photoshop 简单的光影叠加字
Photoshop 一盏华贵的玻璃壁灯
Photoshop 调出外景照片鲜艳的绿色调
Photoshop打造经典仿欧式电影海报
Photoshop制作漂亮的布艺花卉效果
Photoshop制作唯美炫丽星空字
浪漫情怀 PS制作特效“花儿”文字
Photoshop制作网站首页(4):制作导航菜单

Photoshop制作Windows 7风格导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-02   浏览: 483 ::
收藏到网摘: n/a

做了一个Windows 7风格的导航菜单。下面是简单的制作步骤。

 

制作背景

(1)新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,

选择径向渐变工具。从中间拖动得到下面效果:

(2)添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。

 

选中并在图层上拖动得到如下效果:

前景色设为白色(#ffffff),选择钢笔工具,右击路径--填充路径。得到下图:

右击路径--删除路径。选择“滤镜”-模糊-高斯模糊-5个像素。单击确定。图层混合模式改为“柔光”。不透明度为30%。

添加Windows 7字样及logo。

制作导航背景

(1)新建一图层命名为“nav”。拖出一个黑色矩形框。高度根据自己需要。

填充改为:10%。新建一图层,制作边线。画两根1px线,上边一根黑色,透明度50%,下面一根白色。

复制顶线,移动至底部:

制作导航按钮

(1)新建图层,做出如下选区,注意上下边缘:

填充黑色,不透明设为“0”,描边:

(2)复制上面的图层,清除图层样式,添加如下样式:

渐变叠加,颜色由白色 到透明。描边:

得到如下:

制作右下角高光边框:

添加图层蒙版,前景黑色背景白色。拖动得到如下效果:

最终:

原文地址:http://www.woaicss.com/article/photoshop/ps10.htm