今天来教大家如何使用Flinto制作地图上定位点的脉冲动效，下面提供Flinto的源文件下载。先来看下效果图：

1.1 首先在sketch中画好界面，然后打开flinto导入刚才画的界面（flinto24.6支持在内部直接导入，不需要安装sketch的插件，类似principle的导入）。不过你也可以直接在flinto直接画。

1.2 关于在sketch中怎么生成地图，当然不是自己画的。你可以百度或者谷歌截图然后放入sketch里面。在这里我推荐使用sketch插件自动生成地图-想去哪就去哪非常方便而且还有多种模式。

在画板里画一个你想要的矩形，选中它然后运行改插件。第一个输入框里填写地址，接下来选择地图的缩放。一般16或者15比较合适，数值越小地图越大。最后一个就是显示模式，现在选的就是界面上的效果。

2.1 sketch处理完之后就是打开flinto导入你刚刚画的东西。

2.2 导入之后再定位图标下面画一个圆，缩放大小为0.然后给这个圆做动画。2.3 选中这个圆，点击上面的“行为”这是汉化后的意思。进入编辑页面，点击加号新建一个状态。然后使用“定时器连接”。超时-0ms；目标-新建状态。其他不变。

2.4 然后进入新建状态编辑：一、缩放之前的圆，大小你开心就好，并且透明度为0。二、同样使用“定时器连接”超时-500ms（一样数值你觉得合适就行）；目标-初始，这里需要注意的是：勾选目标下面的第一个按钮汉化的意思是“跳过动画”。三、滚动此区域到最下方调整动画贝塞尔曲线：选择经典、曲线选择第三个、持续时间1000ms。此时你就可以打开预览看一下动画效果了。四、最好保存并退出。

3.1 退出之后把动画组放在定位图标的下面，然后调整圆的颜色和透明度，我这里选择的是蓝色，透明度60%。最重要的是调整他的旋转：你可以理解为ae里的3d开关了。让他平铺在地图上看起来更真实。调整旋转x为50，你也可以选择你自己的数值。

3.2 调整完之后预览看看你的效果是不是和我一样。嘿嘿，是不是感觉很神奇。

觉得有帮助的请点个赞呗，有啥问题和有建议的在下面留言，谢谢大家！！！！！