那些腦洞大開的中秋節(jié)SVG,我服了!

胖友們大家好啊,我是三兒,距離中秋節(jié)放假又近了一天。你們的中秋推文是怎么寫的,能借我抄抄作業(yè)嗎?

中秋節(jié)


創(chuàng)意SVG合輯

在這種神仙打架的節(jié)日面前
當(dāng)然要祭出三兒的SVG了!
畢竟創(chuàng)意和腦洞才是最大的贏家
一起來看看中秋怎么玩出花樣~


01連續(xù)點(diǎn)擊切換



【樣式ID】:106133


【創(chuàng)意賞析】:點(diǎn)擊觸發(fā)圖片切換的SVG效果,讓這張中秋節(jié)海報(bào)中的元素一個(gè)一個(gè)出現(xiàn),到最后呈現(xiàn)出完整的場(chǎng)景和主題,給讀者滿滿的參與感。


02 點(diǎn)擊位移換圖



【樣式ID】:106132


【創(chuàng)意賞析】:點(diǎn)擊小船,小船的位置移動(dòng)到畫面的中心位置之后,圖片自動(dòng)進(jìn)行切換。一次觸發(fā)就能讓圖片產(chǎn)生位移、換圖這么復(fù)雜的效果,簡(jiǎn)直不要太酷炫!


03 多熱區(qū)點(diǎn)擊切換



【樣式ID】:106135


【創(chuàng)意賞析】:圖片中的四個(gè)月餅就是四個(gè)熱區(qū),點(diǎn)擊月餅所在的熱區(qū),就會(huì)出現(xiàn)中秋節(jié)的祝福,非常有寓意。


04 前景不動(dòng)背景上滑
 


【SVG編輯器素材】:三層上滑


【創(chuàng)意賞析】:前景保持不動(dòng),利用背景上滑的效果來模擬月亮升起的畫面。(在SVG編輯器中使用三層上滑素材來制作這個(gè)效果時(shí),需要將前滑動(dòng)圖設(shè)置為透明)


05 前景不動(dòng)背景右滑
 


·


·


【SVG編輯器素材】:雙層右滑-前景不動(dòng)背景滑動(dòng)


【創(chuàng)意賞析】:左側(cè)前景的月餅保持不動(dòng),右側(cè)背景右滑,滑出滑動(dòng)圖和另外半邊月餅,滑動(dòng)結(jié)束,月餅拼合在一起,圓圓滿滿。(注意制作時(shí),所有圖片的寬高要保持一致)


06 長(zhǎng)按換圖再恢復(fù)
 

·


【SVG編輯器素材】:長(zhǎng)按換圖再恢復(fù)舊圖


【創(chuàng)意賞析】:長(zhǎng)按中間的熱區(qū),圖片進(jìn)行切換,松手之后,恢復(fù)為初始圖片,和常見的點(diǎn)擊、滑動(dòng)效果相比,長(zhǎng)按效果或許可以帶來更多新意。


07 多熱區(qū)點(diǎn)A見B
 

·


【SVG編輯器素材】:圖片彈窗-自定義多個(gè)觸發(fā)區(qū)


【創(chuàng)意賞析】:將畫面中的孔明燈設(shè)置為觸發(fā)熱區(qū),并在每個(gè)熱區(qū)中上傳一張?jiān)S愿圖,點(diǎn)擊孔明燈所在的熱區(qū),就會(huì)彈出心愿。開盲盒式的彈出效果,非常能吸引讀者的注意力~


如何使用這些SVG呢?
 

通過135編輯器左側(cè)入口進(jìn)入svg編輯器

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

http://d1167.cn/svgeditor/



在135樣式/互動(dòng)效果分類下,搜索樣式ID/SVG效果名稱,添加到編輯教程區(qū)域,點(diǎn)擊『查看教程』按照步驟完成即可



好啦,今天的中秋創(chuàng)意SVG就分享到這里了,大家覺得這波創(chuàng)意怎么樣?覺得ok的話,幫三兒點(diǎn)個(gè)在看吧~



END




排版 | 135編輯器
海報(bào)圖片 | 比格設(shè)計(jì)




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