如何实现向人民日报微信推文一样的的点亮效果?
有两种方法:
方法一:就是使用代码在编辑器进行编辑emmmmmm这个方法贼麻烦,需要调至HTML模式……
方法二:在现有编辑器模板下利用SVG动画进行编辑,因为点亮效果本质上就是一张灰白图片一张彩色图片的叠加,下面步骤来咯:
1.首先打开135编辑器登录,阔以自行百度
主页面长这个亚子:
- 将需要呈现点亮效果的图片用途用图片编辑软件调成灰白色保存,图片编辑软件PS,美图秀秀什么的都行,类似于这样
- 将黑白彩色图片统一上传到135编辑器
- 在135样式搜索框里输入97878,点击使用该模板
- 点击更多功能,切换至专业版
- 点击图片素材,找到刚才上传的图片素材复制图片地址,这里拿黑白彩色图片举例,前后黑白两张
- 点击刚才插入的模板,会弹出菜单栏,点击动画,这里的图片地址一就是未点亮之前的,图片地址二就是点亮之后的,将模板地址清除,多次复制就阔以
- 将两个地址都替换后
点击确定就阔以啦
注意第一个地址替换后是点击后的彩色的,第二个替换后是黑白的
此方法同样适用于两张同样尺寸的图片点击前后切换
注:当然也可以不提前上传图片,等到点击动画后出现地址页面再上传,随用随传
做完之后的效果长这个亚子
https://mp.weixin.qq.com/s/QI3keRfgm_JHLCqWxwTffg