圆形热点插件

简介

  • 可生成基于鼠标悬停或点击的圆形热点,点击该热点后,出现圆形场景图片,可跳转到该场景。
  • 代码公开。
  • 提供了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/1qXPN77A 密码:4ewp

ps动作

链接:https://pan.baidu.com/s/1i4BiICP 密码:35wc

 

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

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

安装动作:

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

动作安装好后,可按照以下步骤进行:

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

可使用批处理方式。