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