svg编辑器 SVG交互图文,我来教你一键还原!

不知道哪里方便找案例,想创意想到头大

看到一篇很喜欢的交互,不知道怎么做的

客服告诉你用哪个组件,也不知道怎么做

知道哪个组件了,也不知道是怎么切的图

……

这篇文章将会解决大家的困扰。

做SVG交互图文之前,去「品牌时光机」SVG案例库(brandtime.cn)逛一逛svg编辑器,能解决创意问题。

在案例库看到了一篇不错的图文,想知道如何实现同样的交互效果,你会怎么做?

来问我们的客服肯定是正确的,而现在你还有一个更方便高效的方法——看看能否一键还原

svg查看器下载_svg编辑器_svg在线查看器

一键还原是案例库最新上线的一个强大功能,使用它可以将案例库中的效果一键导入到 iPaiban Pro 编辑器,无需自己研究排版svg编辑器,你要做的只是换图。

目前已有3700+案例支持此功能,更多案例陆续支持中。

我们来看看怎么用。

第1步:登录

在谷歌浏览器网址栏输入网址 brandtime.cn 登录SVG案例库。

或者在登录 iPaiban Pro 编辑器(x.iPaiban.com)的状态下,点击页面右上方「案例库」即可登录,无需重复注册。

第2步:搜索

我们可以直接搜索或者分类查找。

直接搜索有综合、公众号、标题、品牌、关键词5种搜索方式可选,具体区别大家通过字面意思应该能大概了解,详细了解可以戳:。

svg查看器下载_svg编辑器_svg在线查看器

首页直接点击放大镜按钮进入案例搜索页面,在这里我们可以进行分类查找,有行业、节日、交互类型和场景4种分类可选,你还可以限定时间筛选某一时间段的案例。

svg查看器下载_svg编辑器_svg在线查看器

第3步:查看是否支持一键还原

在搜索结果中,点击某一卡片进入案例详情页面,如果页面中有「一键还原草稿」的标识,则说明该案例支持一键还原。

或者我们直接在条件筛选中选择「支持一键还原」,那么剩下的案例都是支持一键还原的。

第4步:还原并编辑

在案例详情页面点击「一键还原草稿」,便跳转到了 iPaiban Pro 编辑器,此时你会发现刚才的案例被编辑器完全还原了。

在编辑器中,你可以清晰的看到每个交互效果使用了哪个组件/组合、设置了怎样的参数以及素材是如何切分的。

使用你还可以一键下载原文中的所有素材,下载的图片自动打包并以「公众号-日期-图文标题」格式命名,压缩包里的图片也是按文章里展示顺序一一排列好了,方便参考着来做图和切图。

svg编辑器_svg查看器下载_svg在线查看器

接下来在编辑器中你只需删除不要的部分保留想要的内容,然后替换自己的素材。你还可以选择其他组件/组合继续进行创作编辑。

第5步:导入公众号后台

点击右侧「预览草稿」可随时预览效果,效果满意后继续点击「导入微信后台」就能开始导到公众号了。

导入时使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手还支持一键打包下载图文图片素材,非常方便,安装教程戳:

现在所有用户扫描下方海报二维码,回复关键词「案例库」即可领取15天案例库高级会员,27000+案例随便搜!

制作SVG交互图文认准iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

● SVG 黑科技交互排版

·

如需定制 SVG 黑科技排版,请添加下方玉兔微信沟通咨询。

svg在线查看器_svg编辑器_svg查看器下载

点个“在看”

戳沙小僧(playhudong033)

抱走《公众号排版规范手册》PPT

———END———
限 时 特 惠:本站每日持续更新海量各大内部创业教程,一年会员只需128元,全站资源免费下载点击查看详情
站 长 微 信:jiumai99

滚动至顶部