1、最终图片预览教程细节：程序：Photoshop CS4难度：中等估计完成时间：60 分钟先来看一下我们将要创建的网站设计。所需要的素材：第 1 步在这个教程中，我们将用到一些商业图片来创建这个有质感的网站布局。首先让我们创建一个 1000 像素X1000像素大小的文档。第 2 步从下载无缝的木头材质。这里是下载地址：。在 Photoshop中打开”texture-small.jpg”图片，然后选择编辑定义图案。给图案命名，点击确定。现在将图片关闭掉。第 3 步选择背景图层，按下 Ctrl+J，这个快捷方式将会复制背景图层。选择新复制的图层，然后选择图层图层样式图案叠加，使用之前你创建的那个图案
2、。第 4 步使用矩形工具创建一些不同颜色的垂直条纹。第 5 步按下 Ctrl 键，在图层调板中点击每一个形状图层，将这些条纹图层都选择上。第 6 步当所有形状都选择上以后，按 Ctrl+E 键（这个快捷方式会将所有的图层合并成一个图层），将图层混合模式更改为颜色渐淡，不透明度值更改为 40%-50%之间。第 7 步现在添加上另外一张图片。再次访问，下载。将这个图片放置在文件的最顶层。选择文件置入命令，选择这张图片。第 8 步确保你选择了这个图层，然后应用一个简单的投影。图层图层样式投影。第 9 步使用矩形选区工具作出如下的选区。第 10 步确保你已经选择上了破损材质的图层，然后按 Ctrl+J
3、 键（此快捷方式将会通过剪切）。选择新图层，将图层旋转180 度（编辑变换旋转 180度）。使用移动工具将新图层放置于所有图层的上方。然后添加上你的 Logo。在这个教程中，我使用的文字是”PSDtuts+”。第 11 步将 Logo的图层混合模式更改为颜色加深。第 12 步使用相同的技术切割一些按钮和页脚。结果如下：第 13 步如果你想创建一个不同颜色的特别的按钮，你需要选择该按钮所在的图层，然后按下 Ctrl+U 调出色相/饱和度对话框，勾选色彩化选择框，然后向左或向右移动滑块来得到你想要的结果。第 14 步在右边，使用矩形工具创建一个白色的形状。第 15 步使用线条工具在白色形状上面创建
4、一些细线条。线条使用的颜色是#d3d1d2。第 16 步在图层面板中选择白色形状图层和线条图层，然后按 Ctrl+E 合并图层。选择橡皮工具，使用小一些的，圆形的画笔删除图层中的一部分使其看上去像是一张真实的纸。第 17 步添加下列图层样式。第 18 步使用水平文字工具添加一些文字。我使用的字体是 Myriad Pro（你可以在windows 7 和 Vista 中找到这种字体）。第 19 步现在在网页中间添加另外一张图片，在图片的右边添加两个箭头。箭头的形状你可以在自定义形状中去找。第 20 步在源文件中，你会找到两张商业图片。当然如果你不是我们的会员，你可以在网上搜索同样的图片。第一张是一片树叶，第二张是一朵红花。在 Photoshop中打开这两张图片，去除背景。两张图片都有大概 4000 像素分辨率的品质，你可以使用魔术橡皮工具或其他你喜欢的方法去除背景。第 21 步将树叶图片放置于白纸的下面，网页的右边。第 22 步将树叶图层复制几次，如图所示将这些树叶以不同的位置摆放。第 23 步最后一步将红花放置在绿叶的上方。最终结果这里是最后的结果。祝你在创建这个有质感的页面布局时愉快！
