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主笔
一个酷爱钻研排版的小编!
共377篇文章
最近文章
更多
  • 新春大吉迎好运公众号图文祝福素材(喜庆宣传过年模版样式)
  • 春节过年备年货公众号推文素材(囤货迎新年红红火火庆祝样式)
  • 春节抢票购票攻略推文排版素材(购票实用攻略分享模版文案样式)
  • 春节送亲友祝福文案排版素材(春节送福喜庆创意样式)
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
广告变现近「2000万」却志不在此! 剧情号“遇见她”目标直播带货
通过内容运营的三个阶段,让你掌握内容运营的核心
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一文详解:渠道投放工作需要的五种思维
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
用户分群模型,这么建才有用
热门素材样式
运营导航
运营工具
分享到