我們?yōu)槭裁匆鲎煮w設(shè)計阁将?首先就是因為版權(quán)問題,做商業(yè)設(shè)計的時候右遭,可能并沒有擁有那么多版權(quán)的字體可以使用做盅。為了不陷入不必要的版權(quán)糾紛,就需要自己來做字體的設(shè)計窘哈。
當(dāng)然最重要的還是通過自己設(shè)計出來的字形吹榴,將字體圖形化,提升畫面的趣味性滚婉,更好的吸引用戶瀏覽和表達(dá)主題氛圍腊尚。
字形的大致分類
中文字體的字形變化千變?nèi)f化,我們?yōu)榱吮阌诶斫饴模瑢⒆煮w的變形方式大體分為四類婿斥,每類下面根據(jù)設(shè)計的不同又可以延伸出很多種不同的字體風(fēng)格。
1. 可愛卡通類型字體設(shè)計
字體特點(diǎn):圓潤哨鸭,筆畫隨意自由民宿,有粗細(xì)變化,手寫感
2. 文藝類型
字體特點(diǎn):纖細(xì)像鸡,自由活鹰,手寫體
3. 銳利硬氣類型
字體特點(diǎn):剛硬哈恰,棱角,夸張有沖擊力
4. 毛筆字類型
字體特點(diǎn):剛硬志群,棱角着绷,夸張有沖擊力
對應(yīng)四種類型的字體設(shè)計,我們也整理出四種字體設(shè)計的招數(shù)锌云,讓大家快速提升字體設(shè)計能力荠医。(以下操作均在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版本中爽冕,新加入了一個非常好用的功能——寬度工具仇祭。在制作這種字體的筆畫過程中,可以大大的簡化操作颈畸。使用這個寬度工具后乌奇,拖動線段的某一個部分,會使線段均勻的加粗或者變細(xì)眯娱。
利用寬度工具迅速改變筆畫粗細(xì)變化礁苗,讓字形更加可愛。
Step 5. 細(xì)節(jié)微調(diào)
得到以上效果后徙缴,我們?nèi)x字體试伙。然后在“對象”的工作欄中找到“擴(kuò)展外觀”的選項,對整個字體進(jìn)行轉(zhuǎn)曲。
使用直接選擇工具(A)進(jìn)行錨點(diǎn)進(jìn)行微調(diào)疏叨。
最終效果:
第二招:描邊工具制作文藝文字
Step 1. 選擇字體框架潘靖,利用鋼筆工具勾出字體輪廓
首先我們新建一個模板,選擇一個最常見的字體——宋體蚤蔓。
將文字拉長卦溢。這樣文字有一種高挑修長美女的既視感。同樣可以根據(jù)實(shí)際需求中要制作的字體情況保持原狀或者擠扁字體昌粤,或者選擇其他纖細(xì)的字體作為模板既绕,都是可以自行調(diào)整的。不要拘于某一種字形涮坐,覺得好看凄贩,合適就好。
用AI里的鋼筆工具(P)袱讹。調(diào)整適當(dāng)?shù)拿柽叴旨?xì)疲扎,保證線條纖細(xì)精致。
![](http://image.uisdc.com/wp-content/uploads/2017/09/uisdc-fontdesign-20170910-13.png)
將宋體的字形襯在底部捷雕,描出4個字的大體框架椒丧。
Step 2. 圓角工具處理筆畫拐角
在AI CC版本中,加入了一個很好用的倒角工具救巷。選擇一個尖銳的形狀壶熏。會在折角處看到有可以用來倒角的小圓圈。圖示為2個邊的折角和一個正方形浦译。鼠標(biāo)放到折角的小圓圈處進(jìn)行拖動棒假,就可以直接對2條邊進(jìn)行倒角。方形的形狀更是方便精盅,4個角可以一同進(jìn)行變化帽哑。
鼠標(biāo)放到折角的小圓圈處進(jìn)行拖動,就可以直接對2條邊進(jìn)行倒角叹俏。
用這個小技巧來將折角處的接口變的圓滑妻枕,會使折角處圓滑的更加自然,處理過程的更加便捷粘驰。
Step 3. 改變筆畫進(jìn)行細(xì)化設(shè)計
可以根據(jù)自身的感覺與創(chuàng)意在線的交匯處等細(xì)節(jié)區(qū)域屡谐,做一些個性化的處理,比如將兩段線條連接起來蝌数,或者端點(diǎn)處加一些圓圈的小裝飾等愕掏。”
可以根據(jù)設(shè)計環(huán)境的要求籽前,對字體進(jìn)行加粗亭珍,呈現(xiàn)的會是另外一種感覺敷钾。
PS:也可以依照這種方法 改變線條的斷點(diǎn),做一些線條比較板正的字體的效果肄梨。
第三招:矩形造字法
通過AI工具的矩形工具利用矩形形狀去創(chuàng)造出結(jié)構(gòu)相對硬朗的字體設(shè)計方向
Step 1. 利用矩形搭建字體骨架
這里以“勇往直前”這幾個字為例阻荒。
先選用一種合適的字體作為“骨架”。我這里就選一種最為平凡的微軟雅黑作為實(shí)例众羡。使用字體工具侨赡,將這4個字打出來。(可以選擇更多個性的字體作為結(jié)構(gòu)參考粱侣,這里使用微軟雅黑也是因為它的普遍性羊壹,請舉一反三)
然后我們根據(jù)字體的筆畫疏密程度,以及想要的字形感覺齐婴,先確定一下筆畫的基本粗細(xì)油猫。筆畫“豎”一般會比“橫”稍微粗一些。拎出來2個基本筆畫“橫”“豎”作為拼接該字體的積木柠偶,將即將做的這4個字用這2個基本筆畫拼接起來情妖。為了能看清楚下面的基礎(chǔ)字型,繪制矩形的時候诱担,可以適當(dāng)?shù)恼{(diào)整透明度毡证。
如果遇到“點(diǎn)”或者“提”等斜著的筆畫。我們可以使用AI里的直接選擇工具(A)蔫仙,選擇某一個邊進(jìn)行隨意的調(diào)節(jié)料睛。也可以使用變形工具(E)進(jìn)行變形。
在制作的過程中摇邦,請勿完全根據(jù)2個基本筆畫的粗細(xì)一成不變的進(jìn)行拼湊恤煞。還需要進(jìn)行一定的字體處理。如果一成不變只會讓字體比較呆板涎嚼。而且在擁擠的結(jié)構(gòu)中2個很粗的筆畫保持粗細(xì)不變的話阱州,也會擠到一起挑秉。
Step 2. 調(diào)整形狀+規(guī)范字體大小外形
這樣的初稿有了字體大致的形狀法梯。但是上下的結(jié)構(gòu)還不是很整齊。整個字體由于還是初步的制作犀概,看起來有一些死板立哑。
現(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é)
得到了這樣的一個字形后这嚣,為了讓字體更加有速度感和力度感鸥昏。我們使用(E)變形工具,可以讓字體稍微的傾斜姐帚。
并繼續(xù)在筆畫上加一些細(xì)節(jié)吏垮。這里有了基本的字形,設(shè)計師可以根據(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è)計感
觀察字體間的結(jié)構(gòu),我們可以再做一些有趣的設(shè)計友酱,比如把有的筆畫做成閃電等結(jié)構(gòu)晴音。這樣一個字體就大致做好了。
第四招:毛筆字筆觸改字法
書法字體的設(shè)計較多運(yùn)用于中國風(fēng)的設(shè)計或者一些游戲頁面中缔杉。制作書法字體最快速的方法就是將現(xiàn)有的書法字體進(jìn)行改造锤躁。為了避免版權(quán)問題,而且為了使書法字體更加的氣勢磅礴或详,我們采用以下的方法來制作系羞。
Step 1.?毛筆字生成器生成毛筆字,進(jìn)行簡單排版
現(xiàn)在有很多在線生成的書法字體霸琴,通過搜索引擎椒振,搜索“在線書法生成”,能找到很多生成書法字體的網(wǎng)站梧乘。在網(wǎng)站上找到自己合適的字體澎迎。這里選擇“五彩繽紛”作為實(shí)例,我們在網(wǎng)站上在線生成好选调,下載字體的矢量文件夹供,并且進(jìn)行簡單的排版。
Step2.?通過不同的毛筆字筆觸素材優(yōu)化毛筆字的整體感覺
因為初始的字體仁堪,并沒有做過多的藝術(shù)修飾哮洽,曲線還是比較生硬的。通過一些毛筆筆畫矢量文件對上面毛筆字基礎(chǔ)形的進(jìn)行加工弦聂。
Step3. 增加一些墨點(diǎn)細(xì)節(jié)
我們可以再下面添加一些墨點(diǎn)墨跡的素材鸟辅。讓畫面更加飽滿氛什,有氛圍。
作者:謝思靖