（提示：點(diǎn)擊閃爍的小星星）

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

效果ID：多次點(diǎn)擊換圖—自定義觸發(fā)（gif圖）【11】

使用講解：這個(gè)效果我們可以做成輸入密碼的形式，通過點(diǎn)擊對(duì)應(yīng)數(shù)字來解鎖新內(nèi)容，此效果無論是從新穎角度還是實(shí)用性來看都是極好的，像商場(chǎng)活動(dòng)、新品發(fā)布、特定的節(jié)日等涉及到與數(shù)字相關(guān)的情況時(shí)，小編們都可以考慮此效果來呈現(xiàn)你們的內(nèi)容哦~

效果ID：多次點(diǎn)擊換圖—自定義觸發(fā)（gif圖）【11】

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

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

以上效果圖片均來自比格設(shè)計(jì)官網(wǎng)的海報(bào)素材，大家在做效果時(shí)也可以去其中尋找適合的素材來進(jìn)行設(shè)計(jì)。

比格設(shè)計(jì)官網(wǎng)：https://bigesj.com

效果圖：

從135編輯器左側(cè)點(diǎn)擊【SVG編輯器】進(jìn)入SVG編輯器的官網(wǎng)，或者是SVG編輯器官網(wǎng)：http://qwer.com.cn/svgeditor

這是實(shí)現(xiàn)多點(diǎn)擊換圖效果的關(guān)鍵一步，通過設(shè)置可觸發(fā)的區(qū)域來控制點(diǎn)擊區(qū)域。

用鼠標(biāo)點(diǎn)擊紅色框的邊緣區(qū)域來調(diào)節(jié)觸發(fā)范圍，將熱區(qū)放在你想要用戶點(diǎn)擊的位置上。這里設(shè)置熱區(qū)的圖片順序從第一張開始，最后一張圖片不用設(shè)置。

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

以上就是三兒分享的全部?jī)?nèi)容啦，如果覺得還不錯(cuò)記得點(diǎn)贊+在看哦~你們的鼓勵(lì)是三兒前進(jìn)的動(dòng)力，愛你們~

135編輯器（網(wǎng)站：qwer.com.cn）是一款在線圖文排版美化工具。平臺(tái)已有超過15萬(wàn)+樣式素材、3000+款模板素材、200+款svg互動(dòng)效果素材，更有秒刷、一鍵排版、多公眾號(hào)管理、云端草稿等46項(xiàng)在線功能。

為了更好地服務(wù)企業(yè)用戶，135編輯器目前面向企業(yè)會(huì)員同時(shí)開放135編輯器會(huì)員、比格圖片設(shè)計(jì)企業(yè)會(huì)員、svg編輯器會(huì)員三大權(quán)益。更專業(yè)的功能和服務(wù)，讓企業(yè)會(huì)員享受最佳的會(huì)員體驗(yàn)。