今天給大家分享一個字體效果設(shè)計教程:使用混合工具和剪切蒙版制作圖案文字

2018-09-29 3023 7

大家好,我是平面設(shè)計干貨君。

知識一點點累積,總有一天會厚積薄發(fā)!


 


 

今天給大家分享一個字體效果設(shè)計教程:使用混合工具和剪切蒙版制作圖案文字。使用的是Illustrator軟件,效果圖如下:


 

下面是具體的操作步驟:


 

首先打開AI軟件,新建文件,命名,使用文字工具在畫布上輸入你想要設(shè)計的文字,設(shè)置顏色、字體、大小等等:

選中文字,右鍵選擇“創(chuàng)建輪廓”命令,將文字轉(zhuǎn)化為對象,便于我們后面的操作。轉(zhuǎn)化為對象之后的文字就不能像原來一樣可以使用文字工具再進行編輯了。

接著對對象進行取消編組,同樣右鍵,選擇“取消編組”命令,這樣文字就分解成了單獨的字母對象,不再是編組的一個整體了,可以單獨對每個字母進行編輯操作。接下來我們需要對每個字母進行分割處理了,以便將文字的一部分設(shè)計成圖案。

我在上一篇教程“字體特效:使用Illustrator軟件設(shè)計創(chuàng)意階梯文字—AI教程”里也有提到過,為了便于觀察,可以將視圖切換為“輪廓”模式(可以通過“視圖”—“輪廓”來切換,也可以直接使用快捷鍵Ctrl+Y快速切換),

輪廓化視圖打開的效果如下:

選擇“直線段工具”,沿著字母G如圖邊緣線的中心點按住Shift+Alt鍵從中心點向外等比例拖動繪制出直線,這條直線是用來分割字母的,

同樣在其他字母上都添加相應(yīng)的分割線,不過不一定都需要使用直線段工具,例如也可以使用鋼筆工具圈出要分割的部分,如下圖:

繼續(xù)給后續(xù)的字母同樣的分割線操作,在同樣使用垂直線的時候,可以不用每次都用直線段工具去繪制,可以選中已經(jīng)畫好的直線段,按住Alt鍵的同時拖動直線段到指定的位置就可以在該位置復(fù)制一條一模一樣的直線段出來,如下圖中的P、H、C上的直線段就可以使用這種方法快速的復(fù)制出來。如果想要傾斜的線,可以將垂直的線段進行旋轉(zhuǎn),按住Shift鍵的同時旋轉(zhuǎn),可以以45°角的倍數(shù)進行旋轉(zhuǎn),如圖I字母上的斜線就是利用這種方法制作的45°傾斜線:

接下來就是要進行分割操作了,上一篇教程“字體特效:使用Illustrator軟件設(shè)計創(chuàng)意階梯文字—AI教程”里使用的是通過路徑查找器工具里的“分割”命令將對象進行分割的方法,這里給大家介紹另外一個方法:使用形狀生成器工具對字母進行分割處理。這在上篇教程里也有提到過一下。

選中“形狀生成器”工具,在如圖中每個字母需要做成圖案的部分單擊,選中的部分會變成網(wǎng)格狀,這一部分就成了一個整體,跟其他部分分割開了(移動一下就可以檢測是否分離成功)

對每個字母都做完分割以后,就可以刪掉這些多余的分割線了:

全部刪掉的結(jié)果如下:

Ctrl+Y返回正常預(yù)覽視圖模式,效果如下:

框選所有對象時可以看到整體:

可以看到A字母兩部分銜接的位置沒有處理的很好,可以放大稍微調(diào)整一下:

調(diào)整好了之后如下:

接下來就要制作圖案了,我想要制作的圖案是由傾斜的線組合而成的,這種圖案的制作方法有很多,我就不一一列舉了,這里我是利用混合工具快速生成的,具體操作步驟如下:

1、先用矩形工具繪制一條線段,如下:

2、使用選擇工具選中直線一端拖動就可以將直線段傾斜,按住Shift鍵拖動就是按照45°角的倍數(shù)進行旋轉(zhuǎn),我這里隨意旋轉(zhuǎn)了一定的角度,并不是完全的45°,大家根據(jù)自己想要的傾斜度去調(diào)整即可

上面說到了,按住Alt鍵的同時拖動對象可以快速復(fù)制對象,這里我在這條傾斜線的下面一定距離復(fù)制了一條一模一樣的斜線:

如圖,雙擊“混合工具”圖標,即可彈出混合選項設(shè)置窗口

這里間距方式選擇“指定的步數(shù)”,具體數(shù)值依據(jù)自己喜歡的效果而定,我這里設(shè)置了50,設(shè)置好混合選項參數(shù)之后,將混合工具移動到這兩條斜線上,分別單擊這兩條線,當單擊第二條線的時候就會發(fā)現(xiàn)混合已經(jīng)建立了,如下圖:

接著為了便于操作,我們將這個混合對象進行擴展,執(zhí)行“對象-擴展”命令,在彈出的窗口中選擇“確定”,

這時候?qū)ο缶妥兂闪艘粋€便于移動的整體了,接著,將這個混合對象復(fù)制一個出來之后移動到G字母上,將G字母覆蓋(如果你制作的混合對象面積比字母要小,可以等比例放大混合對象),然后將混合對象移動到字母下面,這可以通過右鍵“排列-至于底層”等命令來實現(xiàn)。

接著同時選中G字母的左邊無填充色部分和它下面的混合對象(這里注意不要選中了多余的部分比如不需要變成圖案的文字部分),右鍵選擇“建立剪切蒙板”,

命令執(zhí)行之后得到的效果如下:

可以看到,圖案字母已經(jīng)生成了,接著對其他字母也執(zhí)行同樣的操作,最終效果如下:

到這里還沒結(jié)束哦,接下來還可以嘗試對這些對象進行一些效果處理,例如讓文字有立體感和質(zhì)感。


 

將沒有變成圖案的綠色部分都選中,進行編組,然后復(fù)制這個組對象,給它填充另外一種顏色,如圖:

將復(fù)制的對象移動到綠色對象的下層,適當錯開一些位置,制造立體感。

然后選中上層的綠色部分,打開“外觀”面板,如圖,點擊“不透明度”選項,將綠色部分的圖層模式改為“正片疊底”,效果如下:

接著全選所有對象,Ctrl+G編組,然后對這個組對象執(zhí)行“效果-3D-旋轉(zhuǎn)”命令,

在彈出的參數(shù)窗口設(shè)置你想要的旋轉(zhuǎn)效果參數(shù),調(diào)整時候可以打開“預(yù)覽”按鈕,我這里簡單弄了下旋轉(zhuǎn),參數(shù)如下:

接著打開圖層面板,將所有圖案部分編為一組,另外兩組分別是上層綠色部分和下層紅色部分,選中紅色組對象:

打開“外觀”面板,如圖,選擇“效果-風格化-投影”,給紅色組對象創(chuàng)建一個投影,

參數(shù)如下,僅供參考:

接下來,你也可以繼續(xù)給這些對象添加更多的效果,我這里就不繼續(xù)做了。為了方便查看,我這里隨手拖了一個紋理進來當作背景:

最終效果如下圖:


 


 

總結(jié):


本篇教程主要涉及到的知識點有:混合工具的使用;剪切蒙板的應(yīng)用;Shift鍵、Alt鍵的靈活運用;形狀生成器工具的使用;“外觀”面板;圖層模式的運用;3D旋轉(zhuǎn)命令;投影效果的創(chuàng)建等等。


 

今天這篇教程的設(shè)計方法其實可以很廣泛的應(yīng)用在平時的設(shè)計中,如宣傳冊設(shè)計、海報設(shè)計、字體設(shè)計、logo設(shè)計等等,大家好好練習吧!


 

感謝你的耐心閱讀,如果你喜歡我的文章,并且覺得對你有用的話,也希望你能不吝分享和轉(zhuǎn)發(fā),讓我們都能夠結(jié)識更多的設(shè)計小伙伴!學習路上一起努力吧!


 


19
評論區(qū)(0)
正在加載評論...