端午节龙舟SVG排版教程

端午节龙舟SVG排版教程

640


嘿,胖友们大家好呀,我是三儿


昨天的推文是不是特别炫酷?还能在推文里玩龙舟!推文发出后,不少胖友在后台催三儿,快点出教程,我要学!


>>>>>没看到的胖友们点我查看


三儿马不停蹄的就去研究样式,整理出这个样式的教程,话不多说,来看教程吧!



grey.gif


龙舟SVG样式

ID:98753


【样式作用】:135编辑器为庆祝端午佳节,特意推出的创意SVG样式,用户可以对样式内文字、图片进行更改,创造出更多有趣的内容。


【使用说明】:新版的SVG样式均可以在『动画』按钮中完成所有的设置。





1


样式展示


grey.gif
grey.gif


怎么样,是不是超级有趣,这个样式修改起来也是特别简单哦,赶快来和三儿一起学吧!




2


样式教程


一、文字版教程

 
 


要修改这个样式中的所有内容,我们都可以利用编辑器专业版进行操作,非常简单!








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


grey.gif








2.切换完成后,我们就可以对样式进行修改了,在左侧搜索样式ID『98753』,将样式插入至编辑器中。


grey.gif








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


grey.gif


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








4.在动画设置界面,我们就可以对样式的内容进行设置了,胖友们可以对图片,文字,以及龙舟进行更换。


点击图片上方的『垃圾桶按钮,即可删除图片,胖友们可以根据自己的需求来进行增删的操作。


grey.gif


这里需要注意的是:在制作图片时,需要将图片旋转为竖图,所有图片的宽度需要保持一致,首尾图片需要尽量保持高度一致。








5.如果我们已经将文字打在图片中,那么我们只需要在动画设置中删除文字部分的内容,将它空着即可。


在设置文字时需要注意,文字的高度建议不要超过龙舟,不然可能会影响美观。


grey.gif








6.设置完所有内容以后,胖友们可以在右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。


grey.gif



注意事项:

grey.gif


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


grey.gif



端午节就要到了,赶快在推文里开启一场赛龙舟吧!




3


更多玩法


除了端午节划龙舟的创意外,这个样式还有更多玩法,胖友们可以点击下方的图片,看看大号们是如何创造有趣的推文的。


grey.gif

吕Ryo


grey.gif

捷豹路虎中国





grey.gif


好啦,今天的教程就到这里啦

胖友们学会了吗?


点击https://www.135editor.com/users/invite/ddb12a17ce400c35fe041d275a578351,注册135编辑器,即可获得7天VIP会员

grey.gif

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