那些脑洞大开的中秋节SVG,我服了!

胖友们大家好啊,我是三儿,距离中秋节放假又近了一天。你们的中秋推文是怎么写的,能借我抄抄作业吗?

中秋节


创意SVG合辑

在这种神仙打架的节日面前
当然要祭出三儿的SVG了!
毕竟创意和脑洞才是最大的赢家
一起来看看中秋怎么玩出花样~


01连续点击切换



【样式ID】:106133


【创意赏析】:点击触发图片切换的SVG效果,让这张中秋节海报中的元素一个一个出现,到最后呈现出完整的场景和主题,给读者满满的参与感。


02 点击位移换图



【样式ID】:106132


【创意赏析】:点击小船,小船的位置移动到画面的中心位置之后,图片自动进行切换。一次触发就能让图片产生位移、换图这么复杂的效果,简直不要太酷炫!


03 多热区点击切换



【样式ID】:106135


【创意赏析】:图片中的四个月饼就是四个热区,点击月饼所在的热区,就会出现中秋节的祝福,非常有寓意。


04 前景不动背景上滑
 


【SVG编辑器素材】:三层上滑


【创意赏析】:前景保持不动,利用背景上滑的效果来模拟月亮升起的画面。(在SVG编辑器中使用三层上滑素材来制作这个效果时,需要将前滑动图设置为透明)


05 前景不动背景右滑
 


·


·


【SVG编辑器素材】:双层右滑-前景不动背景滑动


【创意赏析】:左侧前景的月饼保持不动,右侧背景右滑,滑出滑动图和另外半边月饼,滑动结束,月饼拼合在一起,圆圆满满。(注意制作时,所有图片的宽高要保持一致)


06 长按换图再恢复
 

·


【SVG编辑器素材】:长按换图再恢复旧图


【创意赏析】:长按中间的热区,图片进行切换,松手之后,恢复为初始图片,和常见的点击、滑动效果相比,长按效果或许可以带来更多新意。


07 多热区点A见B
 

·


【SVG编辑器素材】:图片弹窗-自定义多个触发区


【创意赏析】:将画面中的孔明灯设置为触发热区,并在每个热区中上传一张许愿图,点击孔明灯所在的热区,就会弹出心愿。开盲盒式的弹出效果,非常能吸引读者的注意力~


如何使用这些SVG呢?
 

通过135编辑器左侧入口进入svg编辑器

或者直接在浏览器输入svg编辑器网址进入:

https://www.135editor.com/svgeditor/



在135样式/互动效果分类下,搜索样式ID/SVG效果名称,添加到编辑教程区域,点击『查看教程』按照步骤完成即可



好啦,今天的中秋创意SVG就分享到这里了,大家觉得这波创意怎么样?觉得ok的话,帮三儿点个在看吧~



END




排版 | 135编辑器
海报图片 | 比格设计




文章评价
登录后可以评论
立即登录
分享到