svg动图布局技巧_互动排版技巧

SVG互动排版怎样进行布局呢?SVG动图的布局技巧是什么?很多新媒体人在制作SVG黑科技排版的时候都会有这样的疑问,其实SVG的布局可以在SVG编辑器中进行操作,下面来给大家介绍一下详细的操作教程吧


bige_0318162322_2597.png


SVG编辑器是由135编辑器推出的一款在线动态图文排版工具,上手简单,方便高效,零代码操作,排版小白也能制作出定制级的SVG互动排版效果。


微信截图_20210318160408.png


一、SVG编辑器进入方式

方法一:首先,在搜索引擎中搜索135编辑器,在搜索结果中认准【官方】标记,点击进入135编辑器官网


微信截图_20210318160501.png


在135编辑器的首页,找到右侧工具栏的【SVG编辑器】,点击即可进入SVG编辑器


微信截图_20210318160947.png


方法二:直接复制SVG编辑器网址https://www.135editor.com/svgeditor/ 到地址栏,按enter键打开


二、SVG排版布局方法


在SVG编辑器中,可以将多个SVG动态效果进行组合布局。


任意选择SVG编辑器右侧素材栏的效果,点击将效果放进中间的编辑区


微信截图_20210318161035.png


点击上方的【上移】【下移】按钮,可以调整SVG效果的前后顺序


微信截图_20210318161118.png


点击【间距】按钮,可以设置SVG动画效果的前后间距和左右间距。


微信截图_20210318161159.png


大家都学会了吗?SVG编辑器为大家准备了数十款品牌微信公众号里的经典SVG图文素材,赶快上手SVG编辑器,开启你的黑科技排版吧!


- END -


点击135编辑器获取更多资讯

文章评价
登录后可以评论
立即登录
分享到