当前位置:首页 > 系统教程 > 正文内容

135编辑器制作年度账单SVG效果方法教学 常见系统问题解析教程

No14年前 (2021-02-04)系统教程152

  转眼又是一年年末了,你的年度消费出来了吗!!是不是还是在使用年度账单查询的截图发在朋友圈?那未免也太low了吧~其实我们可以使用135编辑器来编辑制作独具个性的2020年度账单。那么就有很多小伙伴问了,你能不能来设计一下看看,下面就和小编一起看一下吧!

  话不多说,先来看看这个svg的效果吧!

  点击打印账单

  点击打印,下层账单滑出,是不是很有意思,年终了,很有必要来一波这种账单推文啊!

  往下看,今天不仅教大家如何使用这个样式,还教大家如何制作属于自己的账单图片!

  一、如何更换内容?

  135编辑器对SVG样式做了更新,在专业版中特意添加了『动画』按钮,胖友们可以在『动画』设置中对SVG样式进行修改。

  1、首先将编辑器切换至专业版,点击右侧『更多功能』,在弹出的菜单中选择『切换专业版』,即可将编辑器切换为专业版。

  2、搜索样式ID:101474,找到『svg年终总结打印机』样式,插入至编辑器中。

  3、点击选中样式(在样式周围出现虚线框时,才算选中哦!),在弹出的菜单栏中,选择『动画』按钮,进入动画设置界面。

  这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的。

  4、在动画设置界面,点击『图片上传』,分别上传打印机图片和下层账单图片即可。

  5、设置完所有内容以后,点击右侧菜单栏中的『手机预览』进行测试,查看效果。

  二、如何制作账单图片呢?

  上面这个打印机图片,可以通过比格设计来制作哦。

  1、下载比格设计客户端

  2、搜索图片ID:2972,即可找到打印机账单模板。

  3、调整修改文字,点击下载即可。

  注意事项:

  这里需要注意的是,由于微信后台限制,所以排版完成后的推文需要使用保存同步功能,如果使用复制粘贴会导致样式失效!

  好啦,今天的教程就到这里,学会了吗?

扫描二维码推送至手机访问。

版权声明:本文由 寻艺录 发布,如需转载请注明出处。

本文链接:https://www.xunyilu.com/144197.html

分享给朋友:

“135编辑器制作年度账单SVG效果方法教学 常见系统问题解析教程” 的相关文章

爱奇艺会员多少钱一个月 怎么解决爱奇艺会员资费详情 常见系统问题解析教程

爱奇艺会员多少钱一个月 怎么解决爱奇艺会员资费详情 常见系统问题解析教程

  目前大部分视频网站中的热门电影、电视剧及自制剧都需要购买会员才能自由观赏,爱奇艺当然也不例外。那么问题出现了,爱奇艺会员多少钱一个月?下面小编就来详细介绍一下爱奇艺会员的资费,有需要的朋友不妨多多留意。   爱奇艺会员选择不同的会员套餐及支付方式价格也各不相同,如:黄金VIP会员在安...

如何设置哔哩哔哩app的主题颜色 怎么解决主题颜色设置方法 常见系统问题解析教程

如何设置哔哩哔哩app的主题颜色 怎么解决主题颜色设置方法 常见系统问题解析教程

  和许多热门视频App一样,哔哩哔哩app也可以对主题的颜色进行调整,但方法却略有不同。那么,要如何设置哔哩哔哩app的主题颜色呢?下面小编就来介绍一下哔哩哔哩app主题颜色设置的具体方法,感兴趣的朋友不妨收藏一下。   方法步骤   打开哔哩哔哩app,并点击右下角的“我的”;...

微信电脑版群功能介绍 常见系统问题解析教程

微信电脑版群功能介绍 常见系统问题解析教程

  对于很多人来说,可能都对手机版的微信了解比较清楚,而对电脑版的微信却了解不是很深,其实,微信电脑版的功能基本都跟手机版的差不多,只是有些许地方不同而已,就比如群功能。下面,我们就一起往下看看微信电脑版群功能介绍吧!   微信电脑版群功能介绍   一、多人语音视频通话   微信群可同...

谷歌浏览器怎么设置无图模式 怎么解决Chrome浏览器无图模式设置方法分享 常见系统问题解析教程

谷歌浏览器怎么设置无图模式 怎么解决Chrome浏览器无图模式设置方法分享 常见系统问题解析教程

  相信有了解的朋友都清楚,浏览器产品中的无图模式不仅能够节省流量,还可以在一定程度上提高网页的访问速度。那么,谷歌浏览器要怎么设置无图模式呢?下面小编就来分享一下Chrome浏览器无图模式的设置方法,感兴趣的朋友不妨多多留意。   方法步骤   点击Chrome浏览器右上角的控制菜单的图...

傲游浏览器怎么更换皮肤 怎么解决浏览器皮肤更换方法简述 常见系统问题解析教程

傲游浏览器怎么更换皮肤 怎么解决浏览器皮肤更换方法简述 常见系统问题解析教程

  再好看的浏览器皮肤,看得久了也会让人感觉无味。而在这个时候,不少人都会选择换种皮肤、换个心情!那么,傲游浏览器要怎么更换皮肤呢?下面小编就来简单介绍一下傲游浏览器皮肤更换的方法,不清楚具体方法的朋友可以收藏学习一下。   方法步骤   打开傲游浏览器,点击右上角的“三”图标;...