SVG排版教程 | SVG排版教程 | 「点击展开」和「视频号」一起用,视觉效果震撼!

之前直播分享给大家女神节交互图文,想学更多知识的同学们可以预约本周三直播——招聘案例分享。
开始学习前记得添加白露老师
领取直播案例资料

今天这篇文字教程,
总结了之前直播的操作要点,
以KARL LAGERFELD的案例为例:
点此查看原文案例:年夜之宴

拆解
KARL LAGERFELD的「年夜之宴」广告片,欢笑满堂,盛宴不息,恭祝大家新春快乐????

原文动图演示

制作
1、添加组合:点击消失+下拉展开(设置触发区域,宽屏)(10406),点击编辑组合,点击展开前编辑区,上传图片,点击显示触发区域,调整触发区域,并隐藏触发区域;

2、在展开后编辑区拖拽添加组件:全能无缝图(10028),添加图片“2-无缝图”;

3、在展开后编辑区添加7个组件位,依次拖拽添加组件:视频号-图片(10228)添加视频号封面,并输入视频号代码;

提取视频号代码:打开公众号后台,新建图文,添加视频号,点击小助手提取视频号(视频号卡片);

4、点击右侧“预览草稿”,可初步预览草稿效果(以导入公众号后台预览效果为准)。

导入公众号后台
5、在iPaiban Pro编辑器后台完成SVG交互图文后,点击右侧“导入微信后台”→点击“复制”;

6、打开微信公众号后台新建图文,点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”;

7、操作成功后,记得添加标题、封面和保存,最后发送到手机预览最终的效果。
↓查看还原后的效果↓
下期直播预告
3月2日(周三)直播教学招聘案例????扫码预约学习SVG交互效果????

转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)