王尘宇

如何用PS切图和输出网页

PS�

PS切图的流程（网页制作）

我们在制作网页的时候常常需要上传图片，如果图片比较大此时我们就需要对图片进行切片处理，下面我们就来看看使用ps是如何进行切图的吧。

ps是怎样切网页的??

800*600我一般宽会设成780px，1024*768 宽度会设成 1000px，高度当然要看内容多少来定。布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。

接下来就是切图了，切图是个很麻烦但又很关键的步骤。

切图前必须考虑好图片大小（大图为了浏览时能顺利打开最好切割成N小快），是否为背景图（有的图很大，但实际上都是小图片的平铺效果，所以遇到这种图只取小图，在网页中设为背景就可以了）。除此之外还要考虑是否可以用图片以外的元素代替，比如有的纯色块完全没必要用图片，只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrl+alt+shift+s保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了。

但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字、flash、声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。哇塞 想想都麻烦归根结底photoshop 是用来构图设计的，而Dreamweaver是为了完成并完善图片到网页的转换过程。以上虽然也是我从网上找来的，不过跟我用的方法差不多。

如果你有这个基础，应该能看懂的。