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

今天给大家带来的是又被我鸽了很久的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成组,然后点击菜单栏【效果】——【效果画廊】,这时候进入一个属性界面:

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容

  • 如果我们git clone的下载代码的时候是连接的https://而不是git@git(ssh)的形式,当我们操作...
    宝山潇洒哥阅读 989评论 0 0
  • 如果你正在找工作,本课帮助你战胜比你文凭,水平高的人 如果你刚进入大学,本课就是你的大学第一课 如果你想出国留学,...
    雪糕都阅读 219评论 0 1
  • 这里的生灵是依着山傍着水的。只是这里并非桃源,亦不是天府,这里山河寂寂,冬日没有雪的日子里,甚至看来满目疮痍。 行...
    鹤昉阅读 5,864评论 6 12
  • 每次被老公不经意间的言语打击之后,我还是会很难受,觉得他在指责我,看不起我。 接着就是莫名的委屈悲伤,之后是愤怒。...
    拉锯之战阅读 327评论 3 1
  • 来简书已经很久了,久的我都忘记了第一次更文的时间。期间,也曾下过决心要每天更文。实际上2016年全年,在简书日更文...
    晨露里的微光阅读 508评论 2 7