svg交互排版生成教程

越来越多的微信公众号都开始在文章里使用SVG排版了,SVG动态图文排版是怎么制作的呢?这篇教程来教你快速做出一篇效果酷炫的SVG互动排版。


bige_0319162800_2635.png


一、什么是SVG排版?


SVG黑科技排版区别于普通的微信公众号排版样式和模板,读者可以通过触发SVG效果中的热区,来和文章产生有趣的互动。


GQ实验室、宝马、可口可乐、人民日报等等品牌和官号都经常在自己的微信公众号中添加这样有互动效果的SVG排版。


image.png


二、SVG排版教程



制作一篇酷炫的SVG文章,需要用到一个新媒体工具——SVG编辑器,SVG编辑器的操作非常简单,不会代码也能制作出各种各样高大上的SVG效果。


首先,在135编辑器左侧的功能区中打开SVG编辑器


微信截图_20210318160408.png


选择一个你想要的效果(目前SVG编辑器中为大家提供了无缝图、点击、滑动、长按、图片轮播、超链接、小程序、视音频、点A见B、淘口令、百叶窗等等效果)


image.png


为这个效果配置好所需的图片素材或者视音频素材,并调整相应的动画参数


image.png


然后调整触发热区的大小和位置,预览无误后就可以同步到微信公众号里进行发布了


image.png


使用SVG编辑器之后,高大上的SVG黑科技排版就不用再花钱找人定制了,创意效果任你DIY,赶紧来上手试试吧!

- END -


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

文章评价
登录后可以评论
立即登录
小伍资深编辑
共637篇文章
最近文章
更多
  • 乞巧节微信公众号推文排版素材(爱情浪漫活动推广文案)
  • 二十四节气立秋图文排版素材(金黄色系立秋推文文案模版)
  • 八一建军节纪念日推文排版样式(光辉历程文案宣传模版)
  • 八一建军节推文宣传排版素材(中国工农成立纪念宣传文案模版)
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
广告变现近「2000万」却志不在此! 剧情号“遇见她”目标直播带货
通过内容运营的三个阶段,让你掌握内容运营的核心
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一文详解:渠道投放工作需要的五种思维
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
用户分群模型,这么建才有用
热门素材样式
运营导航
运营工具
分享到