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

时间:2019-02-07 16:11:33 作者: dingding

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

 ??打开Photoshop软件,将处理好的图片放入文档工作区, 

 ??在左边的工具栏中选择切片工具,如图, 

如何利用PS生成html网页文件?

 ??将图片切成几部分,如图,需要删除时可以用切片选择工具选中那一部分、然后按delete键删除, 

 ??然后点击菜单栏的文件——导出——存储为web所用格式,将图片保存, 

如何利用PS生成html网页文件?

 ??在保存属性栏中可以更改图片格式、图像大小(也可以选择默认不修改),选择存储命令, 

如何利用PS生成html网页文件?

 ??必须选择保存文件格式为“HTML和图像格式”,将所有切片全部导出, 

如何利用PS生成html网页文件?

 ??导出成功,我们在保存位置会看到一个images文件夹和一个html文件,images里面就是分割的图片, 

如何利用PS生成html网页文件?

 ??打开html网页,就会看到图片,这张图片是以代码的形式插入的。 

如何利用PS生成html网页文件?

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

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文
立即下载

美图秀秀