简介

• 可生成基于鼠标悬停或点击的圆形热点，点击该热点后，出现圆形场景图片，可跳转到该场景。
• 代码公开。
• 提供了ps动作可供批量生成透明png图片。

 

演示

 

使用方法

将circle_hotspots.xml文件复制到plugins文件夹中。

将circular_thumbs文件夹复制到plugins文件夹中。

在主xml中放入下面的代码

 

如何让热点应用插件

热点的style属性值写“hs_circle”，tag属性为圆形热点所显示的文字。

注意热点name是该热点所链接的scene的name，例如要链接到的场景scene为pano2，则热点的name也为pano2。

circular_thumbs文件夹存放了热点的圆形透明图片。图片的名字与热点的name一致，例如热点的name的pano2，即所对应的圆形图片为pano2.png

如果你需要自行定义圆形热点图片的路径，打开circle_hotspots.xml，找到17行

修改其中路径的部分。

 

下载

插件

链接：https://pan.baidu.com/s/1b4jYfQ5kwY9eLywUOA0z-g
提取码：307r

 

如何应用ps动作批量创建透明圆形png热点图片

使用ps动作模版为每个热点生成160宽的png图片。

安装动作：

1 . 打开Photoshop, 点击动作面板
2 . 选择 “载入动作”
3 . 选择 .atn 文件。
4 . 重启Photoshop。

动作安装好后，可按照以下步骤进行：

1) 选择缩略图
2) 复制粘贴到某个图层上
3) 执行动作

可使用批处理方式。