1、在电脑上打开PS软件,在软件的菜单栏中找到文件,点击后选择打开按钮。
2、选中需要处理的PSD文件,点击打开。
3、在软件的导航栏中选择切片工具。
4、用切片工具在图片上进行所需要的分割,如本例中分为上下两块。
5、在软件左侧的菜单栏中点击文件,选择存储为WEB选项。
6、在弹出的对话框中,点击存储按钮。
7、在弹出的存储对话框中,选择文件格式html和图像以及所有切片,点击保存。
8、打开文件存储的路径,可以看到生成了一个images文件夹和有网页图标的文件。
9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。
Step1
要将平面转成网页时,有二点要留意:
1.颜色模式:RBG
2.解析度:72dpi
Step2
下面图为例,由於此范例为一张EDM,右上角的位置制作了一块Gif动态影像。
Step3
选取工具箱 / 切片工具,先将我要购买的区块框出来,如下图。
Step4
选择 功能表 / 档案/ 储存为网与装置,接著先对著我要购买点一下,并将格式设为Gif,之后依序将其它区块选取起来,再统一选为JPG格式,如图下。
Step5
按下 储存后,先选择储存路径,并将存档类型选为HTML与影像,以及切片为全部切片,完成后到刚所指定的储存目录下,分别会看到images资料夹与edm.html。
Step6
双击edm.html,随即便会开启浏览器,就能显示网页版了
楼主你好!
psd模板文件转化为html的方法:先将psd文件保存成jpg格式,然后用ps打开,用切片工具,切成楼主你想要的样子,然后点击->文件->存储为web所用格式->存储(格式选择图像跟html文件)即可!
推荐楼主一个不错的网站:http://www.mianfeimuban.com