养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用秀米的SVG排版功能做出点击展开的图文

时间:2024-09-22 15:39:18

我们螅岔出礤在微信公众号看文章的时候会偶尔看到一些这种点击一下会自动展开的图文。非常酷炫!那么这种图文是怎么做出来的呢?

工具/原料

电脑

Windows旗舰版

秀米编辑器

需要排版的图片及文字

方法/步骤

1、首先,在秀米编辑器中点击“布局”,选择“基础布局”。

如何用秀米的SVG排版功能做出点击展开的图文

2、然后找到SVG布局,点击SVG布局后我们会发现它有内外两个框。

如何用秀米的SVG排版功能做出点击展开的图文

3、在内框中编辑填充我们想要的内容,支持视频、图片、动图和图文模板等。

如何用秀米的SVG排版功能做出点击展开的图文

4、填充完成后,点击外框,在弹出的编辑栏上面点击“动画”按钮。

如何用秀米的SVG排版功能做出点击展开的图文

5、在弹出的编辑框里面,动画方式选展开,再根据图文的长度和点击前要展示的内容设置适当动画时长和宽高比。

如何用秀米的SVG排版功能做出点击展开的图文

6、点击上方的预览功能,一篇可以和读者互动的SVG图文就做好啦。

如何用秀米的SVG排版功能做出点击展开的图文

7、确定好编辑的内容后,就可以点击上方的小勾图标通过同步或复制的方式放到微信公众平台。

如何用秀米的SVG排版功能做出点击展开的图文

© 一点知识