用ps怎么设计网页（用ps怎么设计网页背景）

制作网页的Photoshop方法

网页设计的方法有很多，比如直接写代码、可视化软件设计(如DreamWeaver)、用中间软件进行格式转换(如Word生成HTML代码)、网页的PS设计等。我们收集整理了关于Photoshop的网页，供大家参考。

首先用Photoshop创建空白色画布，加载网页图片。

使用切片工具将图片切片(成想要的效果)。

然后打开开始菜单，找到另存为web格式。

然后选择全部，以JPG格式保存全部，并保存图像和HTML页面。

保存的HTML可以在Dreamweaver中打开进行其他编辑，也可以直接在网页中打开。

ps可以做网页吗？

最重要的一点记得保存。这些都是熟能生巧的，多加练习就行。设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计（例如DreamWeaver）法，利用中间软件实现格式转换法（例如Word生成HTML代码），还有就是PS设计网页法。综合各种设计方法的优缺点，可以得出利用PS设计网页通常可以达到意想不到的效果，这不只是取决于他可以随意布局图片，更得意于其专业的图像处理能力。

1、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择 “1024 x 768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

4、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。

5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。

6、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。

7、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

8、找到保存文件的位置，打开”feifei工作室.html”文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。

ps怎么存网页格式？

步骤1、启动安装好的ps软件

步骤2、打开一张图片

步骤3、找到顶部的文件-储存为Web所用格式

步骤4、在弹出的对话框里面设置输出的参数，然后点储存

步骤5、弹出储存对话框

步骤6、在里面设置要保存的位置，文件名，最重要的是将格式修改成HTML和图像格式，然后点击保存

步骤7、然后在弹出的对话框里面点击确定，完成

总结：

1.启动ps软件，打开需要一张图片

2.点击文件-储存为Web所用格式

3.设置输出图片参数，点储存

4.设置储存位置，文件名，将格式修改成HTML和图像格式，然后点击保存

5.点击确定，完成