當(dāng)然最重要的還是通過自己設(shè)計(jì)出來的字形,將字體圖形化,提升畫面的趣味性,更好的吸引用戶瀏覽和表達(dá)主題氛圍。
字形的大致分類
中文字體的字形變化千變?nèi)f化,我們?yōu)榱吮阌诶斫?,將字體的變形方式大體分為四類,每類下面根據(jù)設(shè)計(jì)的不同又可以延伸出很多種不同的字體風(fēng)格。
1. 可愛卡通類型字體設(shè)計(jì)
字體特點(diǎn):圓潤(rùn),筆畫隨意自由,有粗細(xì)變化,手寫感
2. 文藝類型
字體特點(diǎn):纖細(xì),自由,手寫體
3. 銳利硬氣類型
字體特點(diǎn):剛硬,棱角,夸張有沖擊力
4. 毛筆字類型
字體特點(diǎn):剛硬,棱角,夸張有沖擊力
對(duì)應(yīng)四種類型的字體設(shè)計(jì),我們也整理出四種字體設(shè)計(jì)的招數(shù),讓大家快速提升字體設(shè)計(jì)能力。(以下操作均在AI、CC中操作)
第一招:畫筆工具+寬度工具打造可愛類型字體
Step 1. 畫筆工具手寫字型
首先使用AI的畫筆工具(B),在畫布上先繪制出字體的大致形狀。不用太在意現(xiàn)階段的美丑,盡可能的讓字體工整,一些筆畫可以寫的俏皮一點(diǎn)有一些轉(zhuǎn)彎之類的。
Step 2. 調(diào)整路徑美化線條
選中第一步驟中所有的字體,按下D鍵。D鍵的功能是將選中的物體變?yōu)槟J(rèn)的描邊與填色(為了方便后面使用寬度工具)。
通過錨點(diǎn)工具調(diào)整文字上的節(jié)點(diǎn),調(diào)整文字外形,如果文字上錨點(diǎn)太多,可以通過對(duì)象>路徑>簡(jiǎn)化路徑,進(jìn)行調(diào)整。
Step 3. 調(diào)整線條粗細(xì)和端點(diǎn)
再將目前的描邊加粗。將目前為1的描邊調(diào)整到適合的粗細(xì)。使細(xì)瘦的字體看起來豐滿。選擇直接選擇工具(A)。適當(dāng)?shù)恼{(diào)整字體的錨點(diǎn),不使筆畫都擠到一起。調(diào)整后,得到下面的字體效果。
Step 4. 寬度工具快速打造字體粗細(xì)變化
在CC版本中,新加入了一個(gè)非常好用的功能——寬度工具。在制作這種字體的筆畫過程中,可以大大的簡(jiǎn)化操作。使用這個(gè)寬度工具后,拖動(dòng)線段的某一個(gè)部分,會(huì)使線段均勻的加粗或者變細(xì)。
利用寬度工具迅速改變筆畫粗細(xì)變化,讓字形更加可愛?。
Step 5. 細(xì)節(jié)微調(diào)
得到以上效果后,我們?nèi)x字體。然后在“對(duì)象”的工作欄中找到“擴(kuò)展外觀”的選項(xiàng),對(duì)整個(gè)字體進(jìn)行轉(zhuǎn)曲。
使用直接選擇工具(A)進(jìn)行錨點(diǎn)進(jìn)行微調(diào)。
最終效果:
第二招:描邊工具制作文藝文字
Step 1. 選擇字體框架,利用鋼筆工具勾出字體輪廓
首先我們新建一個(gè)模板,選擇一個(gè)最常見的字體——宋體。
將文字拉長(zhǎng)。這樣文字有一種高挑修長(zhǎng)美女的既視感。同樣可以根據(jù)實(shí)際需求中要制作的字體情況保持原狀或者擠扁字體,或者選擇其他纖細(xì)的字體作為模板,都是可以自行調(diào)整的。不要拘于某一種字形,覺得好看,合適就好。
用AI里的鋼筆工具(P)。調(diào)整適當(dāng)?shù)拿柽叴旨?xì),保證線條纖細(xì)精致。
將宋體的字形襯在底部,描出4個(gè)字的大體框架。
Step 2. 圓角工具處理筆畫拐角
在AI CC版本中,加入了一個(gè)很好用的倒角工具。選擇一個(gè)尖銳的形狀。會(huì)在折角處看到有可以用來倒角的小圓圈。圖示為2個(gè)邊的折角和一個(gè)正方形。鼠標(biāo)放到折角的小圓圈處進(jìn)行拖動(dòng),就可以直接對(duì)2條邊進(jìn)行倒角。方形的形狀更是方便,4個(gè)角可以一同進(jìn)行變化。
鼠標(biāo)放到折角的小圓圈處進(jìn)行拖動(dòng),就可以直接對(duì)2條邊進(jìn)行倒角。
用這個(gè)小技巧來將折角處的接口變的圓滑,會(huì)使折角處圓滑的更加自然,處理過程的更加便捷。
Step 3. 改變筆畫進(jìn)行細(xì)化設(shè)計(jì)
可以根據(jù)自身的感覺與創(chuàng)意在線的交匯處等細(xì)節(jié)區(qū)域,做一些個(gè)性化的處理,比如將兩段線條連接起來,或者端點(diǎn)處加一些圓圈的小裝飾等。”
可以根據(jù)設(shè)計(jì)環(huán)境的要求,對(duì)字體進(jìn)行加粗,呈現(xiàn)的會(huì)是另外一種感覺。
PS:也可以依照這種方法 改變線條的斷點(diǎn),做一些線條比較板正的字體的效果。
第三招:矩形造字法
通過AI工具的矩形工具利用矩形形狀去創(chuàng)造出結(jié)構(gòu)相對(duì)硬朗的字體設(shè)計(jì)方向
Step 1. 利用矩形搭建字體骨架
這里以“勇往直前”這幾個(gè)字為例。
先選用一種合適的字體作為“骨架”。我這里就選一種最為平凡的微軟雅黑作為實(shí)例。使用字體工具,將這4個(gè)字打出來。(可以選擇更多個(gè)性的字體作為結(jié)構(gòu)參考,這里使用微軟雅黑也是因?yàn)樗钠毡樾?,?qǐng)舉一反三)
然后我們根據(jù)字體的筆畫疏密程度,以及想要的字形感覺,先確定一下筆畫的基本粗細(xì)。筆畫“豎”一般會(huì)比“橫”稍微粗一些。拎出來2個(gè)基本筆畫“橫”“豎”作為拼接該字體的積木,將即將做的這4個(gè)字用這2個(gè)基本筆畫拼接起來。為了能看清楚下面的基礎(chǔ)字型,繪制矩形的時(shí)候,可以適當(dāng)?shù)恼{(diào)整透明度。
如果遇到“點(diǎn)”或者“提”等斜著的筆畫。我們可以使用AI里的直接選擇工具(A),選擇某一個(gè)邊進(jìn)行隨意的調(diào)節(jié)。也可以使用變形工具(E)進(jìn)行變形。
在制作的過程中,請(qǐng)勿完全根據(jù)2個(gè)基本筆畫的粗細(xì)一成不變的進(jìn)行拼湊。還需要進(jìn)行一定的字體處理。如果一成不變只會(huì)讓字體比較呆板。而且在擁擠的結(jié)構(gòu)中2個(gè)很粗的筆畫保持粗細(xì)不變的話,也會(huì)擠到一起。
Step 2. 調(diào)整形狀+規(guī)范字體大小外形
這樣的初稿有了字體大致的形狀。但是上下的結(jié)構(gòu)還不是很整齊。整個(gè)字體由于還是初步的制作,看起來有一些死板。
現(xiàn)在我們把形狀的透明度調(diào)整為100%,上下加上2條輔助線。我們調(diào)整字體的字形,可以讓上下的輪廓更加的整齊,水平。也再次調(diào)整線條的粗細(xì)以及內(nèi)部結(jié)構(gòu)。讓字體整體更加的協(xié)調(diào)。
Step 3. 改變字體角, 增加錨點(diǎn)豐富筆畫結(jié)構(gòu)細(xì)節(jié)
得到了這樣的一個(gè)字形后,為了讓字體更加有速度感和力度感。我們使用(E)變形工具,可以讓字體稍微的傾斜。
并繼續(xù)在筆畫上加一些細(xì)節(jié)。這里有了基本的字形,設(shè)計(jì)師可以根據(jù)自己的想法來調(diào)整筆畫字形。只要好合適協(xié)調(diào)即可。
使用鋼筆工具在矩形上增加錨點(diǎn),從而能夠在字形上進(jìn)行更多細(xì)節(jié)和結(jié)構(gòu)的處理。
比如我們把筆畫的端點(diǎn)處加上突出的小斜尖。以及將筆畫做一些“破”的處理,使字體內(nèi)部間更加的呼吸通暢。這樣字體的速度感和力度就更強(qiáng)烈了。
Step 4. 變化元素細(xì)節(jié)提升設(shè)計(jì)感
觀察字體間的結(jié)構(gòu),我們可以再做一些有趣的設(shè)計(jì),比如把有的筆畫做成閃電等結(jié)構(gòu)。這樣一個(gè)字體就大致做好了。
第四招:毛筆字筆觸改字法
書法字體的設(shè)計(jì)較多運(yùn)用于中國(guó)風(fēng)的設(shè)計(jì)或者一些游戲頁(yè)面中。制作書法字體最快速的方法就是將現(xiàn)有的書法字體進(jìn)行改造。為了避免版權(quán)問題,而且為了使書法字體更加的氣勢(shì)磅礴,我們采用以下的方法來制作。
Step 1. 毛筆字生成器生成毛筆字,進(jìn)行簡(jiǎn)單排版
現(xiàn)在有很多在線生成的書法字體,通過搜索引擎,搜索“在線書法生成”,能找到很多生成書法字體的網(wǎng)站。在網(wǎng)站上找到自己合適的字體。這里選擇“五彩繽紛”作為實(shí)例,我們?cè)诰W(wǎng)站上在線生成好,下載字體的矢量文件,并且進(jìn)行簡(jiǎn)單的排版。
Step2. 通過不同的毛筆字筆觸素材優(yōu)化毛筆字的整體感覺
因?yàn)槌跏嫉淖煮w,并沒有做過多的藝術(shù)修飾,曲線還是比較生硬的。通過一些毛筆筆畫矢量文件對(duì)上面毛筆字基礎(chǔ)形的進(jìn)行加工。
Step3. 增加一些墨點(diǎn)細(xì)節(jié)
我們可以再下面添加一些墨點(diǎn)墨跡的素材。讓畫面更加飽滿,有氛圍。