Photoshop 编辑热点区域

4 min read

Photoshop 编辑热点区域:

  1. 打开 Photoshop 并载入需要添加热点区域的图片。

  2. 选择“Slice Tool”(切片工具),该工具在 Photoshop 工具栏中位于下拉菜单“Crop Tool”旁边。

  3. 在“Slice Tool”下拉菜单中选择“Slice Select Tool”(切片选择工具)。

  4. 在图片上使用“Slice Tool”(切片工具)创建热点区域,可以通过矩形、圆形、多边形等方式创建热点区域,并设置链接、提示信息等属性。

  5. 在“Slice”面板中,可以对热点区域进行进一步设置,包括链接、提示信息、目标窗口、边框等属性。

  6. 在完成热点区域编辑后,可以通过“File”菜单中的“Save for Web”选项将图片保存为 HTML 文件,并在浏览器中打开进行预览。

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

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

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

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

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