用LV同款SVG效果,推文一秒变高级!

科技   2024-11-13 15:28   四川  

朋友们大家好,我是三儿。


最近不少朋友找我吐槽,说自己上班上久了不仅自己一身班味,连做推文也是一股淡淡的无力感,好久没有做出让人眼前一亮的推文了。


你是否也存在推文排版死气沉沉,效果感觉土土的,不够洋气连老板都没有看下去的欲望...


既然不知道怎么做,那相信大牌的眼光,使用同款大牌SVG拯救我们的「土」推文!


今天三儿就给大家带来LV的滑动展开效果,让滑动也玩出了新花样👇


点击查看路易威登原文


大家如果看了原文会发现,这篇文章开头用了一个大家常问的gif视频号效果,向下滑动又叠加了左/右滑动展开的效果组件,在展开中还嵌套了三层左滑居中的效果。


那么今天就跟着三儿一起来学习这个效果吧。


注:本文素材来源均来自路易威登,仅做教学使用。



进入SVG编辑器页面


在135编辑器左侧找到「SVG互动效果」进入svg编辑器页面,我们先在互动效果中搜索「视频号」这个效果(组件ID76)



将组件添加至编辑区域,然后我们需要到微信公众号后台生成一个视频号链接。


我们在公众号后台编辑页面,添加视频号保存即可。



保存后在「草稿箱」点击标题复制链接即可。





我们把链接粘贴至「快速获取代码」组件将自动提取视频号内容,然后添加一个封面图即可。



这样我们第一个含有gif图的视频号完成了,然后我们制作左/右滑动展开的效果。


「互动效果」中搜索「横向滑动封面图展开 组件ID:909」



我们上传滑动封面图,选择对应的滑动方向,当然你也可以设置滑动时间与展开的时长。



之后我们就是添加展开后的内容,原文是搭配了一个无缝图+三层滑动,具体添加什么效果要根据我们实际的素材来,可以变化不一定非要一模一样。


点击「编辑展开内容」添加展开内容。



我们在展开里添加无缝图+顶层背景图固定,中间层滑动组件ID:768。



依次添加顶层图、背景图以及滑动图,完成素材添加后记得点击右上角的「完成」



后面就是重复上述操作,这样我们就完成了一篇高级感十足的推文排版。


导出或同步


完成所有内容后,可以选择编辑器右上角的「同步」就能同步到授权公众号后台,只有公众号授权给135后才可以使用同步功能。


如果没有授权也可以下载135插件,通过插件同步到微信公众号后台,只有谷歌浏览器安装了插件后才可以使用插件同步。


点我下载好用的135插件



如果需要将做好的内容放进135编辑器编辑页中,选择「导出」-「复制代码到135编辑器」即可




怎么样

今天的SVG效果还不错吧

相信聪明的你

已经学会了

学会了就快动手试试吧

还有什么想看想学的技巧/效果

记得在评论区留言告诉我喔~


最近我们的

双十一乐购活动开始了

升级会员加赠小红书排版会员
个人/企业会员升级最高送1年会员时长

优惠不等人

赶紧扫描下方二维码参与吧





又学“亿”招




·






·



135平台
新媒体一站式服务平台,提供图文排版,创意SVG排版,图片设计等工具。海量商用素材,简单易操作,135平台让运营更简单。
 最新文章