PSD的模板文件,怎么用PS转化成网页模板

html-css013

PSD的模板文件,怎么用PS转化成网页模板,第1张

1、在电脑上打开PS软件,在软件的菜单栏中找到文件,点击后选择打开按钮。

2、选中需要处理的PSD文件,点击打开。

3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割,如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件,选择存储为WEB选项。

6、在弹出的对话框中,点击存储按钮。

7、在弹出的存储对话框中,选择文件格式html和图像以及所有切片,点击保存。

8、打开文件存储的路径,可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。

可以的。

方法:将

psd格式

的图片用PS(Photoshop)打开,在工具栏的地方有一个选项直接可以将psd文件形式转换成HTML的格式(注意是保存文件类型位html)

一.想要将psd转为html,首先需要具备几个条件:

重点1就是会用切图工具,如果切图工具都不会用,那么就需要先学习制作图片的工具,例如photoshop,fireworks...等

重点2会用代码编写工具,有编写html,css,js等代码的工具

重点3会页面布局的基本代码,如果不会代码,需要先学习代码,会基本的html代码,css样式代码,如果页面稍微复杂点,还需要会javascript

二.切图以photoshop工具的切片工具切图为例,进行切图的展示(说明:切图的方法有很多,像选择选区然后ctrl+c然后ctrl+n然后ctrl+v,就可以开始保存,此为最简单的切图方法)

1.将所需的PSD文件打开

2.点击打开按钮,选择需要打开的文件

3.文件打开以后,选择工具栏的切片工具,根据需要进行图片的分割,选择切片工具,然后在psd页面上拉动选择位置,就可完成一张图的切片

4.将切图保存

5.选择保存的格式

三.根据psd设计图,进行html代码的书写

示例图:如

总结:按照步骤完成的话,最基本的简单页面,就可以实现出来了。