Photoshop 编辑热点区域:
-
打开 Photoshop 并载入需要添加热点区域的图片。
-
选择“Slice Tool”(切片工具),该工具在 Photoshop 工具栏中位于下拉菜单“Crop Tool”旁边。
-
在“Slice Tool”下拉菜单中选择“Slice Select Tool”(切片选择工具)。
-
在图片上使用“Slice Tool”(切片工具)创建热点区域,可以通过矩形、圆形、多边形等方式创建热点区域,并设置链接、提示信息等属性。
-
在“Slice”面板中,可以对热点区域进行进一步设置,包括链接、提示信息、目标窗口、边框等属性。
-
在完成热点区域编辑后,可以通过“File”菜单中的“Save for Web”选项将图片保存为 HTML 文件,并在浏览器中打开进行预览。
-
然后点击菜单栏的文件——导出——存储为web所用格式,将图片保存,
-
在保存属性栏中可以更改图片格式、图像大小(也可以选择默认不修改),选择存储命令,
-
必须选择保存文件格式为“HTML和图像格式”,将所有切片全部导出,
-
导出成功,我们在保存位置会看到一个images文件夹和一个html文件,images里面就是分割的图片,
-
打开html网页,就会看到图片,这张图片是以代码的形式插入的。