父亲节时时时时时时时时时光机

品牌时光机

发布于:2026-06-18

摘要:

父亲节排版,来点儿有仪式感的。


雀巢这篇父亲节主题推文,用一个简单的时光机式的创意排版,赢得不少小伙伴的喜爱。


点击看一下:


 

图片



*素材来自雀巢专业在线父亲节快乐| 你向上的每一步,他都在默默“父”出

组件:放映机

编号:10219(组件)

点击后图片自动上移,一张张温馨照片从眼前浮现,不由得让人心生感动。


同样的效果还可以做成横屏的:


 



*素材来自维他奶Vitasoy互动平台官宣!@Discovery 大片独家点映会!

组件:放映机

编号:10219(组件)

组件:遮罩

编号:10829(组件)

如果还想更有仪式感一些,点击同时还能播放背景音乐,感兴趣可以戳这篇文章,里面有示例和教程:元宵节+放映机效果,惊艳!


今天给大家单独介绍下雀巢的同款效果是怎么排出来的,一起看下教程吧。


详细教程:


工具:i排版SVG编辑器,网址:SVG.iPaiban.com

组件:放映机

编号:10219(组件)


第1步:选择组件


登录i排版SVG辑器后,点击编辑器右侧「组件」按钮,在「放映机」分类中找到「放映机」组件,或者直接搜索组件编号10219,点击选择。


图片


第2步:上传图片素材


素材主要分为2部分:放映机、放映内容。


点击右侧「换图」按钮上传一张放映机图片,点击「+」批量上传放映内容图片。


整个放映范围由放映机图片尺寸决定,放映机图需为透明PNG,以便露出放映内容图片。放映内容图片宽度保持一致即可。


图片


第3步:调整动画时间


上传好素材后,通过调整「放映机播放时间」便可以调整图片滑动的速度。时间越短,滑动越快。


图片


第4步:调整触发区域


双击编辑区上传的放映机图片,在弹出的窗口中拖拽红色区域调整触发区域的位置和大小。


图片


第5步:导入公众号后台


点击页面最右侧「预览草稿」可随时预览效果,效果满意后点击同步至微信后台同步到自己的公众号就可以了。


图片


使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。


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




制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端谷歌浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。