圣诞、2025元旦图文开头，用这个动效超吸睛！

聚焦SVG排版技巧与创意应用的实用手册合集A collection of practical manuals focusing on SVG typesetting techniques and creative applications

组件教程

圣诞、2025元旦图文开头，用这个动效超吸睛！2024-11-20 09:00

圣诞、元旦新年即将来临，是时候来点特别的啦！

组件：自动-向上移入图片

编号：11919（组件）

今天的推荐就是大家打开图文刚刚看到的一个效果——自动移入图片，比较适合与即将到来的圣诞节、元旦新年进行创意结合使用。

因为这种效果是单次播放，最好放在文章开头。如果放在图文后面，读者还没滑到效果就播放完了。

本文为了方便让大家看清效果，下面以录制GIF的形式向大家展示其他方向的同款效果。

自动-向下移入图片：

组件：自动-向下移入图片

编号：11920（组件）

自动-向左移入图片：

组件：自动-向左移入图片

编号：11921（组件）

自动-向右移入图片：

组件：自动-向右移入图片

编号：11922（组件）

上方上、下、左、右四个方向的移入效果均可使用 iPaiban Pro 黑科技编辑器的相应组件实现。

移入图片的数量没有限制，不局限于4张。支持调整图片移入的时长以及移入图片间的时间间隔。

下面以以第1个效果为例，一起来看看如何实现吧。

详细教程：

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

组件：自动-向上移入图片

编号：11919 （组件）

第1步：选择组件

第2步：上传图片

点击编辑区域，在右侧点击上传「背景图」和「前景图」。没有前景图可以不上传前景图。

点击「+」依次上传「移入图」的图片。所有图片尺寸保持一致，

第3步：设置动画参数

可设置图片移入的「动画时间」和图片之间的「延迟时间」。动画时间越长，图片移入的越慢，延迟时间越长，图片之间间隔的越长。

第4步：导入公众号后台

内容编辑完毕后，点击最右侧「预览草稿」，效果满意后点击「同步至微信后台」就可以了。

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

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

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

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

北京小黄人科技有限公司2014年成立于北京海淀中关村，是一家成立超过10年的研发型科技企业，长期专注微信生态技术开发，并提供数据分析、运营服务、设计服务、媒体传播服务，公司名下拥有多项专利、上百项软件著作权、商标、美术作品，是国家高新技术企业、中关村高新技术企业、双软件企业。北京小黄人科技有限公司的产品用户及客户包括：国务院办公厅、中组部、中宣部、最高人民检察院、国家税务总局、中国人民银行、国家市场监督管理总局、国家移民局、中国科学院、央视新闻、新闻联播、新华社、人民日报、央广网、中国日报等政务及国家级媒体。北京小黄人科技有限公司的客户涵盖政府、媒体、汽车、奢侈品、医疗、教育、地产、餐饮、科技互联网、家居、美妆、金融保险、零售、化工等行业头部品牌。财富世界500强和中国500强均有超过150家以上企业长期选择北京小黄人科技的产品和服务，是对北京小黄人科技产品能力、设计能力和知识产权保护方面最大的认可。北京小黄人科技有限公司长期致力于用技术赋能品牌，坚持原创设计、原创代码，为用户提供高效简单、互动有趣、安全无版权风险的科技产品。iPaiban Pro(SVG.iPaiban.com）是已知全网首款SVG排版编辑器，于2020年上线，已有上万家企业付费用户。iPaiban Pro 可将原先需要定制的SVG交互图文的开发费用降低90%以上，同时时间节约95%以上，3-10分钟即可完成一篇复杂的SVG交互图文制作。品牌时光机（brandtime.cn）是全网首款品牌营销案例库，2021年上线。是广告、营销、创意、设计、运营行业人的灵感宝库。截至2024年，已收录超过10万个品牌，70万+案例，是目前已知案例数量最多的品牌营销案例库。小幂书（misum.cn）是北京小黄人科技有限公司新推出的智能数据报告助手，于2024年上线，周报、月报、年报、竞品对比......最快 10 分钟生成。