Photoshop把PSD网站模板切图为XHTML+CSS的网页（2）
来源：asp之家 发布时间：2010-04-05 21:46:00
标签：切图,photoshop,PSD,模板,xhtml,css
接下来导出的是主体内容区，画出另一个大的选区，其重要包括整个中部面板——当然别忘记那些带有效果的地方比如阴影，半透明的边框等，都要一一包含在内。注意还要考虑到头部复杂的透明度的导航区域，所以选取应该直接延伸到顶部。
一般来讲允许网页垂直重复的话，只要选择中部区域一小列内容导出就可以，我们后面可以让他垂直重复来达到设计稿上面的效果而不增加文件体积。
下面来完成页脚部分，选择同样的宽度，然后高度要包含灰色渐变的图形。
为了导出侧边栏，主体区域现在暂时的使用垂直拉伸。
0
投稿猜你喜欢
本教程介绍简单的纹理背景制作方法。制作的时候背景部分不需要素材，可以利用滤镜效果制作一些简单的纹理效果，再适当的调整下颜色即可。原图最终效果- 作者：Dainis Graveris 翻译：高小白英文原文：http://www.1stwebdesigner.com/tutor
- 本文介绍如何在Illustrator中精确控制线条的宽度和质量。 轮廓调板属性在AI中绘制线条的钢笔工具下有四个工具，如Fig1。你可以使用
- 本教程效果有点怀旧的味道。图片色调以淡淡的灰色为主。画面看上去就干净很多。同时用黑色作为暗角，人物部分就显得非常突出。整体视觉效果非常不错。
- 最终效果： 先新建500乘500像数300的新建图层，打上你喜欢的大点的而且是肉呼呼的字体。将来做出来的字玉质比较有丰满 新建一
- 如何使用ps给普通照片突出人物虚化背景？给大家介绍如何使用ps给普通照片突出人物虚化背景，一起来看看吧。1.将照片素材拖进ps中，复制背景图
- 本教程介绍类似插画风格非主流效果，思路：重点在调色和制作纹理两部分，本教程中纹理主要体现在图片中有雨点和类似手绘画的暗光纹理。很多方法都可以
- 本教程简单介绍洋红色调色方法。调色的时候可以根据照片的色彩构成，分别对局部调色，然后再整体修饰细节即可。色彩也可以调成自己喜好的色彩。原图最
- 本教程的效果制作起来比较简单。基本上都是一些素材的溶图。不过看似简单的效果还是需要注意好细节的处理及颜色的调整。最终效果1、新建一个文件，如
- 我翻译好了，奉献上来，顺便我也保留一个我在自己博客上的原文链接：http://www.rainoina.com/raino/archive/
- 本教程介绍一些夸张人物表情制作方法。制作的时候需要重点突出人物的眼睛及嘴巴，当然其它部位也可以，然后把需要突出的部位复制出来进行强行放大，然
- 本教程是借助数位板来鼠绘。鼠绘的方法跟平常的一样，从线稿开始，然后慢慢上色，再处理细节。虽然思路比较简单，不过鼠绘的过程是非常复杂和精细的。
- 这篇教程原本是网上的PS教程，我尝试用FW实现了这种效果的制作，下面是操作步骤：1、先绘制一个矩形并以线性渐变填充。2、加入曲线滤镜并做调整
- 本教程主要是告诉大家如何在Photoshop里面设计一个有活力并具有现代感的博客界面。我们会从零开始告诉大家如何从一个空白的画布来一步步的制
- 刚开始我们会抛开电脑，用一些家居用品来创造一些摄影资源。接着用这个PS教程的各种工具和技术来操纵图像，去创建一个充满活力的设计——强烈的光流
- 此文由Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe
- 中性色的照片比较有艺术感，最好是中性色再多点其它的颜色，效果更加不过。调色的方法也教程简单，先用调色工具把色调调淡，然后再适当配上一点其它颜
- 先看一下最终效果：首先，热身以下，我教大家DIY一款毛发笔刷。2.在图上胡乱点一些点，选滤镜->模糊->高斯模糊（0.4）4.选
- 原图素材看上去有点偏色，人物整体感觉有点脏。可能是背景太白，人物质感肤色显示不出来。为了突出肤色，可以给照片加上淡淡的背景，然后把肤色调成跟
- 本教程作者调出的色调非常有层次感，用较暗的背景衬托出鲜丽的人物。再配上一些装饰翅膀及星星笔刷，效果显得非常梦幻。原图最终效果1、打开素材图片
