如何制作持续闪光特效图片 (图片怎么加亮晶晶的特效)

最近有小伙伴问,如何设置这种点一下,图片就变亮的特效。

图片怎么加亮晶晶的特效,图片逐张点亮特效

这个其实是用SVG交互来制作出来的,SVG交互功能各大编辑器都有,但是他们都是需要两张图片,一张点击前的灰*图色**,一张点击后的彩图,而我们速排小蚂蚁编辑器不一样,我们只需要一张彩图就可以了,省去了大家把彩图p成灰*图色**的时间,接下来,小蚂蚁就为大家分享如何制作点击变亮的SVG。

首先打开速排小蚂蚁编辑器,在【单样式】搜索栏中搜索【40115】样式,直接点击该样式就可以导入进右边编辑区。

图片怎么加亮晶晶的特效,图片逐张点亮特效

40115

在编辑区中,点击图片,会出现【样式工具条】,点击工具条上方的SVG,

图片怎么加亮晶晶的特效,图片逐张点亮特效

在新窗口点击【上传图片】,即可更换图片。

图片怎么加亮晶晶的特效,图片逐张点亮特效

动画触发:选择点击,就必须点击才可以触发,

图片怎么加亮晶晶的特效,图片逐张点亮特效

点击

而选择自动的话,就不需要点击,他会自己触发。

图片怎么加亮晶晶的特效,图片逐张点亮特效

自动

动画效果共有三种:淡出、淡入、快闪。

淡出的意思就是图片从灰色变成彩色;

图片怎么加亮晶晶的特效,图片逐张点亮特效

淡出

淡入的意思是图片会从彩色变成灰色;

图片怎么加亮晶晶的特效,图片逐张点亮特效

淡入

快闪的意思是图片会在灰色和彩色一直轮换。

图片怎么加亮晶晶的特效,图片逐张点亮特效

快闪

动画时长的意思是图片从灰色到彩色的时间需要多久,动画时长时间越短,图片从灰色到彩色的切换时间就越短;

图片怎么加亮晶晶的特效,图片逐张点亮特效

短时间

动画时长时间越长,图片从灰色到彩色的切换时间就越长。

图片怎么加亮晶晶的特效,图片逐张点亮特效

长时间

除了【40115】样式,我们还有【57868】样式,

图片怎么加亮晶晶的特效,图片逐张点亮特效

57868

也是只需换一张图片就可以实现图片变亮效果,不过【40115】是点击变亮。而【57868】是长按变亮。两种不同的选择,满足更多人的需求。

图片怎么加亮晶晶的特效,图片逐张点亮特效

好啦,以上就是本期小蚂蚁为大家分享的内容啦,如果有其他问题,欢迎私信小蚂蚁哦,小蚂蚁会尽全力帮你解决问题,我们下期再见,拜拜。