svg编辑器教程：上下滑动+点击横向侧滑全文展开

2023-11-29

1

添加素材效果

在『组合』栏目里，点击『上下滑动+点击横向侧滑全文展开』素材，将其添加到编辑区域。

image.png

2

上传图片素材

在编辑器右侧分别上传滑动图、触发图、展开后首图（点击悬浮按钮以后展开内容的首图会从边上移入画面，此处展开内容首图需要单独设置，注：展开内容首图的宽高尺寸要跟滑动图一致）


image.png

3

触发图设置


点击展开触发图会悬浮在滑动效果上层，点击以后即可触发后续效果，可以拖拽调整这个图片的位置和大小

image.png

4

动画设置


展开时间：展开效果持续的时间

侧滑时间：展开后首图移入的动画时长

image.png

5

编辑展开内容

双击编辑区域的首图或点击编辑页面右侧【编辑展开内容】，进入展开内容编辑页面

image.png

此页面可对素材进行组合排版，选择你喜欢的或者符合你排版需求的素材，添加到编辑区域，进行相关设置


可以点击编辑区域右侧的【上移】、【下移】、【间距】、【删除】，对素材进行排版优化

编辑好展开的内容之后，点击编辑器左侧的蓝色按钮，完成编辑，回到首页

6

同步/导出到微信公众号

制作好的SVG文章可以通过使用『同步』或『导出』功能，保存到微信公众号平台。

点击查看如何使用『同步』

点击查看如何使用『导出』