美文网首页图像处理
利用混合模式,轻松做出电商同款彩虹字体海报

利用混合模式,轻松做出电商同款彩虹字体海报

作者: 一周青年 | 来源:发表于2018-09-30 11:50 被阅读109次

    今天给大家带来的是又被我鸽了很久的Ai专场。在开始之前首先问大家一个瑟瑟发抖的问题,大家有在之前的818苏宁易购活动剁手了吗?

    不管剁没剁手,相信大家平时出行的时候都会在公交车站牌或者地铁宣传栏知道苏宁的818易购活动,也看到他们的海报:

    当时小醒目看到这个海报就觉得这个818的字体效果很有意思,既是现在比较流行的渐变风格,但又因为一些特殊处理让字体看起来有些空间感,所以当时就拿小本本默默把这个效果记下来,并且尝试做了一款仿制品:

    暂且把这种字体效果叫做“彩虹通心粉”吧,大家看到这种魔幻的效果有没有蠢蠢欲试的感觉呢?其实这种效果在Ai中是相当容易实现的,下面我们来学习怎么做出花里胡哨的彩虹通心粉吧!

    首先我们要在Ai里面新建一个A4大小,横方向,颜色模式为RGB,单位为像素的文档。

    要做出彩虹通心粉的效果,我们得先把字的“骨架”做出来。字的“骨架”有很多种做法,这里简单介绍两种最常用的方法:

    1.借助已有字体

    其实在上一期的Ai小教程就介绍过这种方法了,这种方法的思路是非常值得同学们学习的,既快捷,也不用那么伤脑筋。这里我们重温一下这种实用的方法。

    我们首先用文字工具(T)敲出自己喜欢的文字,字体建议选择无衬线字体,因为无衬线字体在后续的处理上会轻松很多:

    这里我推荐用Source Sans Variable字体,粗细是Light

    如果文字没有弧度的话,我们可以用直线段工具(\),按住Shift键去勾勒文字:

    如果文字有弧度的话,我们可以借助椭圆工具(L)剪刀工具(C)去完成。

    像苏宁易购活动里面的“8”,其实就是两个有缺口的圆。使用椭圆工具,按住Shift键可以拖出一个正圆,并且把圆的填充设置为无填充,描边设置为任意颜色:

    然后我们看看需要在圆的哪个位置开个缺口,用剪刀工具在圆的路径上点击两下,用选择工具(V)把剪掉的线段删除:

    用这种方法,我们就可以快速得到只有单一路径的文字了:

    2.好玩的曲率工具

    如果我们不想依靠已有字体,想即兴创作怎么办?这里就不得不提Ai中一个好玩的工具——曲率工具(Shift+~)

    曲率工具为大家提供了各种曲线画法的可能性,使用起来也不难,我们只需要在画板上先点击一下,然后在画板其他地方再点击一下,这时候拖动鼠标就会发现两点之间出现一条曲线,并且这条曲线随着我们拖动鼠标的幅度而改变:

    同样,点击第三下就会出现连贯但曲率可以改变的线条,如此类推…

    熟练掌握这个方法,我们可以做出超好看的花体英文:

    利用这两个办法,把文字的“骨架”做好之后,我们还可以用剪刀工具给文字做一些“缺口”效果,这样后面我们加上效果的时候会更好看:

    一般来说,我们做出来的渐变都是以线性渐变或者路径渐变为主,如果要做出随心所欲的色彩渐变,在Ai中有两个思路:一是混合模式;二是网格渐变

    【混合模式】作品

    【网格渐变】作品

    看了上面两幅作品,我想大家应该知道彩虹通心粉大概是用什么做了吧?没错,就是我们的老朋友——混合模式!

    为什么说混合模式是我们的老朋友?如果一直关注我们Ai教程的同学应该知道,小柳绿老师的教程里面有很多都是用混合模式完成的,今天的彩虹通心粉也不例外。

    那么,我们进入今天的重头戏吧。

    首先我们理解一下什么是混合模式,混合模式其实是图形与图形之间的一种补充算法,这种算法包括图形的大小、形状、颜色等:

    这就是混合模式了,下面我们结合案例去看看怎么运用。

    首先我们用椭圆工具(L)建立三个同等大小的正圆,并复制一组作为备用:

    接着我们给这三个圆分别上色,并把描边改为无填充:

    然后我们全选这三个圆,点击菜单栏【对象】——【混合】——【混合选项】,这时候弹出一个窗口:

    间距选择【指定的距离】,设置1px,取向不用管,点击确定。

    再次选中这三个圆,点击菜单栏【对象】——【混合】——【建立】,这时候三个圆会变成一个渐变圆角矩形:

    养成好习惯,我们备份一下这个渐变圆角矩形,然后选中一个圆角矩形和之前我们做的文字骨架,点击菜单栏【对象】——【混合】——【替换混合轴】,这样我们就会看到“骨架”被渐变圆角矩形替换掉了(替换后发现文字挤成一团的话可以把渐变圆角矩形缩小再去替换):

    如果不喜欢渐变的角度,

    我们可以在混合中选择【反向混合轴】

    做好之后我们仔细看,会发现这样做出来的效果和苏宁818活动的效果会有些细微的差别:

    这种质感是怎么做出来的呢?其实很简单,我们首先点击菜单栏【窗口】,把【渐变】【颜色】勾选上,即调出两个窗口。然后用直接选择工具(A)也就是白箭头选中混合轴中的小圆,把它从纯色填充改为渐变填充:

    还可以通过调整【渐变】窗口中的角度去微调

    我们可以通过这个方法给其他混合轴添加质感:

    调整的过程需要耐心,

    电脑卡顿的话建议一个文字一个文件

    做完这步之后我们接下来就是给混合轴“立体感”,具体做法就是用椭圆工具(L)绘制一个略小于混合轴两端的正圆:

    然后把正圆改为渐变填充,在【渐变】窗口中设置径向渐变,并且借助渐变工具(G)去拖动渐变条,直到整体看起来协调:

    做完立体感之后,可以看到我们的效果已经达到了原图的90%,非常不错了,剩下一些小细节同学们可以继续完善,比如添加颗粒感:

    我们可以把通心粉全选,按Ctrl+G成组,然后点击菜单栏【效果】——【效果画廊】,这时候进入一个属性界面:

    在纹理选项中就找到颗粒了,通过调节强度、对比度和颗粒类型,就可以做出再次提升通心粉的质感。

    最后加上一些小装饰,就可以让通心粉变成一张完整的海报啦。

    今天的教程就到此为止了。有点小难,也需要有比较好的耐心去调整细节,大家要加油哦!我们下期再见。

    相关文章

      网友评论

        本文标题:利用混合模式,轻松做出电商同款彩虹字体海报

        本文链接:https://www.haomeiwen.com/subject/xbqwoftx.html