2022全新玩法来了,SVG还能做单选拆盲盒

胖友们好,我是三儿。最近肯德基和dimoo联名的盲盒套餐好火啊!听说很多没抢到的已经开始找人代购代吃了。

https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9qcGcveXFWQXFvWnZEaWJHallKbEVDRW5vcU1PaWJIcGRRZ0xUUzdHbVUxeW5CYzc3ZWd3bk10eHRvS20zSWxYTzRodjh6ZFZ2aWFHT1RIRkQxNHlETEFQOVk3YXcvMD93eF9mbXQ9anBlZw==


没抢到盲盒的三儿也想过一过拆盲盒的瘾,自己动手给搞了一套盲盒,大家来拆拆看会抽到隐藏款吗?


·


上面三儿用来做盲盒的SVG,就是我们SVG编辑器最近推出的一个全新效果啦-单选答案解析类答题效果。


和以往效果不同的是,这个SVG只可以操作一次点击,所以还可以设置单选,应用在下面这种附解析的单选题中:


·

看完了效果,下面三儿把教程先给大家走起!




操作教程



01 进入SVG编辑器


通过135编辑器左侧入口进入svg编辑器



或者直接在浏览器输入svg编辑器网址进入:

https://www.135editor.com/svgeditor/




02 添加素材


选择素材-点击分类,点击『单选答案解析类答题效果』素材,添加到编辑区域




03 添加图片


在编辑器右侧点击『添加图片』按钮,为效果添加背景图和答案图片



背景图素材示例:



答案图示例:




注意:


所有图片素材的宽度和高度需要一致。



04 设置选项热区


每上传一张答案图时,背景图上都会对应显示一个红色的选项热区,将这个热区位置放置到背景图上对应的点击位置,调整好热区大小,即可实现点击该位置展示上传的答案图片。




05 同步/导出


制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台(ps:不知道咋同步和导出的胖友,点击按钮,根据提示操作即可)



注意:


如使用导出代码功能,则需根据SVG效果的使用平台(135编辑器/微信后台),选择对应平台的代码进行复制,尽量不要直接粘贴代码,以免效果有误。



以上就是『单选答案解析类答题效果』的使用教程,学会了的胖友赶紧实操起来吧。


·EN

文章排版由135编辑器提供技术支持

 ■ ■ 

文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共606篇文章
最近文章
更多
  • 2023霜降节气海报合集,给你专属秋天的灵感!
  • 寒露节气免费手机海报模板分享
  • 2023中秋节精美海报大放送,尊的都很好看!
  • 不看会后悔系列!2023国庆节精美海报模板分享!
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到