在图文里也能拍照!?

原创 收藏 评论
举报 2022-08-10



刚过去的七夕,你是怎么过的?


不管怎么过,既然点进了这篇图文,今天至少你能学到3个适合七夕排版的小交互。


第1个,模拟手机拍照的点击切换图片效果,点击试试:

1.gif

组件:点击-切换图片(先移出,再淡入)

编号:10285(组件)


点击后图片闪烁一下,同时切换为了另一张图片。配上手机相机界面的设计,真的就像拍照一样。用作七夕创意,可以是拍下两个人的合影、拍下日常生活中的感人瞬间等。


第2个,点击移入效果:

2.gif 

组件:点击-切换图片(从右水平移入)

编号:10167(组件)


七夕这天,牛郎织女相见,现实生活中也是许多情侣约会的日子。配合一定的设计,使用该效果可以模拟两人相见的场景。编辑器中提供有上、下、左、右4种方向的相关组件。


第3个,点击移出效果:

3.gif


组件:点击-切换图片(向左水平移出)

编号:10170(组件)


移出是与移入对应的效果,同样提供有上、下、左、右4种方向的相关组件。
以上3种效果你还能想到什么关于七夕的创意?
品牌时光机SVG案例库(brandtime.cn)现已收录优秀图文案例超70000个,其中七夕案例超1000个。没灵感,先去品牌时光机搜一搜吧。


这3种效果 排版制作非常简单,以第1个模拟手机拍照的点击切换图片效果为例,一起看下详细教程吧。


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

组件:点击-切换图片(先移出,再淡入)

编号:10285(组件)


第1步:选择组件


登录 iPaiban Pro 编辑器后,在「组件」-「点击」分类中找到「点击-切换图片(先移出,再淡入)」组件,或者直接搜索组件编号10285,点击选择。


第2步:上传图片素材


准备好点击前和点击后两张图片,然后点击「换图」按钮分别上传即可。两张图片尺寸需保持一致。



第3步:调整动画时间


滑动滑杆可调整点击后的闪烁动画时间。点击页面最右侧「预览草稿」可预览效果,根据效果也随时进行调整。



第4步:导入公众号后台

点击页面最右侧「预览草稿」可扫码预览效果,效果满意后继续点击「导入微信后台」就能开始导到公众号了。



导入时使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手还支持一键打包下载图文图片素材,非常方便,安装教程戳:《iPaiban Pro小助手v2.0来啦!》





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


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



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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)