奏乐升旗!央视新闻数据暴涨10倍的同款国庆节经典效果,教程来咯

原创 收藏 评论
举报 2025-09-28

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


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


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



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


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


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

1.gif

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

编号:12122(组件)

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


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


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



工具:iPaiban Pro黑科技编辑器,网址:SVG.iPaiban.com

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

编号:12122(组件)


第1步:选择组件


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



第2步:上传图片


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



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


第3步:设置参数


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



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



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


第4步:导入公众号后台


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



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

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)