2022全新玩法來了,SVG還能做單選拆盲盒

胖友們好,我是三兒。最近肯德基和dimoo聯(lián)名的盲盒套餐好火??!聽說很多沒搶到的已經(jīng)開始找人代購代吃了。

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


沒搶到盲盒的三兒也想過一過拆盲盒的癮,自己動手給搞了一套盲盒,大家來拆拆看會抽到隱藏款嗎?


·


上面三兒用來做盲盒的SVG,就是我們SVG編輯器最近推出的一個全新效果啦-單選答案解析類答題效果。


和以往效果不同的是,這個SVG只可以操作一次點擊,所以還可以設置單選,應用在下面這種附解析的單選題中:


·

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




操作教程



01 進入SVG編輯器


通過135編輯器左側入口進入svg編輯器



或者直接在瀏覽器輸入svg編輯器網(wǎng)址進入:

http://d1167.cn/svgeditor/




02 添加素材


選擇素材-點擊分類,點擊『單選答案解析類答題效果』素材,添加到編輯區(qū)域




03 添加圖片


在編輯器右側點擊『添加圖片』按鈕,為效果添加背景圖和答案圖片



背景圖素材示例:



答案圖示例:




注意:


所有圖片素材的寬度和高度需要一致。



04 設置選項熱區(qū)


每上傳一張答案圖時,背景圖上都會對應顯示一個紅色的選項熱區(qū),將這個熱區(qū)位置放置到背景圖上對應的點擊位置,調(diào)整好熱區(qū)大小,即可實現(xiàn)點擊該位置展示上傳的答案圖片。




05 同步/導出


制作好的SVG文章可以通過使用『同步』或『導出』功能,保存到微信公眾號平臺(ps:不知道咋同步和導出的胖友,點擊按鈕,根據(jù)提示操作即可)



注意:


如使用導出代碼功能,則需根據(jù)SVG效果的使用平臺(135編輯器/微信后臺),選擇對應平臺的代碼進行復制,盡量不要直接粘貼代碼,以免效果有誤。



以上就是『單選答案解析類答題效果』的使用教程,學會了的胖友趕緊實操起來吧。


·EN

文章排版由135編輯器提供技術支持

 ■ ■ 

文章申明:本文章轉載自互聯(lián)網(wǎng)公開渠道,如有侵權請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
小三兒135主筆
一個酷愛鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報合集,給你專屬秋天的靈感!
  • 寒露節(jié)氣免費手機海報模板分享
  • 2023中秋節(jié)精美海報大放送,尊的都很好看!
  • 不看會后悔系列!2023國慶節(jié)精美海報模板分享!
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到