使用PS生成html网页文件具体步骤介绍

现在工作中我们会经常使用PS,那么小伙伴们知道使用PS如何生成html网页文件吗?下文教程就带来了使用PS生成html网页文件的具体步骤介绍 。

使用PS生成html网页文件具体步骤介绍


打开Photoshop软件,将处理好的图片放入文档工作区,
使用PS生成html网页文件具体步骤介绍


在左边的工具栏中选择切片工具,如图,
使用PS生成html网页文件具体步骤介绍


将图片切成几部分,如图,需要删除时可以用切片选择工具选中那一部分、然后按delete键删除,
使用PS生成html网页文件具体步骤介绍


然后点击菜单栏的文件——导出——存储为web所用格式,将图片保存,
使用PS生成html网页文件具体步骤介绍


【使用PS生成html网页文件具体步骤介绍】在保存属性栏中可以更改图片格式、图像大小(也可以选择默认不修改),选择存储命令,
使用PS生成html网页文件具体步骤介绍


必须选择保存文件格式为“HTML和图像格式”,将所有切片全部导出,
使用PS生成html网页文件具体步骤介绍


导出成功,我们在保存位置会看到一个images文件夹和一个html文件,images里面就是分割的图片,
使用PS生成html网页文件具体步骤介绍


打开html网页,就会看到图片,这张图片是以代码的形式插入的 。
使用PS生成html网页文件具体步骤介绍


看完了上文讲解的使用PS生成html网页文件的具体步骤介绍,你们也赶紧去试试吧!

    推荐阅读