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

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



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


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


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


👆查看原文


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


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


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


进入SVG编辑器


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



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



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




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


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



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



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




导出内容


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


导出

同步



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

怎么样是不是很简单

学会了大家赶快去

135编辑器里用起来吧

给我们这个秋天换换色



·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
笔格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
笔格PPT
输入主题,AI一键生成PPT;上传本地文件秒变PPT
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到