撕拉撕拉撕拉撕拉撕拉撕拉片
最近，一种充满复古与趣味的即时成像胶片——撕拉片，在网络上爆火出圈。
它独特的质感与操作体验，勾起了无数人的怀旧情怀，也激发了大家的探索欲望。
那么，当这股撕拉片热潮遇上 SVG 排版图文，会碰撞出怎样的火花？
今天给大家推荐4种适合撕拉片创意的排版效果。
一
点击播放GIF动图
点击撕拉：
*素材来自坦克SUV《我也来撕拉一下》
将撕拉片的撕拉动效通过Ps等软件做成GIF，然后通过排版引导用户点击某个位置播放撕拉片的GIF动效。
素材准备好后，操作相当简单。
在iPaiban Pro 编辑器选择「点击-切换GIF动图」组件（编号：10086），然后依次上传单击前和单击后的图片。
单击前图片为GIF首帧图，单击后图片为整张GIF，注意尺寸保持一致。
动画时间保持默认0.1S即可。
想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：
组件：点击-切换GIF动图
编号：10086（组件）
二
点击飘落切换图片
点击撕拉：
*素材来自来自萱子饰品《撕拉一下，潜入夏日海边》
同样是切换图片，这样点击飘落切换效果省去了设计GIF的麻烦，同时和「撕拉」的动作比较相似。
和点击-切换GIF动图类似，在 iPaiban Pro 编辑器选择「点击-飘落切换图片(右)」组件（编号：11366），然后依次点击「换图」上传单击前和单击后的图片，注意尺寸保持一致。
接着设置好动画时间：
想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：
组件：点击-飘落切换图片(右)
编号：11366（组件）
三
打印机
点击红色按钮：
打印机用作撕拉片图文创意，也是非常合适，因为撕拉片的相纸本身是从相机中打印出来的。
在 iPaiban Pro 编辑器选择「点击-打印图片(有触发区)」组件（编号：10212）。处理好素材，在编辑器中按照指定位置一一上传即可。
调整打印时间，时间越短，打印速度越快。
在编辑区双击图片，通过拖动调整红色区域即可设置点击触发区域。
想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：
组件：点击-打印图片(有触发区)
编号：10212（组件）
教程：《打打打打打打打打打打印机》
四
碎纸机
点击按钮：
虽然 iPaiban Pro 编辑器中的这个效果组件名称为碎纸机，但使用它的创意不一定局限在碎纸上面，也可以点击给图片上色、点击荒漠变成绿洲或者点击生成撕拉片等等，任何具有前后对比的情况都可以考虑用这种效果来展现。
素材共分为四部分：背景图、处理前图、处理后图和机器图。
四部分图片宽度应保持一致，其中处理前图和处理后图尺寸要一致。机器图默认有示例图片，是为了让大家更好地了解该效果素材的制作，建议大家根据自己的图文风格重新制作上传。背景图高度应大于等于其余三部分图片的高度之和。
点击右侧「换图」按钮分别上传到对应位置即可。
拖动右侧滑杆调整点击后图片的滚动时间。
想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：
组件：点击-碎纸机
编号：11355（组件）
教程：《碎碎碎碎碎碎碎碎碎碎纸机》
你还能想到哪些适合撕拉片创意的排版效果？留言区聊聊。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）