公众号排版中如何使用svg效果实现图片变色?

掌握新媒体运营的创意技巧,学习如何使用135编辑器的SVG互动效果,为秋天的图片增添色彩。从黑白到彩色的神奇转变,只需简单的滑动操作。快速上手,给你的内容营销增添一抹秋日风情。



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


最近你们哪儿降温了吗,三儿这儿每天都是小风儿呼呼呼地吹,之前绿油油的树也变得黄黄的。


颇有一种画笔上色的感觉,说到上色呀,最近三儿看到吉利汽车有关一篇秋天的推文,恰好就是利用滑动,制作了一篇上色的感觉。


👆查看原文


亲手给时空、季节上色的感觉还是很微妙的,仿佛是人与遥远的时空有了呼应,指尖的滑动像是漫长的季节瞬时的触动。


那么我们要如何制作这样的效果呢?接下来我们将以吉利汽车素材为例(图片素材仅做教学演示不商用)


我们可以利用135插件👉插件下载下载原文素材,进行一个实操演练。


进入SVG编辑器


在135编辑器左侧找到「SVG互动效果」,点击进入SVG编辑器页面,在互动效果中搜索组件「黑白」可以看到有很多黑白相关的组件。



注意并不是所有黑白组件都能实现该效果,我们需要找到黑白滑动,我们往下翻翻就能找到该组件「左右滑动模糊变清晰|黑白变彩色」组件ID:266



点击组件添加在编辑器页面中,上传彩色原图,可设置滤镜、滑动方向以及模糊滤镜等效果。




有朋友问:我看吉利下方还有滑动提示,你这只能黑白变彩色,滑动提示要怎么加呢?


我们在互动效果中搜索图片组件,找到「无缝图-点击不可弹出」组件ID:1



然后我们再添加含有滑动提示内容的图片即可。



如果有小伙伴担心有「白缝」问题,可以在编辑器顶部找到「去缝隙」然后去除1像素的缝隙即可。




导出内容


在我们最后完成所有内容制作后,可以选择右上角的「导出」然后选择复制到135编辑器或是微信后台,当然如果你的公众号授权了135编辑器可以直接选择「同步」将内容同步到公众号后台中。


导出

同步



以上就是本期黑白换色的教程啦

怎么样是不是很简单

学会了大家赶快去

135编辑器里用起来吧

给我们这个秋天换换色



·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到