秀米编辑器如何排版svg推文,以展开为模板讲解

秀米编辑器如何排版svg推文,以展开为模板讲解1 打开秀米官网 右上角登录 建议微信登录 https xiumi us 2 如果想在秀米排版的能同步到公众号 请授权一下公众号 具体参考以下两篇文章 http www coozhi com youxishuma hulianwang 80847 htmlhttps jingyan baidu com article cb5d6105de98 html 加下来进行排版公众号 1 进入首页 选择新建一个图文 2 找到 svg 在 svg 图中找到你想要的切换动效 秀米 svg

前期准备

1、打开秀米官网,右上角登录(建议微信登录)
https://xiumi.us/#/
2、如果想在秀米排版的能同步到公众号,请授权一下公众号,具体参考以下两篇文章
http://www.coozhi.com/youxishuma/hulianwang/80847.html
https://jingyan.baidu.com/article/cb5d6105de98b4005d2fe05d.html

接下来进行排版公众号

1、进入首页,选择新建一个图文
在这里插入图片描述
2、找到svg,
在这里插入图片描述
3、在svg图中找到你想要的切换动效,如我想展开,后下面就会出现查看更多的很多模板
在这里插入图片描述
4、一个模板,右边就会自动生成,如下
在这里插入图片描述
5、如果你不清楚这个效果是怎么样的,可以预览一下,推文上面的第二个按钮
在这里插入图片描述
6、预览后就会弹出一个有二维码的窗口,扫码就可以查看效果了
在这里插入图片描述

修改动效

1、修改图片以及部分动效,先把预览的关闭哈,修改图片先把图片上传到秀米这里
在这里插入图片描述
2、上传完之后左边就会有你上传的所有图片
在这里插入图片描述

3、换图操作:这里想把模板好奇按钮的图换成第1张图,把模板展开的换成第2张图,先点一下右边好奇按钮的图,然后点一下左边你自己上传的图就实现了换图
在这里插入图片描述
4、换展开后的图也是一样的操作,页面往下移就会看到展开后的图,右边模板的图再左边上传的图就可以替换啦,如果没找到展开的图的话点一下刚刚替换第一步替换的图哪里就会出来了
在这里插入图片描述
5、换图:跟换第一张图一样的操作,下面的图,再左边自己上传的图就可以替换了
在这里插入图片描述

接下来预览看看效果,好像图片一开始没展示完全,然后还有原本模板的图在,接下来要进行修改

1、先打开布局,找到有动画这个浮窗,操作如下:
在这里插入图片描述
2、动画按钮进行查看参数,动效有文字以及图片两部分
在这里插入图片描述
在这里插入图片描述
默认的模板有这么一张照片,并且有这么多动画在,如果我们只需要展开步需要其他的就把上面两个动效删掉,只保留最后一个展开的效果,删除完两个之后再预览一下看看,展开效果有了,但是好像发现第一张图我上传的图与模板的比例不一样,展示不全,这就要修改图片比例的参数,按照上面的操作点开动画,找到宽高比,这里的比例直接换成你图片的宽高px就可以了,再预览一下看看
在这里插入图片描述

展示完毕!

排版之后怎么同步到公众号呢,如果已经授权了的话
在这里插入图片描述
这里直接同步到公众号去

如果发现图片与图片之间有缝隙,图片上的浮窗上的定位,默认的间距是10个像素,把前后间距改为0 即可
在这里插入图片描述

今天的文章 秀米编辑器如何排版svg推文,以展开为模板讲解分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2025-01-03 19:17
下一篇 2025-01-03 19:11

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/100395.html