想要可保存图片的新年签效果?我教你啊!
这段时间,来问新年签排版效果的小伙伴越来越多。
所以上周为大家整理了一波《新年签SVG交互图文案例合集》,可以看看品牌们是怎么玩的。
经典常用的图片原地轮播式的新年签效果,无外乎3种,在《新年签签签签签签签签签签签签!》一文中已为大家梳理。
而在实际的排版使用当中,又收到了一个被经常问到的问题:
「抽中的后新年签图片,怎么让用户能够保存啊?」
今天就为大家推荐3种可保存的新年签排版,效果上也是经典常用的图片原地轮播式。一起看下吧!
第1种:
图片点击轮播,再次点击停止,停止后抽取到的图片支持长按保存。
*素材来自绿城官方《人人都是运动……》
组件:祈福签-点击轮播,点击停止(可保存)
编号:11151(组件)
第2种:
图片自动轮播,点击停止,停止后抽取到的图片支持长按保存。
*素材来自UGG官方《UGG拍了拍你,一起过年了!》
组件:祈福签-自动轮播,点击停止(可保存)
编号:11150(组件)
第3种:
图片自动轮播,点击停止,停止后抽取到的图片支持点击弹出后保存。
它还有一个特殊之处是:点击弹出保存的图片,可以与你点击停止看到后图片不是同一张。
我们经常在轮播的图片上用文字提示用户进行交互,但这个文字提示其实也一定影响了画面的美观性。那么这个新年签效果的特殊之处,就可以做到让用户保存不带文字提示的图片。
*素材来自GQ实验室《今天不说“新年快乐”》
组件:祈福签-自动轮播,点击停止(可保存,可弹出)
编号:11831(组件)
以第3种效果为例,一起看下如何制作的吧:
详细教程:
工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com
组件:祈福签-自动轮播,点击停止(可保存,可弹出)
编号:11831(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「祈福签」分类中找到「祈福签-自动轮播,点击停止(可保存,可弹出)」组件,或者直接搜索组件编号11831,点击选择。
第2步:上传图片素材
为了更好的让大家理解如何上传素材,该组件设有默认素材。
删除默认素材图后,点击第1个「+」号批量上传自动轮播图,所有轮播图尺寸需一致。
点击第2个「+」号批量上传弹出图,所有弹出图尺寸需一致。
注意:弹出图与轮播图在顺序上为一一对应关系,轮播到哪张图,点击弹出的图片即为对应的弹出图。所以弹出图与轮播图的数量应一致,弹出图与轮播图尺寸最好也一致,高度可以略小于轮播图。如:
第3步:调整动画效果
轮播图默认切换时间为0.1s,一般保持默认即可,滑动滑杆可进行调整。时间越长,切换越慢。
点击最右侧「预览草稿」可随时预览效果。该效果在编辑器只能预览自动轮播和点击停止的部分,点击弹出图片保存的部分需导入公众号后发送手机预览。
另外如果预览发现,该效果图片左右两端和其他组件的图片没有对齐,点击打开「全局宽度」即可解决。
第4步:导入公众号后台
初步预览效果满意后,点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)