《教你设计蓝色光滑的网站导航条.doc》由会员分享,可在线阅读,更多相关《教你设计蓝色光滑的网站导航条.doc(12页珍藏版)》请在三一办公上搜索。
1、教你设计蓝色光滑的网站导航条 引导语:前面写的一些教程都是一些特效之类的,这个教程写的是一个具体应用,如果有兴趣可以跟我学哦!效果图:步骤: 第一步当然是把为您创建新的文件,按Ctrl + N 选择你的大小,取决于你自己的喜好,点击确定。大小用在这里是600x147像素。现在想什么颜色要使用作为背景,并挑选出这两个色调使之成为您的背景。 两个人在这里使用的蓝色色调。 我们的前景颜色设置为10365a和背景颜色为2070bf。 然后取出渐变工具,并挑选前景的背景下,线性梯度。现在,只需将您的梯度层,从上到下去。添加一个新层,并认为如果你要放置导航链接。 用矩形选框工具选出一个区,填充白色。更改此
2、层的混合模式,以柔和的光线,降低至25填写现在添加分隔符inbetween链接。 创建一个新层,使用矩形选框工具再次,要在这层上的一个像素选择。 请记住我们的颜色使用的背景?我们将只使用相反的顺序相同。所以,你的前景设置为2070bf和您的背景颜色为10365a这一次。然后使用前景色到背景色,线性梯度再次拖动选择渐变从上到下,这将是你的分隔符改变这层混合模式,柔和的光线,使之更好地融入. 按Ctrl + J来复制这一层。 为此根据导航链接您要放置数量。 .然后,只需进入的位置在一些细节中加入到导航。 创建一个新层,使用矩形选框工具来进行选择.然后,我们将填充颜色这个选择。 第一种颜色用在这60
3、c100现在,我们必须重复此为每个分隔符空间一步。 为了确保您具有完全相同的大小,每次,简单重复这一层,并移动到下一个空间。然后按Ctrl +单击在您的调色板层层窗口前面的小图片。这会令一矩形的选择。然后,只需使用油漆桶工具,以填补另一种颜色了。这时候使用的颜色是f80000重复此步骤,利用这个时间的颜色是feb70a并再次这样做。 上一次在这里用的颜色是d200ff。如果你有更多的联系,从而更seperators,只需添加一些颜色使用矩形选框工具,以在您的头底部的一个选择填补这与您的背景颜色匹配。因此,深蓝色的是这里使用(03346c)。 添加一个新层,取出铅笔工具。设置前景色的东西符合您的
4、其他颜色。我们被设置为一个浅蓝色(7dbfff)。 然后绘制矩形的上方,我们在上一步中创建了一个像素的线重复按Ctrl这层+ J和拖动到上方的导航当时,仅在您的彩色方块. 再对文案创建一个新层,并采取了文字工具。选择一个漂亮的字体和你在左边空地网站的标题类型。甲字型所谓世纪的哥特式是用在这里,应该在Windows XP的默认字体。使用任何您想要的颜色,用白色在这里。然后添加一个潜台词,如果你的愿望。做一个新层,并把这个过程,使大小。甲字型所谓丝印用在这里。同样,在纯白色然后添加一个新层的导航链接。同样,字体丝印用,以纯白色. 最后的步骤将是将图像添加代表的联系。你可以创建它们自己但也有许多网站,你可以下载一些好看的图片。第一张图片是在这里的家庭形象,打开它并粘贴到一个新的一层,然后把它移到位置。搜索图标相同论坛图标和联系人图标,果您有任何额外的或其他的联系,可以搜索一些其他的图标。现在你应该有一个很好的光滑,蓝色导航. 编后语:怎么样,一个蓝色的导航条就这样制作出来啦,图标可以去一些网站上搜,比如素材中国,三联素材网等一些网站上都有很多类似的啦!