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

近期有朋友提问，想要在推文中实现PPT动画图片左右移入的效果。

这让三儿想到了之前GQ实验室（现更名为智族Lab）曾做过的一篇文章。

点我查看原文

这个效果135能实现吗？先说结论，135编辑器可以完成滑动自动触发图片移入的效果，可以复刻智族Lab的效果。

注：本文素材来源均来自智族Lab，仅做教学使用。

在135编辑器页面左侧找到「SVG编辑器」，进入SVG编辑页面。

在SVG编辑器左侧选择「互动效果」，在搜索框中搜索组件：触摸图片小元素依次横向移入画面或组件ID：914

点击组件进入SVG编辑区域中，我们上传背景图。

移入元素图的位置，我们可以先在设计阶段排布放好，然后去掉背景图单独下载，就像这样👇

细心的朋友应该发现，移入小元素的图片都是透明底的PNG图，这样移入才不会对本身的背景图有遮挡。

上传好背景图后，我们可以继续上传元素图。

上传好元素图后，我们可以针对不同的小元素设置移入方向、动画时长等内容。

这样我们就完成了小元素移入背景画面的效果了，大家可以触摸下方的图看一看。

如果大家对常规元素移入觉得不够有吸引力，不妨试试触摸图片小元素依次缩小横向移入画面，组件ID：915

操作步骤点击图片小元素依次横向移入画面效果一致，这里就给大家看看呈现效果吧，触摸下方的图即可查看👇

如果我们是在SVG编辑器里完成了一篇完整的文章，可以直接通过「同步」将内容同步到微信公众号后台，当然这个的前提是你需要向135编辑器授权你的账号信息。

在135编辑器页面右上角用户名称中，将鼠标放置在用户名上可弹出下拉菜单找到「授权公众号」由账号管理员扫码授权。

如果你暂时无法拥有授权，也可以通过135插件的形式将内容同步到公众号后台，仅仅需要在你的谷歌浏览器中安装135插件。

点我下载插件

如果你还需要将效果放到135编辑器中，那么可以使用「导出」将效果复制到135编辑器中。

以上就是本期

SVG教学的全部内容

大家还有什么想要学的效果案例

可以在评论区留言

三儿会定期做教学内容噢