春节做海报借势没创意，教你做一张会动的SVG互动海报
标签： 海报
胖友们大家好哇，我是三儿。又是一年春节将至，大家的春节借势海报也越来越卷了，卷完文案卷创意，三儿认识的设计小哥已经快被甲方爸爸逼疯了。
甲方爸爸说：要好看，要大气
在被毙了十多个方案之后，还是用回了第一稿，这是他做的海报：
甲方爸爸又说了：好看是好看，就是感觉不怎么吸引人，没什么创意
然后，这是三儿帮他做的海报：
看起来是不是美观和创意都有了？其实三儿只是给海报加了个SVG组件，让海报动起来，给海报增添了一些互动性。
想知道三儿是怎么做到的吗？来看看下面的教程吧！
图片素材准备
制作这样的动态海报效果，需要先把海报的每个图层或者元素，单独另存为PNG格式（即背景为透明的图片格式）。
素材图如下图所示：
通过135编辑器左侧入口进入svg编辑器；
或者直接在浏览器输入svg编辑器网址进入：
https://www.135editor.com/svgeditor/
在『互动效果』栏目下的【点击】里，点击『点击图片依次出现』素材，将其添加到编辑区域。
在编辑器右侧上传之前准备好的背景图和展示图。展示图上传后支持鼠标拖动位置。
展示图展示的顺序设置
按照展示图的序号大小依次展示，在右侧拖拽上下调整图片的位置即可，序号代表出场的顺序
动画设置
【等待时长】：是上一张图出现后等待多长时间出现下一张图
【渐显时长】：是每张展示图从无到完全出现的过程时长
制作好的SVG文章可以通过使用『同步』或『导出』功能，保存到微信公众号平台。
好啦，以上就是三儿给大家介绍的让海报动起来的玩法了，大家还有没有什么春节创意的点子，快来留言区告诉三儿呀~
文章申明：本文章转载自互联网公开渠道，如有侵权请联系我们删除
登录后可以评论
立即登录
立即登录
.png)
分享到
