当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:制作白色的网页导航

Photoshop
Photoshop打造带炫彩光线的扣篮动作
PS教程:彩色图形制作个性的画面
PS照片合成教程:魅彩风华美女图片
PS图片调色:制作中性灰色彩下的黑白照片
Photoshop基础工具绘制质感五角星
Photoshop用素材合成真实的火焰字
网页设计师需要掌握的10个Photoshop技巧
Photoshop调整整体感觉失真偏色照片
Photoshop打造漂亮美女糖水肤色技巧大全
Photoshop教程:美女照片转仿手绘细致教程
Photoshop绘制水晶风格的憨厚的企鹅
PS抠图教程:反相操作颜色范围抠图实例
Photoshop鼠绘:卡通文字动画
PS图片调色教程:苍白皮肤的冷酷美女
Photoshop影楼照片处理教程:修饰照片步骤
PS教程:美女风景照片调色处理
PS照片处理教程:漂亮的蓝色小精灵
Photoshop教程:绘制光源真实感强的3D图标
PS合成教程:血迹斑斑的吸血鬼房屋
Photoshop教程:绘制漂亮的光点背景

Photoshop教程:制作白色的网页导航


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

本教程为网页美工教程,主要用Photoshop来制作白色的导航效果,这个效果比较类似于苹果风格下的网页效果。

开始之前,这里强调下,教程是死的,人是活的,不一定要追求教程的效果,可以根据自己的喜欢作出自己的理想效果。

先看效果:

Photoshop教程:制作白色的网页导航_软晨学习网

教程开始:

1:新建一个600*420,名字为“清洁的白色导航”。

Photoshop教程:制作白色的网页导航_软晨学习网

2:设置前景色为“#2e2e2e”背景色为“#1c1c1c”,拉一个径向渐变,如图

Photoshop教程:制作白色的网页导航_软晨学习网

3:新建一层并命名为"白色白条",画个矩形的选区用前景色为“#fafafa”背景色为“#c4c4c4”做个对称渐变,如图。

Photoshop教程:制作白色的网页导航_软晨学习网

4:给"白色白条"这层加图层模式,先来外发光,参数如图:

Photoshop教程:制作白色的网页导航_软晨学习网

5:在来一个渐变叠加,注意渐变条的设置:

Photoshop教程:制作白色的网页导航_软晨学习网

6:在看渐变叠加的参数:

Photoshop教程:制作白色的网页导航_软晨学习网

7:描边,参数如图:

Photoshop教程:制作白色的网页导航_软晨学习网

8:描边后的效果如图:

Photoshop教程:制作白色的网页导航_软晨学习网

9:加入文字,这里文字可以根据自己的爱好来设置,我这里是这样设置的:

Photoshop教程:制作白色的网页导航_软晨学习网

开始之前,这里强调下,教程是死的,人是活的,不一定要追求教程的效果,可以根据自己的喜欢作出自己的理想效果。

先看效果:

Photoshop教程:制作白色的网页导航_软晨学习网

教程开始:

1:新建一个600*420,名字为“清洁的白色导航”。

Photoshop教程:制作白色的网页导航_软晨学习网

2:设置前景色为“#2e2e2e”背景色为“#1c1c1c”,拉一个径向渐变,如图

Photoshop教程:制作白色的网页导航_软晨学习网

3:新建一层并命名为"白色白条",画个矩形的选区用前景色为“#fafafa”背景色为“#c4c4c4”做个对称渐变,如图。

Photoshop教程:制作白色的网页导航_软晨学习网

4:给"白色白条"这层加图层模式,先来外发光,参数如图:

Photoshop教程:制作白色的网页导航_软晨学习网

5:在来一个渐变叠加,注意渐变条的设置:

Photoshop教程:制作白色的网页导航_软晨学习网

6:在看渐变叠加的参数:

Photoshop教程:制作白色的网页导航_软晨学习网

7:描边,参数如图:

Photoshop教程:制作白色的网页导航_软晨学习网

8:描边后的效果如图:

Photoshop教程:制作白色的网页导航_软晨学习网

9:加入文字,这里文字可以根据自己的爱好来设置,我这里是这样设置的:

Photoshop教程:制作白色的网页导航_软晨学习网