PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等今天和我一起来学习如何用PS来设计简单的网页这篇文章吧1；psfireworks都可以用来做效果图的，用这些工具做效果图的时候只要注意一下栏目的排版以及用色的协调性，ps做网页效果图常用的效果不多，所要只要掌握几种常用的工具用法就可以了选取剪切填色渐变蒙版切图等。

因此，下面我们就来教一教大家怎么ps绘制网站首页按钮的图形出来如果你正打算自学ps或者已经在学习的路上，那么就推荐你学习的ps自学视频课，专业讲师教学，从最基础的软件功能到案例实操，不怕学不会~PS制作一个网站首页；1在Photoshop里面打开一张要设计网站的图片 2选择切片工具剪切网页的头部 3用切片工具剪切网页的导航栏 4用切片工具剪切网页的海报区 5用切片工具剪切网页的正文部分，这样切片部分就做好了 二网页的保存 1。

ps网页设计制作过程

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气二使用矩形工具制作黑色背景导航条1选择“矩形工具”，设置填充色为“#333。

一般显示器分辨率 宽1024 高 768 宽减去滚动条的宽度， 一般为10031004 不会有横拉条 高度 根据页而定 网页设计需要的PS操作技术并不是很多，只要掌握基础就行了但是你想要做好一个稿子就不是那么简单了这当中有。

用ps做网页设计图

8对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示9选择“切片”工具，然后对内容进行切分切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将。