ps网页设计教程 PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等今天一起来学习如何用PS来设计简单的网页这篇文章吧 如何用PS。

1我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色2在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素3下面我们建立首屏线，在视图中找到新建参考。

首先，我们需要先确定一个网站的类型和类型如果是企业网站，我们就需要将网站的内容编写成标题副标题和正文，然后根据内容的主题来设计网站的页面，同时也要注意网站中的字体的统一性如果是商城网站，我们应该使用衬线体。

设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计例如DreamWeaver法，利用中间软件实现格式转换法例如Word生成HTML代码，还有就是PS设计网页法我们为大家收集整理了关于Photoshop制作网页，以方便大家参考。

第1步和液体感的页首和页脚一样，渐变通常是web20设计风格的标志在这个教程中我们将使用到一组模拟3D材质的渐变文件包你可以从excellent Deziner Folio得到这个文件包点击这里下载渐变文件包第2步在Photoshop中创建。

photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎。

幸好，去年本人还是下载保存了几个教程，本教程就是其中之一也希望能看到更多的PS网页设计教程的网站，以及更多优秀的设计 约定1本文的软件是Photoshop CS5版本2原教程的截图是英文的，本人在重新制作的基础上，重新截了中文版的。