效果图如下：
第1步
这一次，我们要创建一个完整的网页设计风格的步骤，使用Photoshop和制作图像的人很多。 由于这是一个中级到高级的教程。我会跳过一些基本的步骤说明。 在RGB 72dpi首先创建一个新文件，800像素*950像素。 显示标尺和参考线拖动四个边界的文件， 这将是最佳的设计领域。 我打算保持一个固定宽度的布局。
图像>“画布大小在，增加了很多的宽度和高度 此外，1200 1000像素PX是好的， 这样，我们将设计更广泛的屏幕分辨率。 再添加更多的指导，你打算加入容器（标题，导航栏，侧边栏，页脚）。
第2步
现在我们要创建一个标题的背景图案， 这是相当简单的。 创建一个新的文件300像素*50像素。参考下面的图片。 然后进入“编辑>定义图案保存为”模式1的形状。“
第3步
接下来在我们的设计文件里建议一个新层，绘制矩形的高度为300像素使用矩形工具。 前往过滤器，并添加图案叠加， 为您的全新模式搜索和应用它。为了使它看起来纠正你必须按一下按钮，捕捉到原点。 更改图层填充为0％， 创建一个新的形状图层上面空白层，合并两者，这种方式，您将有准备的模式给它添加一些效果。 名称层“模式1。“
第4步
选择“模式1”,并运用这一层的层风格:阴影效果,梯度涂层和模式叠加。尽量让类似的底部下面的图像,利用以下的价值观
第5步
再次在我们的设计文件里建议一个新层， 绘制矩形的高度为300像素使用矩形工具。 前往过滤器，并添加图案叠加，乐一模式覆盖，黑色红色黑色渐变叠加， 和软阴影。 作为参考使用下面的图像的值。下一步， 添加一个隐藏所有图层蒙版“， 并绘制一个黑色到白色到黑色反射层上的梯度 口罩，你会得到类似下图的底部。
[page][page]
第6步
命名为“轻，“并应用高斯模糊半径为50像素到它。 我创建了一个额外的指南，画中的光中心 头。 下面的导航栏上的删除一切，改变层的 混合模式为颜色减淡。
第7步
一个颜色叠加，和图案叠加。
在这一点上，你必须考虑你要的方式 切 将HTML图像的CSS; 这就是为什么我使用远程0px大多数阴影 当时，只有水平或垂直梯度。 在这种情况下，纹理有许多水平线。 它需要很容易转换成一个重复的背景本 许多地区。此外，这是一个很好的人来休息一下，在您的组织层 文件夹，让一切组织。
第8步
现在开始的细节， 我想补充一个显眼的地方，在网站的名称， 这就是为什么我会用 漂亮的垃圾标签形象。 显然，你必须提取的标签，并放置在左侧的顶部 角落我们的设计。尝试得到像第一张图片下面的东西。 接下来，使用魔术棒工具选择棕色小圈， 然后命令移一逆选择。 调整的水平和色相/饱和度使用下面的值。
第9步
现在使用橡皮擦工具和一个不规则的刷子， 删除标签的边境部分地区。 要添加 剪纸 实际上， 选择减淡工具，并使用相同的画笔形状应用 道奇到标签的边框。
第10步
我们将阴影添加到我们的标签下。为此， 重复的“标签”层， 改变色相/饱和度>亮度为-100， 并应用半径为10像素的高斯模糊。下一步， 改变“标签副本”混合模式为正片，并设置 不透明度为75％。
第11步
为标签的最后修整， 改变饱和度为-40，使其更加灰色。
[page]
第12步
现在我们将添加一些支持图像， 试图找到图像周围的一个概念， 但由于这是一个关于技术教程， 我选择一个随机的。 此外，添加上的另一侧栏的背景角落， 但是这也带来了它的不透明度低于25％。
[page]
第18步
Let’s add some text. You can add any sample text, imagine that it’s javascript driven text recent posts section, or a featured post section, something like that. I’m using the same grunge display typeface as used for the navigation bar with the color #4D0D0D and Arial with a color of #3F3F3F for the body text.
套用阴影效果的名称和添加相同效果 导航项以及。 当您转换成HTML的CSS文件中的PSD， 你需要这些书籍的转换到图像， 所以它的行，如果你想添加更多的样式给他们。最后， 使用一些导游把它放入一个适当的位置的文字层。
步骤19
我们的特色酒吧是寻找一个小空， 所以让我们添加一个支持图像。在这种情况下，我用宝丽来拍摄。 你可以下载图片，从宝丽 。提取宝丽来， 粘贴到上面一层灰色的背景和它的垃圾 角落里的“内容”的文件夹， 然后改变色相/饱和度，使宝丽多一点 深褐色（选择着色选项）。
使用“标签”层的边缘（步骤9）相同的技术。 擦除和道奇的宝丽来照片的边缘。最后， 添加阴影使用相同的技术，如用10步 本教程。
步骤20
本人有过这样的自己，所以我将它添加到深褐色的设计图片。 加入一个以上的“宝丽来”层新层的任何图像， 选择黑色正方形的宝丽来， 然后命令移一逆选择。 选择图像层，并删除所有额外费用。下一步， 你可以添加更多的垃圾细节， 像一些在图片胶带， 列在下面的图片。 我申请1px的阴影效果，以及添加的磁带。
步骤21
然后应用到了以下影响：内发光， 一图案叠加，一个阴影， 使用如下图所示的值。下一步， 上面绘制的矩形或粘贴到一个新的层标准的RSS 形状，并填充黑色。最后， 改变“的RSS形状”图层的混合模式为叠加。
步骤22
现在放在侧边栏的左上角的RSS图标。 添加一些像文本“RSS源。”画出另一块胶带， 写在它的用户数量。记住， 现在，我们正努力在“侧栏”文件夹。
步骤23
现在是时候增加一个职位，我们的设计。 只要写一些作为标题，日期变更线的另一项随机文本， 分类和作者。此外，由于该职位的一些文字的话。 印刷术是最重要的这一步。 我喜欢用的标题和对身体无衬线serif字体， 但就是我。决定你认为最适合你的设计最好的。
[page]
为了让我们的样品后多一点的态度， 我们要添加就像在塔茨网站预览图像， 但它是一个垃圾设计，我们需要添加一个背景，因为这垃圾 我们的形象。 这是因为，添加填充CSS的顶部和底部简单， 然后设置一个重复的背景图片。
此图片将是 上图中的页脚的背景。
调整饱和度，使之成为多一点灰色。此外， 你可以申请到该纸重复阴影 技术步骤10。添加一些在纸上的文字， 也许一个口号或东西。并添加一些页脚文本， 就像一个快速导航栏，和版权信息。
