今天給大家?guī)淼氖怯直晃银澚撕芫玫腁i專場介返。在開始之前首先問大家一個瑟瑟發(fā)抖的問題,大家有在之前的818蘇寧易購活動剁手了嗎?
不管剁沒剁手圣蝎,相信大家平時出行的時候都會在公交車站牌或者地鐵宣傳欄知道蘇寧的818易購活動刃宵,也看到他們的海報(bào):
當(dāng)時小醒目看到這個海報(bào)就覺得這個818的字體效果很有意思,既是現(xiàn)在比較流行的漸變風(fēng)格徘公,但又因?yàn)橐恍┨厥馓幚碜屪煮w看起來有些空間感牲证,所以當(dāng)時就拿小本本默默把這個效果記下來,并且嘗試做了一款仿制品:
暫且把這種字體效果叫做“彩虹通心粉”吧关面,大家看到這種魔幻的效果有沒有蠢蠢欲試的感覺呢坦袍?其實(shí)這種效果在Ai中是相當(dāng)容易實(shí)現(xiàn)的,下面我們來學(xué)習(xí)怎么做出花里胡哨的彩虹通心粉吧等太!
首先我們要在Ai里面新建一個A4大小捂齐,橫方向,顏色模式為RGB缩抡,單位為像素的文檔奠宜。
要做出彩虹通心粉的效果,我們得先把字的“骨架”做出來缝其。字的“骨架”有很多種做法挎塌,這里簡單介紹兩種最常用的方法:
1.借助已有字體
其實(shí)在上一期的Ai小教程就介紹過這種方法了,這種方法的思路是非常值得同學(xué)們學(xué)習(xí)的内边,既快捷榴都,也不用那么傷腦筋。這里我們重溫一下這種實(shí)用的方法漠其。
我們首先用文字工具(T)敲出自己喜歡的文字嘴高,字體建議選擇無襯線字體,因?yàn)闊o襯線字體在后續(xù)的處理上會輕松很多:
這里我推薦用Source Sans Variable字體和屎,粗細(xì)是Light
如果文字沒有弧度的話拴驮,我們可以用直線段工具(\),按住Shift鍵去勾勒文字:
如果文字有弧度的話柴信,我們可以借助橢圓工具(L)和剪刀工具(C)去完成套啤。
像蘇寧易購活動里面的“8”,其實(shí)就是兩個有缺口的圓随常。使用橢圓工具潜沦,按住Shift鍵可以拖出一個正圓,并且把圓的填充設(shè)置為無填充绪氛,描邊設(shè)置為任意顏色:
然后我們看看需要在圓的哪個位置開個缺口唆鸡,用剪刀工具在圓的路徑上點(diǎn)擊兩下,用選擇工具(V)把剪掉的線段刪除:
用這種方法枣察,我們就可以快速得到只有單一路徑的文字了:
2.好玩的曲率工具
如果我們不想依靠已有字體争占,想即興創(chuàng)作怎么辦燃逻?這里就不得不提Ai中一個好玩的工具——曲率工具(Shift+~)。
曲率工具為大家提供了各種曲線畫法的可能性臂痕,使用起來也不難伯襟,我們只需要在畫板上先點(diǎn)擊一下,然后在畫板其他地方再點(diǎn)擊一下刻蟹,這時候拖動鼠標(biāo)就會發(fā)現(xiàn)兩點(diǎn)之間出現(xiàn)一條曲線逗旁,并且這條曲線隨著我們拖動鼠標(biāo)的幅度而改變:
同樣,點(diǎn)擊第三下就會出現(xiàn)連貫但曲率可以改變的線條舆瘪,如此類推…
熟練掌握這個方法,我們可以做出超好看的花體英文:
利用這兩個辦法红伦,把文字的“骨架”做好之后英古,我們還可以用剪刀工具給文字做一些“缺口”效果,這樣后面我們加上效果的時候會更好看:
一般來說昙读,我們做出來的漸變都是以線性漸變或者路徑漸變?yōu)橹髡俚鳎绻龀鲭S心所欲的色彩漸變,在Ai中有兩個思路:一是混合模式蛮浑;二是網(wǎng)格漸變唠叛。
【混合模式】作品
【網(wǎng)格漸變】作品
看了上面兩幅作品,我想大家應(yīng)該知道彩虹通心粉大概是用什么做了吧沮稚?沒錯艺沼,就是我們的老朋友——混合模式!
為什么說混合模式是我們的老朋友蕴掏?如果一直關(guān)注我們Ai教程的同學(xué)應(yīng)該知道障般,小柳綠老師的教程里面有很多都是用混合模式完成的,今天的彩虹通心粉也不例外盛杰。
那么挽荡,我們進(jìn)入今天的重頭戲吧。
首先我們理解一下什么是混合模式即供,混合模式其實(shí)是圖形與圖形之間的一種補(bǔ)充算法定拟,這種算法包括圖形的大小、形狀逗嫡、顏色等:
這就是混合模式了青自,下面我們結(jié)合案例去看看怎么運(yùn)用。
首先我們用橢圓工具(L)建立三個同等大小的正圓祸穷,并復(fù)制一組作為備用:
接著我們給這三個圓分別上色性穿,并把描邊改為無填充:
然后我們?nèi)x這三個圓,點(diǎn)擊菜單欄【對象】——【混合】——【混合選項(xiàng)】雷滚,這時候彈出一個窗口:
間距選擇【指定的距離】需曾,設(shè)置1px,取向不用管,點(diǎn)擊確定呆万。
再次選中這三個圓商源,點(diǎn)擊菜單欄【對象】——【混合】——【建立】,這時候三個圓會變成一個漸變圓角矩形:
養(yǎng)成好習(xí)慣谋减,我們備份一下這個漸變圓角矩形牡彻,然后選中一個圓角矩形和之前我們做的文字骨架,點(diǎn)擊菜單欄【對象】——【混合】——【替換混合軸】出爹,這樣我們就會看到“骨架”被漸變圓角矩形替換掉了(替換后發(fā)現(xiàn)文字?jǐn)D成一團(tuán)的話可以把漸變圓角矩形縮小再去替換):
如果不喜歡漸變的角度庄吼,
我們可以在混合中選擇【反向混合軸】
做好之后我們仔細(xì)看,會發(fā)現(xiàn)這樣做出來的效果和蘇寧818活動的效果會有些細(xì)微的差別:
這種質(zhì)感是怎么做出來的呢严就?其實(shí)很簡單总寻,我們首先點(diǎn)擊菜單欄【窗口】,把【漸變】跟【顏色】勾選上梢为,即調(diào)出兩個窗口渐行。然后用直接選擇工具(A)也就是白箭頭選中混合軸中的小圓,把它從純色填充改為漸變填充:
還可以通過調(diào)整【漸變】窗口中的角度去微調(diào)
我們可以通過這個方法給其他混合軸添加質(zhì)感:
調(diào)整的過程需要耐心铸董,
電腦卡頓的話建議一個文字一個文件
做完這步之后我們接下來就是給混合軸“立體感”祟印,具體做法就是用橢圓工具(L)繪制一個略小于混合軸兩端的正圓:
然后把正圓改為漸變填充,在【漸變】窗口中設(shè)置徑向漸變粟害,并且借助漸變工具(G)去拖動漸變條蕴忆,直到整體看起來協(xié)調(diào):
做完立體感之后,可以看到我們的效果已經(jīng)達(dá)到了原圖的90%我磁,非常不錯了孽文,剩下一些小細(xì)節(jié)同學(xué)們可以繼續(xù)完善,比如添加顆粒感:
我們可以把通心粉全選夺艰,按Ctrl+G成組芋哭,然后點(diǎn)擊菜單欄【效果】——【效果畫廊】,這時候進(jìn)入一個屬性界面:
在紋理選項(xiàng)中就找到顆粒了郁副,通過調(diào)節(jié)強(qiáng)度减牺、對比度和顆粒類型,就可以做出再次提升通心粉的質(zhì)感存谎。
最后加上一些小裝飾拔疚,就可以讓通心粉變成一張完整的海報(bào)啦。
今天的教程就到此為止了既荚。有點(diǎn)小難稚失,也需要有比較好的耐心去調(diào)整細(xì)節(jié),大家要加油哦恰聘!我們下期再見句各。