PS设计教程网欢迎你!

Photoshop制作一个简洁的蓝色导航框(2)

文章来源于 飞鱼的声纳,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2010-01-20
步骤5 现在我们要给方框加上gradient overlay,选择Layer Layer Style Gradient Overlay,然后使用如下设置。 现在你的导航框看起来应该很漂亮: 步骤6 给方框加上标题 在字体上我使用如下设置: 步骤7 现在我们要

步骤5

现在我们要给方框加上gradient overlay,选择Layer > Layer Style > Gradient Overlay,然后使用如下设置。

Photoshop制作一个简洁的蓝色导航框

现在你的导航框看起来应该很漂亮:

Photoshop制作一个简洁的蓝色导航框

步骤6

给方框加上标题

Photoshop制作一个简洁的蓝色导航框

在字体上我使用如下设置:

Photoshop制作一个简洁的蓝色导航框

步骤7

现在我们要给标题和接下来创建的链接之间加上分割线。利用矩形选框工具在标题下做出一个宽260像素,高1像素的线,并将其填充为#ffffff(白色)。

Photoshop制作一个简洁的蓝色导航框

步骤8

将此分割线的混合模式设置为叠加,将透明度设置为20%。

Photoshop制作一个简洁的蓝色导航框

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa