朋友们大家好,我是三儿。
最近不少朋友找我吐槽,说自己上班上久了不仅自己一身班味,连做推文也是一股淡淡的无力感,好久没有做出让人眼前一亮的推文了。
你是否也存在推文排版死气沉沉,效果感觉土土的,不够洋气连老板都没有看下去的欲望...
既然不知道怎么做,那相信大牌的眼光,使用同款大牌SVG拯救我们的「土」推文!
今天三儿就给大家带来LV的滑动展开效果,让滑动也玩出了新花样👇
大家如果看了原文会发现,这篇文章开头用了一个大家常问的gif视频号效果,向下滑动又叠加了左/右滑动展开的效果组件,在展开中还嵌套了三层左滑居中的效果。
那么今天就跟着三儿一起来学习这个效果吧。
注:本文素材来源均来自路易威登,仅做教学使用。
在135编辑器左侧找到「SVG互动效果」进入svg编辑器页面,我们先在互动效果中搜索「视频号」这个效果(组件ID76)
将组件添加至编辑区域,然后我们需要到微信公众号后台生成一个视频号链接。
我们在公众号后台编辑页面,添加视频号保存即可。
保存后在「草稿箱」点击标题复制链接即可。
我们把链接粘贴至「快速获取代码」组件将自动提取视频号内容,然后添加一个封面图即可。
这样我们第一个含有gif图的视频号完成了,然后我们制作左/右滑动展开的效果。
在「互动效果」中搜索「横向滑动封面图展开 组件ID:909」
我们上传滑动封面图,选择对应的滑动方向,当然你也可以设置滑动时间与展开的时长。
之后我们就是添加展开后的内容,原文是搭配了一个无缝图+三层滑动,具体添加什么效果要根据我们实际的素材来,可以变化不一定非要一模一样。
点击「编辑展开内容」添加展开内容。
我们在展开里添加无缝图+顶层背景图固定,中间层滑动组件ID:768。
依次添加顶层图、背景图以及滑动图,完成素材添加后记得点击右上角的「完成」
后面就是重复上述操作,这样我们就完成了一篇高级感十足的推文排版。
完成所有内容后,可以选择编辑器右上角的「同步」就能同步到授权公众号后台,只有公众号授权给135后才可以使用同步功能。
如果没有授权也可以下载135插件,通过插件同步到微信公众号后台,只有谷歌浏览器安装了插件后才可以使用插件同步。
如果需要将做好的内容放进135编辑器编辑页中,选择「导出」-「复制代码到135编辑器」即可
怎么样
今天的SVG效果还不错吧
相信聪明的你
已经学会了
学会了就快动手试试吧
还有什么想看想学的技巧/效果
记得在评论区留言告诉我喔~
最近我们的
双十一乐购活动开始了
升级会员加赠小红书排版会员
个人/企业会员升级最高送1年会员时长
优惠不等人
赶紧扫描下方二维码参与吧