PS设计教程网欢迎你!

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

文章来源于 飞鱼的声纳,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2010-01-20
步骤9 复制分割线(Ctrl+J),然后将它向下移动30个像素(按下Ctrl + Shift + Down Arrow三次),按下Ctrl + Arrow键使得图层向箭头方向移动一个像素,加上Shift键一次可以移动10个像素,重复此过程直到你觉得满意为止

步骤9

复制分割线(Ctrl+J),然后将它向下移动30个像素(按下Ctrl + Shift + Down Arrow三次),按下Ctrl + Arrow键使得图层向箭头方向移动一个像素,加上Shift键一次可以移动10个像素,重复此过程直到你觉得满意为止。

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

步骤10

现在加上一些文字链接。

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

需要注意的是行间距的设置,行高设置为30像素刚好和分割线之间的距离是一样的。

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

步骤11

我们需要一个当鼠标碰触这些链接时的效果,否则这些链接将会显得很枯燥。在一个新的图层上选取一个大小和链接区域大小相同的方框,用#ffffff(白色)填充(Edit > Fill)此区域。

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

设置混合模式为柔光,透明度为20%,或者设置为你喜欢的样式。

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

相关教程:Photoshop设计黑色和橙色搭配的网页导航
原文链接:Clean blue navigation box

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=440580

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