变色创意微信公众号图文排版教程来啦!

看完了上一篇文章,是不是感觉特别好玩,想学吗?那你可找对人了,赶紧来和我一起学习-变色微信公众号排版​吧!



看完了上一篇文章,是不是感觉特别好玩,想学吗?那你可找对人了,赶紧来和我一起学习-变色微信公众号排版吧!



话不多说,教程开始!


首先,要实现文字变色,我们需要用到135编辑器的双层滑动样式 (样式ID:96225)。



双层滑动样式

ID:96225


【样式作用】:节约排版空间,版面清爽整洁的同时还能与读者进行有效的互动,帮助打造文章氛围。除此之外,双层滑动样式还有更多的趣味性


【使用说明】:需要准备PNG透明背景的图片进行操作,否则可能会导致样式透明滑动层失效。



相信大家已经看过效果了,但是为了让搜索到这篇文章的胖友们看到效果,小编还是再给你们展示一下吧!


<<<左滑查看更多<<<


怎么样,是不是特别炫酷,这个样式的使用场景超级广,只有你想不到,没有他做不到!


那么问题来了,如何做出像小编一样的效果呢?


首先,我们需要准备背景图片及滑动时的图片,背景图片我们尽量选择色彩丰富(花里胡哨)的,而滑动时的图片,我们需要稍微处理一下。


这里需要注意的是,我们所准备的图片的格式需要保持一致(即图片大小相同),底部的背景图格式不限,但上方滑动的图片需要保存为PNG格式的透明图片。



一、如何处理图片?

 
 


首先,找到我们的设计师小姐姐,给她看看小编做的图,告诉她,我想要一样的效果,但是文字不一样,她就懂了。


那没有设计小姐姐的该怎么办呢?建议放弃 咳咳,首先打开我们的AdobePhontoshop2020版,俗称PS。在PS中创建出一个1200*900的文档。



创建完成后,我们先将背景图片放入,调整位置后保存即可。



然后我们开始制作上层滑动图片,首先新建一个图层,然后填充为你想要填充的任何颜色,然后使用文字工具输入你想要的文字,适当调整大小。



重点来咯!输入完文字后,我们按住Ctrl键点击文字图层前面的T,选中文字后,我们点击刚才填充好颜色的图层,然后点击delete键,删除即可。


为了方便大家学习,小编将步骤做成了动图。


这里需要的注意的是,操作完成后,我们需要将上层滑动的图片保存为透明背景的png图片。


然后按照上面的方法,做出剩下的图片,图片处理即可完成。



二、如何更换图片?

 
 


按照上面的步骤制作好图片以后,我们就可以开始更换图片了。更换图片我们可以使用专业版编辑器的动画功能来进行更换,还可以使用秒刷哦!








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









2.搜索样式ID:96225,找到双层滑动样式,插入编辑器中。









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



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










4、在动画设置界面,我们就可以对样式的内容进行设置了,胖友们可以对背景图片,以及上层的滑动图片进行更换。










5、我们还可以使用秒刷来进行图片更换,首先将你的需要替换的图片全部上传至编辑器中,将他们排好顺序,背景图片需要放在第一张,选中所有的图片,然后点击样式即可完成秒刷。




这里需要注意的是:秒刷支持多张图片哦,胖友们只需上传多张图片,按顺序排列后秒刷即可。








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



注意事项:


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






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

胖友们学会了吗?



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