超少女的果冻字排版,是这样做的!

生活总是需要一些色彩的滋润,微信排版又何尝不是呢?今天135编辑器就来教教大家如何制作果冻字排版!

640?wx_fmt=png

135编辑器
每天给你最新鲜的排版知识
grey.gif



生活总是需要一些色彩的滋润,微信排版又何尝不是呢?今天135编辑器就来教教大家如何制作果冻字排版

sdfsdf

grey.gif



01
grey.gif
文字阴影色


给文字打阴影色就像是女孩子化妆打腮红扑散粉一样,让文字产生一种滤镜美。


摄影技术里的柔焦效果,同样能拿给文字美颜用~


before:                                    after:

grey.gif



before:                           after:   

135编辑器                          135编辑器



这里再给大家展示几个好看的阴(sai)影(hong)色:


135编辑器(文字色:d99694;阴影色:e5b9b7)


135编辑器(文字色:b2a2c7;阴影色:ccc1d9)


135编辑器(文字色:548dd4;阴影色:95b3d7)


135编辑器(文字色:ace990;阴影色:c3d69b)






02
grey.gif
文字背景色


背景色其实是一个常用的提醒功能,大家把它想成课本上需要划重点的句子就好啦,so...那怎么划重点才能又美观又醒目呢?


grey.gif


首选当然是辣眼睛的荧光色!(我尽力选了不那么刺眼的荧光色...)


 135编辑器 (薄荷绿:bdfcc8 


135编辑器  (荧光黄:feffb1


135编辑器 (荧光蓝:00f0ff



不过刺眼的荧光色,其实反而会降低人的阅读兴趣...背景色,要选择一些不那么刺眼的撞色才是最好看的,不信你看!


 135编辑器  


 135编辑器  


 135编辑器  


 135编辑器  



背景色除了搭配外,还有一个秘诀是:使用斜体更好看下饭





4
grey.gif
无敌好看的果冻字(进阶版)


在做阴影色和背景色的教程时,意外的发现了一种更好看的搭配,可以把文字变得像果冻一样QQ的~诀窍就在于同时使用两种效果!背景色+阴影色


这里我以背景色和阴影色的色调深浅为基础研究了两种不同风格的果冻字出来。




1



背景色色调>阴影色色调,例如选择较厚重粉紫色的背景色+淡蓝色的阴影色,可以让文字显示出一种叠加的混合美感。


 寄给你全宇宙的爱和自太古至永劫的思念。

(背景色E3BCF1,阴影色:35BADD)


 寄给你全宇宙的爱和自太古至永劫的思念。

(背景色F5B0BD,阴影色:C95BF3)


 寄给你全宇宙的爱和自太古至永劫的思念。

(背景色F3C292,阴影色:DB251E)






2



背景色色调<阴影色色调,主要以同色系的颜色为基调,例如选择淡橘色的背景+深橘红色的阴影,可以产生一种朦胧又温柔的美感,像是一瓶清爽的橘子汽水“嘭”的打开在炎热的夏天里~


世界是一场迷雾。

然后世界又 微眇,广袤,澄澈。

潮汐或涨或落。他无法告诉你是何者。

他的喙已聚焦;他分身乏术。 


(阴影色:FF4E00 背景色:FDEADA)



 当然,如果你有什么独特的审美和爱好,也可以尝试自己DIY一下其他的配色。总之我们的标准是:好看就行!!!



grey.gif

dvdf

看了以上的文字色彩搭配案例,有没有一丝丝心动呢?ok,那接下来就一起来学习怎么样做出漂亮的文字来吧~



1.阴影色使用教程


首先在编辑区输入文字,全选后选择喜欢的文字颜色。最后需要在工具栏找到这个小小的按钮➝grey.gif,选择相同色系的阴影色即可。


grey.gif





2.背景色使用教程


首先在编辑区输入文字,全选后选择喜欢的文字颜色。(一般选择白色最好)然后找到背景色小按钮➝grey.gif,点击选择喜欢的颜色并将字体设置为斜体。


背景色更换完毕后,记得调整一下文字两侧的距离(文字有时会显示不完整,这个时候可以手动用空格键将背景色拉开一点,让文字显示完整才更好看~)


grey.gif





3.“果冻字”使用教程


首先还是在编辑区输入好文字(选择斜体),全选后依次选择背景色和阴影色,选择完毕后,我们可以通过一键取色功能/配色方案来调整色值。


① 背景色>阴影色(背景色选择较厚重的粉色,再随意选择一个紫色的阴影色,完成后利用一键取色功能在色值框中选择合适的颜色即可)


grey.gif



② 背景色<阴影色(背景色选择较淡橘色,再随意选择一个深橘色/橘红阴影色,完成后利用一键取色功能在色值框中选择合适的颜色即可。右侧的配色方案也可以选择颜色~)


grey.gif

(教程色彩搭配仅供参考,大家可以随意选择喜欢的颜色来搭配哦~)




好啦关于文字的色彩搭配就讲到这里~最后送几个配色网站给泥萌grey.gif 


没有思路的时候多看看其他的配色参考一下。有好看的色彩搭配欢迎你们留言/投稿给我们!


配色网站





Reeoo

Adobe Color CC
Paletton
Colourlovers
Colorjack
Checkmycolours
Color Hunt
nipponcolors
Color-Hex
Awwwards
Kuler
Colormunki
知识
《微信公众号排版全攻略》
排版
《细数那些排版里的黑科技》
运营
《新媒体人必备的运营攻略》


点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)

当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。



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