央视新闻数据暴涨 10 倍的国庆升旗 SVG 教程，赶紧学起来吧

马上国庆节咯，不少运营小伙伴为即将到来的假期感到开心，同时可能也在烦恼国庆节推文怎么做。

有一个SVG排版效果，简直是为国庆节量身定做。

这就是《国庆节SVG交互图文案例合集》中的第1个案例，来自央视新闻《今天，我们一起升国旗》。来看看案例效果示演示：

绝大多数人都没机会升旗，央视新闻在文章中用「点击播放音频同时图片移动」的交互排版模拟奏乐升旗，在国庆节这天满足了大家的愿望，激发大家的爱国热情。

这个案例由我们去年创意并技术支持，数据翻了十倍，今年不少政务官媒账号提前来问。

往年同款效果需要定制，而现在大家用 iPaiban Pro 黑科技编辑器就可以实现了，点击按钮体验一下：

整体是点击升旗同时奏乐的效果，还有两个小细节，一个是开始前按钮自动闪烁提示，一个是最后完成升旗后还会自动弹出一张图片，使得体验更佳。

如果是官方媒体或政务账号需要使用，可以在联系我们编辑器客服五折使用，还可领取政务官媒的案例合集。

闲话少数，下面一起看下制作教程吧。

工具：iPaiban Pro黑科技编辑器，网址：SVG.iPaiban.com

组件：点击-升旗(自上传音频)

编号：12122（组件）

第1步：选择组件

登录 iPaiban Pro 黑科技编辑器后，点击编辑器左侧「组件」按钮，在「特殊」分类中找到「点击-升旗(自上传音频)」组件，或者直接搜索组件编号12122，点击选择。

第2步：上传图片

在页面右侧分别上传点击引导、旗帜、弹出文案、背景和旗杆5类图片。

点击引导、旗帜、弹出文案、背景的第1张图片和旗杆的第1张图片尺寸需保持一致（动图尺寸比例一致即可）。背景和旗杆图片都可以上传多张，注意每张图片需保持一致，上传数量也需相同。

第3步：设置参数

动画时间即点击后旗帜从下移动到顶部的时间，这个时间可根据音频播放的时间来定。

音频代码需在公众号后台上传后，然后用 iPaiban Pro 小助手插件进行提取。注意，音频不可跨公众号使用，最终效果在哪个公众号预览和发布，音频就在哪个公众号上传和提取。

*最新版小助手插件可前往i排版官网首页（iPaiban.com）→旗下产品→点击「i排版Pro浏览器插件」进行下载。

第4步：导入公众号后台

该排版需导入公众号预览完整效果，编辑完成后点击最右侧「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。

如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。

● SVG 黑科技交互排版👇🏻

 

iPaiban 团队可提供运营服务、视频制作、GEO、创意策划、多种风格设计、SVG交互开发等服务，如需定制，请添加玉兔微信（ID：playhudong15）沟通咨询。