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