超實(shí)用喝滞!四招快速提升字體設(shè)計能力

我們?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ì)精致。

將宋體的字形襯在底部捷雕,描出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)墨跡的素材鸟辅。讓畫面更加飽滿氛什,有氛圍。

作者:謝思靖

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匪凉,一起剝皮案震驚了整個濱河市屉更,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌洒缀,老刑警劉巖瑰谜,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異树绩,居然都是意外死亡萨脑,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門饺饭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渤早,“玉大人,你說我怎么就攤上這事瘫俊∪嫡龋” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵扛芽,是天一觀的道長骂蓖。 經(jīng)常有香客問我,道長川尖,這世上最難降的妖魔是什么登下? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮叮喳,結(jié)果婚禮上被芳,老公的妹妹穿的比我還像新娘。我一直安慰自己馍悟,他們只是感情好畔濒,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锣咒,像睡著了一般侵状。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宠哄,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天壹将,我揣著相機(jī)與錄音嗤攻,去河邊找鬼毛嫉。 笑死,一個胖子當(dāng)著我的面吹牛妇菱,可吹牛的內(nèi)容都是我干的承粤。 我是一名探鬼主播暴区,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼辛臊!你這毒婦竟也來了仙粱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤彻舰,失蹤者是張志新(化名)和其女友劉穎伐割,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體刃唤,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡隔心,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了尚胞。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片硬霍。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖笼裳,靈堂內(nèi)的尸體忽然破棺而出唯卖,到底是詐尸還是另有隱情,我是刑警寧澤躬柬,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布拜轨,位于F島的核電站,受9級特大地震影響允青,放射性物質(zhì)發(fā)生泄漏撩轰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一昧廷、第九天 我趴在偏房一處隱蔽的房頂上張望堪嫂。 院中可真熱鬧,春花似錦木柬、人聲如沸皆串。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恶复。三九已至,卻和暖如春速挑,著一層夾襖步出監(jiān)牢的瞬間谤牡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工姥宝, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留翅萤,地道東北人。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓腊满,卻偏偏與公主長得像套么,于是被迫代替她去往敵國和親培己。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容