（提示：點擊閃爍的小星星）

怎么樣？是不是感覺耍了SVG版羊了個羊心情瞬間舒暢多了呢？回歸正題，其實三兒今天是想從這款火爆全網的消除類游戲，教大家一種新的SVG效果：多次點擊換圖（ID：11），咱們作為新媒體er要善于從這些熱點話題中總結經驗，為自己所用。就比如從羊了個羊這款小游戲中學習SVG效果一樣。接下來三兒準備了兩個案例，一起來看看這種SVG效果還可以玩出什么新的花樣。

效果ID：多次點擊換圖—自定義觸發（gif圖）【11】

使用講解：這個效果我們可以做成輸入密碼的形式，通過點擊對應數字來解鎖新內容，此效果無論是從新穎角度還是實用性來看都是極好的，像商場活動、新品發布、特定的節日等涉及到與數字相關的情況時，小編們都可以考慮此效果來呈現你們的內容哦~

效果ID：多次點擊換圖—自定義觸發（gif圖）【11】

使用講解：此效果除了做成輸入密碼的形式以外，還可以做成填入文字的形式，可發揮的空間極大。大家在做文章時，如果其中涉及到新品介紹、節日節氣海報中有文字展示（詩句、俗語、祝福語）、活動宣傳的情況時，不妨嘗試做成填入文字的換圖效果，推文的神秘感和高級感這不就來了嗎，通過此效果既能形成與用戶的良性互動，又可以將自己的產品或者內容很好地植入其中。

以上三兒做的這三個多次點擊換圖效果，其實做法萬變不離其宗，最主要的是思考呈現效果和作圖會稍微有點點難度，不過大家可以先試著模仿，再自己創新，慢慢地熟能生巧。三兒就拿其中一個制作好的SVG樣式來舉例

以上效果圖片均來自比格設計官網的海報素材，大家在做效果時也可以去其中尋找適合的素材來進行設計。

比格設計官網：https://bigesj.com

效果圖：

從135編輯器左側點擊【SVG編輯器】進入SVG編輯器的官網，或者是SVG編輯器官網：http://www.huajingjd.com/svgeditor

這是實現多點擊換圖效果的關鍵一步，通過設置可觸發的區域來控制點擊區域。

用鼠標點擊紅色框的邊緣區域來調節觸發范圍，將熱區放在你想要用戶點擊的位置上。這里設置熱區的圖片順序從第一張開始，最后一張圖片不用設置。

制作好后就可以預覽查看了，預覽效果無誤后就可以保存了，保存好的作品在【我的作品】中查看，也可以同步效果到微信后臺或者是導到135編輯器之中。

以上就是三兒分享的全部內容啦，如果覺得還不錯記得點贊+在看哦~你們的鼓勵是三兒前進的動力，愛你們~

135編輯器（網站：www.huajingjd.com）是一款在線圖文排版美化工具。平臺已有超過15萬+樣式素材、3000+款模板素材、200+款svg互動效果素材，更有秒刷、一鍵排版、多公眾號管理、云端草稿等46項在線功能。

為了更好地服務企業用戶，135編輯器目前面向企業會員同時開放135編輯器會員、比格圖片設計企業會員、svg編輯器會員三大權益。更專業的功能和服務，讓企業會員享受最佳的會員體驗。