ps制作网页导航条(ps设计网站界面)-东辰网

ps制作网页导航条(ps设计网站界面)

本文主要介绍ps制作网页导航栏(ps设计网站)，下面跟着东辰网详细了解一下吧。

今天这个教程就是教大家如何用PHOTOSHOP制作一个像网页设计师墙一样的水彩导航栏(菜单)。首先我会教家里人在PHOTOSHOP中制作导航需要的图片文件，然后在教程的第二部分，我会教大家如何用CSS制作这个导航栏。好了，事不宜迟，让我们让我们开始吧:

1.笔记本纸质图片

首先我们需要找一份那种打孔笔记本纸的图片资料。Eddie推荐了一个找到这类素材的网站是stock.xchng，当然deviantart也是不错的选择。在这个教程里，你可以先用我给你的这张图。

2.水彩效果

首先，在photoshop中打开我们的材质图片，按住Ctrl并单击纸张图层加载选区，然后新建一个组，单击图层面板下面的小按钮，创建图层蒙版。这使得颜色只出现在蒙版区域，当我们以后使用笔刷的时候。

创建一个新层，选择一个非常浅的粉红色(或其他你喜欢的浅)，选择画笔工具)，并调整画笔大小为100像素和不透明度为10%的上面板。然后在纸的上面随意画一些粉色。！

重复此步骤，直到效果相似。

添加一些细节

找一些咖啡渍的素材图片，放在纸层上。在图层面板中，设置混合模式为全栈和。

接下来，我们还可以用一些现成的笔刷来添加一些污渍和水痕。合适的画笔可以从泼溅和水彩上下载。

接下来添加一些素描素材，丰富细节。你可以从我提供的网站上找到材料，或者直接从vectorillustration下载。

在纸的右上角做一个三角形选区，然后选择灰色，选择渐变工具在选区画一个渐变。这使得右上角的纸看起来是折叠的。

5.一个浸泡在水中的RSS图标

首先，让我们让我们找一个RSS图标。选择橡皮擦工具，然后选择一个你用过的笔刷，不透明度调整为10%，在图标边缘轻轻摩擦。然后你也可以选择灰色，给图标加一些灰色，让RSS感觉有点脏。

6.铅笔样式的边框

铅笔样式的边框可以在AdobeIllustrator中轻松绘制。先画一个图形或路径，然后打开画笔面板。选择炭刷，调整大小为0.25磅

结束

这是最后的结果。你的呢？

如果你想花更多的时间在细节上还可以加一些纸片，透明胶带，小贴纸之类的。

我看到这个效果很好，所以也翻译成中文送给有需要的朋友。如有错义，请见谅。

虽然要达到和原作者一样的效果没那么简单(此处大师)，但相信在本教程中还是有不少值得学习的地方。希望大家都能从中受益。