案例教学 | 一起做GIADA的「创意视频」交互效果！
上周直播教大家做圣诞\元旦交互图文，想学更多知识的同学们可以点击预约这周三直播——新年创意案例分享。
点击预约下一期直播
????学更多知识????
????????案例效果动图演示????????
拆解
原文案例为定制案例，我们通过使用组件：视频-长方形无缝拼接、组合：点击展开和组件：点击-切换图片，巧妙调整边距，实现原案例创意视频封面，和图片下拉展开的交互效果。
????????效果GIF图????????
制作
1、添加组件：批量无缝图（10009），添加图片“无缝图”；
2、添加组件：视频-长方形无缝拼接(图片封面)（11117），添加“视频封面”，粘贴视频data-mpvid（wxv_2176705321639919616）；
（将视频上传到公众号后台，然后新建图文添加视频，之后点击小助手，提取自上传视频，复制视频data-mpvid）
3、添加组合：点击展开(宽屏)（10307），点击编辑组合，上传展开前图片，在展开后编辑区添加组件：批量无缝图，按顺序上传”无缝图“，并调整展开时长为8S；点击左上角保存并退出编辑组合后，选中组合，点击右上角”边距“，调整外边距为-30；
4、添加组件：点击-切换图片（10005）分别添加图片“点击前”“点击后”，并调整组件外边距为-120即可；
5、点击右侧“预览草稿”，可初步预览草稿效果（以导入公众号后台预览效果为准）。
导入公众号后台
6、在i排版编辑器后台完成SVG交互图文后，点击右侧“导入微信后台”→点击“复制”；
7、打开微信公众号后台新建图文，点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”；
8、操作成功后，记得添加标题、封面和保存，最后发送到手机预览最终的效果。
↓查看还原后的效果↓
下期直播预告
12月22日（周三）直播教学新年创意案例????扫码预约学习SVG交互效果????
完成预约后添加白露老师（微信 brandbailu）领取直播福利
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）