不做GIF，也能让元宵节灯笼闪起来！

先看一张元宵节海报，设计简约，灯笼在不断闪烁，这个闪烁的效果就是用今天要介绍的模板「闪烁遮罩」实现的。

·

提到遮罩，很多人应该不陌生了，它通常不会单独使用，而是和其他模板搭配在一起，特点是可以覆盖在前边模板的图片上方，在文章《这个新功能，可以给任意样式加前景和边框！》中有对遮罩的详细介绍。

那闪烁的遮罩又有什么用？

用处一就是参与图片设计，实现闪烁动效。

我们拆分一下前面的元宵节海报，它其实由两张静态图组成，一张灯笼图，一张灯笼光效图。

光效图使用了「闪烁遮罩」，使得它可以覆盖在灯笼图上方，并且具有闪烁动效。相比于直接做成 GIF，它在图文中可以呈现更好的清晰度。

用处二是强化交互提示。

比如一篇图文中使用左右滑动图片的排版，那一定会有提示用户滑动图片的标志或文字，这个标志或文字就可以使用「闪烁遮罩」让用户更容易注意到。如下所示：

提示用户点击图片某个位置也是同样的道理：

·

                                   

                                   

                                   

                                   

                                   

具体如何制作的还是看下接下来的详细教程，以左右滑动图片的 Demo 为例。

工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com

组件：闪烁遮罩

编号：11113（组件）

第1步：选择组件

遮罩的特点可以覆盖在前边模板的图片上方，所以我们应该先选择左滑图片的模板，然后选择「闪烁遮罩」。

登录 iPaiban Pro 编辑器后，点击编辑器右侧「组件」按钮，在「滑动」-「单层左滑」分类中找到「单层滑动-左滑」组件，点击选择。

在「特殊」分类中找到「闪烁遮罩」组件，或者直接在搜索框中搜索组件编号11113，点击选择。

第2步：上传图片素材

在编辑区选中「单层滑动-左滑」组件，接着点击右侧「+」号上传准备好的滑动图片。

在编辑区选中「闪烁遮罩」组件，接着点击右侧「换图」按钮上传准备好的提示左右滑动的图片。注意该图片尺寸应与滑动图片保持一致，且为透明底的 PNG 格式。

第3步：调整闪烁效果

闪烁效果由「闪烁时间」和「透明度」两个部分组成，闪烁时间越小，透明度越低，图片闪烁越快。

第4步：导入公众号后台

点击页面最右侧「预览草稿」可随时预览效果，效果满意后点击「导入微信后台」就能开始导到公众号了。

导入时使用 iPaiban Pro 小助手更方便哦，最新版本的小助手已经支持局部导入，安装教程戳：《安装教程》，使用教程戳：《使用教程》。

视频教程：

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。

新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）哦。

● SVG 黑科技交互排版👇🏻

点个“在看”

戳沙小僧（playhudong033）