当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作网页导航条

Photoshop制作网页导航条

本实例ps教程 转载于www.sigtutorials.com 。ps真功夫原创翻译 转载请注明出处并标明链接多谢。ps教程简介:我们将学习制作一个光滑的ps网页导航条。
photoshop教程最终效果图
photoshop教程最终效果图


第一步当然是您创建一个新的文件。转到文件 >新建或者干脆按Ctrl +N.根据你自己的喜好选择你的大小,点击ok确定。
这里我们使用的大小为 600×147 pixels。

photoshop教程步骤001

现在考虑您想要使用的背景和挑选出的两种颜色使用在您的背景中。两种蓝色被用在这里。我们的前景颜色设置为# 10365a和背景颜色为# 2070bf 。
然后选择渐变工具和挑选前景色和背景色、线性渐变。

photoshop教程渐变设置

现在简单的在图层上从上到下拖动渐变。

photoshop教程步骤

在你要放置导航链接的地方增加一个新层。
使用一个矩形选框工具 ( ) 并选择白色填充。

photoshop教程步骤2

将这个图层的混合模式改为柔光,并将填充降低至25 % 。

photoshop教程步骤演示3

web2.0风格导航条制作
Photoshop制作苹果导航栏效果教程