那些脑洞大开的中秋节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编辑器
海报图片 | 比格设计




文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共606篇文章
最近文章
更多
  • 2023霜降节气海报合集,给你专属秋天的灵感!
  • 寒露节气免费手机海报模板分享
  • 2023中秋节精美海报大放送,尊的都很好看!
  • 不看会后悔系列!2023国庆节精美海报模板分享!
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到