Photoshop设计粗糙质感效果的网页

Photoshop是网页设计往往是正确的工具， 特别是如果你正在创建一个设计和大量使用图像 画笔效果。在本教程中， 我会告诉你如何建立一个完整的具有质感的主页设计。我们将设计的头部，侧栏，正文，页脚， 一切工作联系在一起，制造出一个粗糙质感的网页设计。

最终效果图

第1步

这一次，我们要创建一个完整的网页设计风格的步骤，使用Photoshop和制作图像的人很多。 由于这是一个中级到高级的教程。我会跳过一些基本的步骤说明。 在RGB 72dpi首先创建一个新文件，800像素*950像素。 显示标尺和参考线拖动四个边界的文件， 这将是最佳的设计领域。 我打算保持一个固定宽度的布局。

图像>“画布大小在，增加了很多的宽度和高度 此外，1200 1000像素PX是好的， 这样，我们将设计更广泛的屏幕分辨率。 再添加更多的指导，你打算加入容器(标题，导航栏，侧边栏，页脚)。

第2步

现在我们要创建一个标题的背景图案， 这是相当简单的。 创建一个新的文件300像素*50像素。参考下面的图片。 然后进入“编辑>定义图案保存为”模式1的形状。“

第3步

接下来在我们的设计文件里建议一个新层，绘制矩形的高度为300像素使用矩形工具。 前往过滤器，并添加图案叠加， 为您的全新模式搜索和应用它。为了使它看起来纠正你必须按一下按钮，捕捉到原点。 更改图层填充为0%， 创建一个新的形状图层上面空白层，合并两者，这种方式，您将有准备的模式给它添加一些效果。 名称层“模式1。“

第4步

选择“模式1”,并运用这一层的层风格:阴影效果,梯度涂层和模式叠加。尽量让类似的底部下面的图像,利用以下的价值观。