网站PSD模板切图为XHTML+CSS的网页实例
之前教了大家做网站PSD模板,那么,做好后怎样在实际中应用呢??怎样把这样做好了的模板切图为XHTML+CSS的网页呢??现在我们就来看一下设计好的模板切图的实例教程
工作与不同的客户端，可以让你的创意，因为我的工作与他们，我获得了很多的经验和不同的方法，在布局和设计方面的挑战。上周我的一个客户问我来设计，有几个功能，包括葡萄酒设计博客网站，我做了一些研究第一次在这里和那里发送的模拟客户端。总体而言，他们很高兴，这是一个很好的业务。
下面是我们的最终效果
在我们开始之前，有几个我们需要下载的东西;
让我们开始吧！
打开你的Photoshop，并设置宽度为980px和高度1000px的，填写层＃281a10。
拖动下载的木材纹理，我们从本教程的顶部，然后单击图层蒙版。
选择渐变工具（G），并拖动它的方向的箭头，确保木的底部是不可见的
抓住你的选框工具（M），选择的顶部区域，填充＃000000，不透明度23％。
其次是单列选框工具（M）创建一个行头下面的层，我们刚刚创建的，用刷子把它加＃000000“，”不透明度51％。
我们现在在头部是这样的
对于标志我们用字体Lucida Fax 正常字体29pt＃FFFFFF白色字体.
对于的标志文字阴影，设置前景色为＃000000，其余为默认值。
我们还增加了一个描述，字体为格鲁吉亚（ Georgia ）斜体14pt标,
描述阴影，前景色为＃000000的距离和大小为1像素.
现在，我们说这些矢量，只是做了一个棒工具（W）删除白色背景和调整它们的大小，大小合适的标志.
接下来是选择椭圆选框工具（M），画一个圆圈状底部，并用＃000000填充它。转到滤镜>模糊>高斯模糊，将其设置为2.8％
下面是完整的一套我们的标志
我们还增加了导航在右边的文字，漂亮的直线前进，所以我也没有解释它。使用的字体是Arial粗体15PT。
接下来是创建一个新图层（CTRL + N），并选择选框工具（M），填充＃dfdede中
创建一个新层，选择里面的第一层，填充＃FFFFFF。举一个5PX利润率为内层
拖动葡萄酒墙纸内的滑动层，然后右键单击>“选择”创建剪贴蒙版“。
现在中期底部的一部分内容后，抢选框工具（M），并设置填充为13％（在不透明度）
描边，前景颜色为＃FFFFFF，大小为1px的
其次是我只是抓住一些葡萄的图像，并设置它的大小，文字使用20pt的斜体字为标题格鲁吉亚和为内容宋体定期的12磅
后进行的第一个，我们可以把它复制并做其余的页面。建议你组你的层次，这一次，我们创建一组内容后（CTRL + G）。
对于侧边栏，我们会做同样的内容背景。创建一个新的图层（CTRL + SHIFT + N）和选框工具（M），填充＃FFFFFF。现在，通过右键单击内容层的图层样式“>”复制图层样式，然后右键单击>“粘贴图层样式边栏上的层复制
我们增加了一对夫妇的文字和图标，我们的标题使用20pt的格鲁吉亚斜体的鸣叫宋体定期宋体。我们也把我们的Twitter鸟图标iconarchive。
接下来是重复的鸣叫和线路。确保你组在文件夹中，这样你的图层面板是干净的。
对于页脚，创建一个新的图层（CTRL + SHIFT + N），，并抓住选框工具（M）＃1F140C填写。
一样的页眉节中，我们也将在我们的页脚添加一行。选择单列选框工具（M），并用刷子刷来填充它，前景颜色为＃000000
标志文本，我们使用相同的传真20pt的字体龙力＃FFFFFF
对于社会化媒体的图标，我们选择了一些流行的，
我们已经完成了！
工作与不同的客户端，可以让你的创意，因为我的工作与他们，我获得了很多的经验和不同的方法，在布局和设计方面的挑战。上周我的一个客户问我来设计，有几个功能，包括葡萄酒设计博客网站，我做了一些研究第一次在这里和那里发送的模拟客户端。总体而言，他们很高兴，这是一个很好的业务。
下面是我们的最终效果
在我们开始之前，有几个我们需要下载的东西;
让我们开始吧！
打开你的Photoshop，并设置宽度为980px和高度1000px的，填写层＃281a10。
拖动下载的木材纹理，我们从本教程的顶部，然后单击图层蒙版。
选择渐变工具（G），并拖动它的方向的箭头，确保木的底部是不可见的
抓住你的选框工具（M），选择的顶部区域，填充＃000000，不透明度23％。
其次是单列选框工具（M）创建一个行头下面的层，我们刚刚创建的，用刷子把它加＃000000“，”不透明度51％。
我们现在在头部是这样的
对于标志我们用字体Lucida Fax 正常字体29pt＃FFFFFF白色字体.
对于的标志文字阴影，设置前景色为＃000000，其余为默认值。
我们还增加了一个描述，字体为格鲁吉亚（ Georgia ）斜体14pt标,
描述阴影，前景色为＃000000的距离和大小为1像素.
现在，我们说这些矢量，只是做了一个棒工具（W）删除白色背景和调整它们的大小，大小合适的标志.
接下来是选择椭圆选框工具（M），画一个圆圈状底部，并用＃000000填充它。转到滤镜>模糊>高斯模糊，将其设置为2.8％
下面是完整的一套我们的标志
我们还增加了导航在右边的文字，漂亮的直线前进，所以我也没有解释它。使用的字体是Arial粗体15PT。
接下来是创建一个新图层（CTRL + N），并选择选框工具（M），填充＃dfdede中
创建一个新层，选择里面的第一层，填充＃FFFFFF。举一个5PX利润率为内层
拖动葡萄酒墙纸内的滑动层，然后右键单击>“选择”创建剪贴蒙版“。
现在中期底部的一部分内容后，抢选框工具（M），并设置填充为13％（在不透明度）
描边，前景颜色为＃FFFFFF，大小为1px的
其次是我只是抓住一些葡萄的图像，并设置它的大小，文字使用20pt的斜体字为标题格鲁吉亚和为内容宋体定期的12磅
后进行的第一个，我们可以把它复制并做其余的页面。建议你组你的层次，这一次，我们创建一组内容后（CTRL + G）。
对于侧边栏，我们会做同样的内容背景。创建一个新的图层（CTRL + SHIFT + N）和选框工具（M），填充＃FFFFFF。现在，通过右键单击内容层的图层样式“>”复制图层样式，然后右键单击>“粘贴图层样式边栏上的层复制
我们增加了一对夫妇的文字和图标，我们的标题使用20pt的格鲁吉亚斜体的鸣叫宋体定期宋体。我们也把我们的Twitter鸟图标iconarchive。
接下来是重复的鸣叫和线路。确保你组在文件夹中，这样你的图层面板是干净的。
对于页脚，创建一个新的图层（CTRL + SHIFT + N），，并抓住选框工具（M）＃1F140C填写。
一样的页眉节中，我们也将在我们的页脚添加一行。选择单列选框工具（M），并用刷子刷来填充它，前景颜色为＃000000
标志文本，我们使用相同的传真20pt的字体龙力＃FFFFFF
对于社会化媒体的图标，我们选择了一些流行的，
我们已经完成了！
