那些腦洞大開的中秋節(jié)SVG,我服了!
胖友們大家好啊,我是三兒,距離中秋節(jié)放假又近了一天。你們的中秋推文是怎么寫的,能借我抄抄作業(yè)嗎?
中秋節(jié)
創(chuàng)意SVG合輯
在這種神仙打架的節(jié)日面前
當(dāng)然要祭出三兒的SVG了!
畢竟創(chuàng)意和腦洞才是最大的贏家
一起來看看中秋怎么玩出花樣~
【樣式ID】:106133
【創(chuàng)意賞析】:點擊觸發(fā)圖片切換的SVG效果,讓這張中秋節(jié)海報中的元素一個一個出現(xiàn),到最后呈現(xiàn)出完整的場景和主題,給讀者滿滿的參與感。
【樣式ID】:106132
【創(chuàng)意賞析】:點擊小船,小船的位置移動到畫面的中心位置之后,圖片自動進(jìn)行切換。一次觸發(fā)就能讓圖片產(chǎn)生位移、換圖這么復(fù)雜的效果,簡直不要太酷炫!
【樣式ID】:106135
【創(chuàng)意賞析】:圖片中的四個月餅就是四個熱區(qū),點擊月餅所在的熱區(qū),就會出現(xiàn)中秋節(jié)的祝福,非常有寓意。
【SVG編輯器素材】:三層上滑
【創(chuàng)意賞析】:前景保持不動,利用背景上滑的效果來模擬月亮升起的畫面。(在SVG編輯器中使用三層上滑素材來制作這個效果時,需要將前滑動圖設(shè)置為透明)
【SVG編輯器素材】:雙層右滑-前景不動背景滑動
【創(chuàng)意賞析】:左側(cè)前景的月餅保持不動,右側(cè)背景右滑,滑出滑動圖和另外半邊月餅,滑動結(jié)束,月餅拼合在一起,圓圓滿滿。(注意制作時,所有圖片的寬高要保持一致)
【SVG編輯器素材】:長按換圖再恢復(fù)舊圖
【創(chuàng)意賞析】:長按中間的熱區(qū),圖片進(jìn)行切換,松手之后,恢復(fù)為初始圖片,和常見的點擊、滑動效果相比,長按效果或許可以帶來更多新意。
【SVG編輯器素材】:圖片彈窗-自定義多個觸發(fā)區(qū)
【創(chuàng)意賞析】:將畫面中的孔明燈設(shè)置為觸發(fā)熱區(qū),并在每個熱區(qū)中上傳一張許愿圖,點擊孔明燈所在的熱區(qū),就會彈出心愿。開盲盒式的彈出效果,非常能吸引讀者的注意力~
通過135編輯器左側(cè)入口進(jìn)入svg編輯器
或者直接在瀏覽器輸入svg編輯器網(wǎng)址進(jìn)入:
http://qwer.com.cn/svgeditor/
在135樣式/互動效果分類下,搜索樣式ID/SVG效果名稱,添加到編輯教程區(qū)域,點擊『查看教程』按照步驟完成即可
好啦,今天的中秋創(chuàng)意SVG就分享到這里了,大家覺得這波創(chuàng)意怎么樣?覺得ok的話,幫三兒點個在看吧~
立即登錄
- 2023霜降節(jié)氣海報合集,給你專屬秋天的靈感!
- 寒露節(jié)氣免費手機海報模板分享
- 2023中秋節(jié)精美海報大放送,尊的都很好看!
- 不看會后悔系列!2023國慶節(jié)精美海報模板分享!