通過自己設(shè)計(jì)出來的字形，將字體圖形化，提升畫面的趣味性，更好的吸引用戶瀏覽和表達(dá)主題氛圍。

我們?yōu)槭裁匆鲎煮w設(shè)計(jì)？首先就是因?yàn)榘鏅?quán)問題，做商業(yè)設(shè)計(jì)的時(shí)候，可能并沒有擁有那么多版權(quán)的字體可以使用。為了不陷入不必要的版權(quán)糾紛，就需要自己來做字體的設(shè)計(jì)。

當(dāng)然最重要的還是通過自己設(shè)計(jì)出來的字形，將字體圖形化，提升畫面的趣味性，更好的吸引用戶瀏覽和表達(dá)主題氛圍。

字形的大致分類

中文字體的字形變化千變?nèi)f化，我們?yōu)榱吮阌诶斫?，將字體的變形方式大體分為四類，每類下面根據(jù)設(shè)計(jì)的不同又可以延伸出很多種不同的字體風(fēng)格。

1. 可愛卡通類型字體設(shè)計(jì)

字體特點(diǎn)：圓潤，筆畫隨意自由，有粗細(xì)變化，手寫感

2. 文藝類型

字體特點(diǎn)：纖細(xì)，自由，手寫體

3. 銳利硬氣類型

字體特點(diǎn)：剛硬，棱角，夸張有沖擊力

4. 毛筆字類型

字體特點(diǎn)：剛硬，棱角，夸張有沖擊力

對應(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)太多，可以通過對象>路徑>簡化路徑，進(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è)非常好用的功能——寬度工具。在制作這種字體的筆畫過程中，可以大大的簡化操作。使用這個(gè)寬度工具后，拖動(dòng)線段的某一個(gè)部分，會(huì)使線段均勻的加粗或者變細(xì)。

利用寬度工具迅速改變筆畫粗細(xì)變化，讓字形更加可愛?。

Step 5. 細(xì)節(jié)微調(diào)

得到以上效果后，我們?nèi)x字體。然后在“對象”的工作欄中找到“擴(kuò)展外觀”的選項(xiàng)，對整個(gè)字體進(jìn)行轉(zhuǎn)曲。

使用直接選擇工具（A）進(jìn)行錨點(diǎn)進(jìn)行微調(diào)。

最終效果:

第二招：描邊工具制作文藝文字

Step 1. 選擇字體框架，利用鋼筆工具勾出字體輪廓

首先我們新建一個(gè)模板，選擇一個(gè)最常見的字體——宋體。

將文字拉長。這樣文字有一種高挑修長美女的既視感。同樣可以根據(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)，就可以直接對2條邊進(jìn)行倒角。方形的形狀更是方便，4個(gè)角可以一同進(jìn)行變化。

鼠標(biāo)放到折角的小圓圈處進(jìn)行拖動(dòng)，就可以直接對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)境的要求，對字體進(jìn)行加粗，呈現(xiàn)的會(huì)是另外一種感覺。

PS：也可以依照這種方法 改變線條的斷點(diǎn)，做一些線條比較板正的字體的效果。

第三招：矩形造字法

通過AI工具的矩形工具利用矩形形狀去創(chuàng)造出結(jié)構(gòu)相對硬朗的字體設(shè)計(jì)方向

Step 1. 利用矩形搭建字體骨架

這里以“勇往直前”這幾個(gè)字為例。

先選用一種合適的字體作為“骨架”。我這里就選一種最為平凡的微軟雅黑作為實(shí)例。使用字體工具，將這4個(gè)字打出來。（可以選擇更多個(gè)性的字體作為結(jié)構(gòu)參考，這里使用微軟雅黑也是因?yàn)樗钠毡樾?，請舉一反三）

然后我們根據(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)行變形。

在制作的過程中，請勿完全根據(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)用于中國風(fēng)的設(shè)計(jì)或者一些游戲頁面中。制作書法字體最快速的方法就是將現(xiàn)有的書法字體進(jìn)行改造。為了避免版權(quán)問題，而且為了使書法字體更加的氣勢磅礴，我們采用以下的方法來制作。

Step 1. 毛筆字生成器生成毛筆字，進(jìn)行簡單排版

現(xiàn)在有很多在線生成的書法字體，通過搜索引擎，搜索“在線書法生成”，能找到很多生成書法字體的網(wǎng)站。在網(wǎng)站上找到自己合適的字體。這里選擇“五彩繽紛”作為實(shí)例，我們在網(wǎng)站上在線生成好，下載字體的矢量文件，并且進(jìn)行簡單的排版。

Step2. 通過不同的毛筆字筆觸素材優(yōu)化毛筆字的整體感覺

因?yàn)槌跏嫉淖煮w，并沒有做過多的藝術(shù)修飾，曲線還是比較生硬的。通過一些毛筆筆畫矢量文件對上面毛筆字基礎(chǔ)形的進(jìn)行加工。

Step3. 增加一些墨點(diǎn)細(xì)節(jié)

我們可以再下面添加一些墨點(diǎn)墨跡的素材。讓畫面更加飽滿，有氛圍。