利用混合模式,輕松做出電商同款彩虹字體海報(bào)

今天給大家?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é),大家要加油哦恰聘!我們下期再見句各。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吸占,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子凿宾,更是在濱河造成了極大的恐慌矾屯,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件初厚,死亡現(xiàn)場離奇詭異件蚕,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)产禾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門排作,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人下愈,你說我怎么就攤上這事纽绍。” “怎么了势似?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長僧著。 經(jīng)常有香客問我履因,道長,這世上最難降的妖魔是什么盹愚? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任栅迄,我火速辦了婚禮,結(jié)果婚禮上皆怕,老公的妹妹穿的比我還像新娘毅舆。我一直安慰自己,他們只是感情好愈腾,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布憋活。 她就那樣靜靜地躺著,像睡著了一般虱黄。 火紅的嫁衣襯著肌膚如雪悦即。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天橱乱,我揣著相機(jī)與錄音辜梳,去河邊找鬼。 笑死泳叠,一個胖子當(dāng)著我的面吹牛作瞄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播危纫,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼宗挥,長吁一口氣:“原來是場噩夢啊……” “哼乌庶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起属韧,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤安拟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后宵喂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體糠赦,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年锅棕,在試婚紗的時候發(fā)現(xiàn)自己被綠了拙泽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡裸燎,死狀恐怖顾瞻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情德绿,我是刑警寧澤荷荤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站移稳,受9級特大地震影響蕴纳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜个粱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一古毛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧都许,春花似錦稻薇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至弧烤,卻和暖如春忱屑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背暇昂。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工莺戒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人急波。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓从铲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親澄暮。 傳聞我的和親對象是個殘疾皇子名段,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 如果我們git clone的下載代碼的時候是連接的https://而不是git@git(ssh)的形式阱扬,當(dāng)我們操作...
    寶山瀟灑哥閱讀 989評論 0 0
  • 如果你正在找工作,本課幫助你戰(zhàn)勝比你文憑伸辟,水平高的人 如果你剛進(jìn)入大學(xué)麻惶,本課就是你的大學(xué)第一課 如果你想出國留學(xué),...
    雪糕都閱讀 219評論 0 1
  • 這里的生靈是依著山傍著水的信夫。只是這里并非桃源窃蹋,亦不是天府,這里山河寂寂静稻,冬日沒有雪的日子里警没,甚至看來滿目瘡痍。 行...
    鶴昉閱讀 5,864評論 6 12
  • 每次被老公不經(jīng)意間的言語打擊之后,我還是會很難受押搪,覺得他在指責(zé)我树酪,看不起我。 接著就是莫名的委屈悲傷大州,之后是憤怒嗅回。...
    拉鋸之戰(zhàn)閱讀 327評論 3 1
  • 來簡書已經(jīng)很久了,久的我都忘記了第一次更文的時間埂陆。期間苛白,也曾下過決心要每天更文。實(shí)際上2016年全年焚虱,在簡書日更文...
    晨露里的微光閱讀 508評論 2 7