图片点亮样式【使用方法】

头像
猫头鹰
2020-04-23 15:41:16

效果展示


点击图片,点亮城市↓


不可删除



使用教程


svg交互素材,需要修改源代码,调整部分设置,即可实现想要的交互效果。


01 上传图片:


首先,需要将图片上传至365编辑器中。通过编辑器内的上传图片入口上传即可(建议上传的两张图片尺寸一致)。




02 获取图片地址:


上传至编辑区后,点击查看源代码,即可获取该图片的地址。




03 替换交互素材图片地址:


查看源代码,找到替换图片位置,替换图片地址即可。



温馨提示


灰色和点亮素材,可以使用作图软件,通过修改滤镜效果,把彩色调整成黑白效果。(截图仅供参考,具体灰色效果,请按照实际使用的作图软件选择即可