碎碎碎碎碎碎碎碎碎碎纸机

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

很多SVG效果,其实都是模拟的现实生活中的一些实物工作状态,这样的效果往往更容易被接受和赋予创意玩法。

比如去年给大家介绍过的打印机放映机效果,体验和查看教程见:《打打打打打打打打打打印机》《放放放放放放放放放放映机》

今天再给大家推荐一个碎纸机效果。
碎纸机效果分为「自动-碎纸机」和「点击-碎纸机」,如下:
自动-碎纸机:

GIF1.gif

组件:自动-碎纸机

编号:11344(组件)


如果你的素材内容较长,还可以选择「自动-碎纸机(多张图)」组件(编号:11347)制作。
点击-碎纸机:

GIF2.gif

组件:点击-碎纸机

编号:11355(组件)


虽然名为碎纸机,但使用它的创意不一定局限在碎纸上面,也可以点击给图片上色、点击荒漠变成绿洲或者点击人烟稀少的街道变得人声鼎沸等等,任何具有前后对比的情况都可以考虑用这种效果来展现。

GIF3.gif

使用 iPaiban Pro 黑科技编辑器制作起来也非常简单,一起看下教程:


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

组件:点击-碎纸机

编号:11355(组件)

第1步:选择组件

登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「特殊」分类中找到「点击-碎纸机」组件,或者直接搜索组件编号11355,点击选择。

第2步:上传图片素材

素材共分为四部分:背景图、处理前图、处理后图和机器图。

四部分图片宽度应保持一致,其中处理前图处理后图尺寸要一致。机器图默认有示例图片,是为了让大家更好地了解该效果素材的制作,建议大家根据自己的图文风格重新制作上传。背景图高度应大于等于其余三部分图片的高度之和。

本文 Demo 素材图:

点击右侧「换图」按钮分别上传到对应位置即可。

第3步:调整动画时间

拖动右侧滑杆调整点击后图片的滚动时间。

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

第4步:导入公众号后台

效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。

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




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

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



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)