WEB开发网
开发学院图形图像PhotoShop Photoshop制作漂亮的网页导航条 阅读

Photoshop制作漂亮的网页导航条

 2009-08-08 14:34:40 来源:WEB开发网   
核心提示:重复这一步,这里使用的颜色是 #feb70a,Photoshop制作漂亮的网页导航条(2),这里再做一遍,最后一次我在这里用的颜色是 #d200ff. 当然如果你有更多的链接,您可以自己创建他们,但也有很多网站你可以在那里下载一些好看的图片,这里所有的图像来自famfam.com使用,分隔符越多你就简单的添加一些更多的

重复这一步,这里使用的颜色是 #feb70a。

这里再做一遍。最后一次我在这里用的颜色是 #d200ff. 当然如果你有更多的链接,分隔符越多你就简单的添加一些更多的颜色。

下一步是添加一个边框,这里要比我们的头部或导航条更多一些。因此,添加一个新的层,做到以下几点。使用矩形选区工具在头部的底部作出选区。用一个匹配你的背景与配色填补。所以一个深蓝色的被用在这里(# 03346c)。

添加一个新层,拿出铅笔工具()。设置与你一些很配其他颜色的前景色。我们被设置为浅蓝色(# 7dbfff)。然后得出一个像素线条的长方形正如我们创造的上一步一样。

按下Ctrl+J 复制这个图层,然后拖动它到顶部的导航条刚刚在你颜色盒子上。

下面处理文字。创建一个新层选择文字工具。挑选一个漂亮的字体和类型在你的站点标题的左边的空间键入标题。被称为“Century Gothic”(一种字体)用在这里,应该是一个默认字体在windowsXp里。不管用什么你想要的颜色,纯白的使用在这里。

然后添加一个你想要的副标题。当然是在一个新层当中,使这个字体小一些。被称为的字体 ‘Silkscreen’ 使用在这里。再一次,使用纯白色。

然后在一个新层上添加导航链接文字。再一次使用字体 ‘Silkscreen’ 纯白色。

最后的步骤将被添加图像代表链接。您可以自己创建他们,但也有很多网站你可以在那里下载一些好看的图片。这里所有的图像来自famfam.com使用。

同样的方法处理搜索图标、论坛图标等等。

上一页  1 2 

Tags:Photoshop 制作 漂亮

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接