这样排版开头超吸睛!教你制作苹果6种经典动效

原创 收藏 评论
举报 2022-11-22

大家发现没有,苹果的图文,无论头条还是次条,长一些的还是短一些的,打开后开头常常会有一个酷炫的动效先抓住你眼球,吸引你继续看下去。

苹果经典的开头动效陆陆续续跟大家分享了很多,这里给大家再汇总一下,下面每一种用 iPaiban Pro 黑科技编辑器都能实现,案例下面附有相应的教程。
第1个,自动上滑切换:

GIF1.gif

点此查看原文

组件:Apple-自动上滑切换(可调时间)
编号:10852(组件)

教程:《苹果的自动上滑切换动效,至少有3种高级玩法!》

第2个,高级序列帧:

GIF2.gif

点此查看原文

组件:自动-序列帧动效(永远)

编号:10873(组件)

第3个,自动旋转切换:

GIF3.gif

点此查看原文

组件:自动-顺时针旋转切换(下)

编号:11329教程:《Apple的自动旋转切换,超简单!》


第4个,宫格式自动弹跳切换:

GIF4.gif

点此查看原文

组件:宫格式自动弹跳切换图片(向上)

编号:10297(组件)

教程:《苹果昨天的酷炫新图文,1分钟教你轻松还原!》


第5个,自动交替切换:

GIF5.gif

点此查看原文

组件:自动-Apple式交替切换

编号:10211(组件)

教程:《教程 | 自动-Apple式交替切换》


今天再给大家推荐一个苹果的自动左右横向擦除切换效果,注意这个不是简单的循环切换,所有图片每切换一轮会有短暂的停留,然后再继续切换。

GIF6.gif

点此查看原文

使用 iPaiban Pro 编辑器的相应组件既可以设置每次擦除切换的时间,也可以设置停留时间。一起看下视频教程吧:

详细教程:

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

组件:自动-左右横向擦除切换

编号:11334(组件)

第1步:选择组件

登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「自动」-「擦除切换」分类中找到「自动-左右横向擦除切换」组件,或者直接搜索组件编号11334,点击选择。

第2步:上传图片素材

点击右侧「+」号批量上传准备好的图片素材。所有图片尺寸需保持一致。


第3步:调整动效参数

「动画时间」是指每次图片擦除切换的时间,「一轮结束停留时间」是指所有图片切换一轮后停留的时间。滑动滑杆即可调整。

点击最右侧「预览草稿」可随时预览效果。

第4步:导入公众号后台

该效果在编辑器不能预览,制作完毕后点击「同步至微信后台」同步到自己的公众号就可以了。


使用同步功能可以不用频繁在编辑器和微信后台切换,同步成功后可以立即扫码预览二维码查看。
如需局部导入可参考:《iPaiban Pro小助手v2.0安装和使用教程》



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)