文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感(4)

來源:tgideas.qq 作者:高露潔 學(xué)習(xí):8053人次

文字設(shè)計(jì)的時(shí)候經(jīng)常會(huì)在后期給文字增加一些裝飾用的線條增強(qiáng)設(shè)計(jì)感,今天就分享一個(gè)實(shí)例,讓大家了解一下如何給文字增加襯線。

1、襯線特征

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

第一期我們講到宋體是最典型的襯線字體。襯線加強(qiáng)法,是在了解襯線字體筆畫特征的基礎(chǔ)上加強(qiáng)調(diào)整的設(shè)計(jì)方法。首先我們先看看襯線體的特征(以宋體為例):

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

宋體襯線特征了解后,我們會(huì)發(fā)現(xiàn)其實(shí)襯線字體筆畫很多地方裝飾性元素有共性,但有些還是有個(gè)性變化的。所以我們?cè)谧霾煌黝}的字體的時(shí)候可以根據(jù)字體特征一般在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設(shè)計(jì)(如上圖),讓字體顯得更加個(gè)性,更有設(shè)計(jì)感。

2、個(gè)例分析

我們先看個(gè)設(shè)計(jì)的完整稿“魔法的誘惑”。該字體是DNF女魔法師的一個(gè)轉(zhuǎn)職。

1. 設(shè)計(jì)之初,先是根據(jù)游戲角色,找了魔獸世界(游戲)、畫皮(魔法電影)、哈利波特(魔法電影)的字體設(shè)計(jì)做了參考。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

2. 選取了造字工房的非襯線體版黑字體為原型進(jìn)行設(shè)計(jì)。

選取合適的基礎(chǔ)字體做變形是做字體設(shè)計(jì)的一個(gè)重要步驟,當(dāng)然也可以在草稿上畫好掃描進(jìn)電腦再進(jìn)行繪制也是可以的。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

這一步已經(jīng)對(duì)字體的結(jié)構(gòu)和重心做了比較多的調(diào)整和變形,具體調(diào)整方法參看字體故事1。接下來講的就是本集講的重點(diǎn),襯線加強(qiáng)法。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

調(diào)整結(jié)構(gòu)和重心的字體顯然在視覺上無法滿足我們的要求,這時(shí)候就要根據(jù)前面參看的游戲電影字體,添加裝飾元素。

我們選取了魔法師類似巫婆的帽子、卷曲的類似枝條的形式,一些類似藤條的荊棘的元素。在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設(shè)計(jì)。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

其實(shí)在什么位置上調(diào)整筆畫和添加裝飾性元素,有些同學(xué)可能有些迷茫,這里我舉個(gè)簡(jiǎn)單的例子就很清晰了,還是拿女人做例子。女人要時(shí)尚和看起來個(gè)性如何裝扮自己?

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

其實(shí)在什么位置上調(diào)整筆畫和添加裝飾性元素,有些同學(xué)可能有些迷茫,這里我舉個(gè)簡(jiǎn)單的例子就很清晰了,還是拿女人做例子。女人要時(shí)尚和看起來個(gè)性如何裝扮自己?

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

最后看看最終效果。運(yùn)用同樣的襯先加強(qiáng)法,該版本字體我也做了第二稿。不過第二稿是在把字體拉高,重心略微提上,覺得這樣更符合女性的魔法特征和氣息。不過最終確認(rèn)還是上一版的效果。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

3、類舉分析

“致愛青春”是之前致青春電影剛出來時(shí),一塊游戲的活動(dòng)slogan。避免統(tǒng)一原版字體,我這里選了極細(xì)的襯線體做原型。然后在“愛”“春”的左右添加了樹葉,體現(xiàn)清晰、青春、校園的味道。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

“為愛而戰(zhàn)”是幫同事調(diào)整修改后的一個(gè)字體。比較休閑、娛樂性質(zhì)的。所以稍微靈動(dòng)一點(diǎn)的排列方式,使其看起來更加輕松活潑。在字體的筆畫的很多位置加了尖角襯線效果的處理方式,加強(qiáng)個(gè)性和視覺沖擊力。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

“裙下之臣”是之前做的一個(gè)游戲?qū)n}標(biāo)題設(shè)計(jì),看字體和名字就是女性類的。聯(lián)想起妖媚的女性,選取了比較偏細(xì)風(fēng)格的字體做變形,結(jié)合裙子,飄逸、起舞的造型對(duì)“裙”“之”“下”字的筆畫做了重復(fù)和類比的裝飾處理。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

“超神英雄” 是類LOL的魔幻競(jìng)技類的一款騰訊游戲,當(dāng)初是參加一個(gè)中文漢化的logo比賽做的,也同樣是調(diào)整了結(jié)構(gòu)和重心后添加了類似LOL字體元素的襯線元素。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

“海庫“需要的海洋的感覺,波濤、海浪,所以選擇柔軟的曲線,類似水泡的元素和浪花裝飾字體筆畫。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

“地獄史詩” DNF的一個(gè)版本專題slogan。首頁也是做了字體結(jié)構(gòu)和重心調(diào)整,最后在4個(gè)字的不同筆畫添加少量裝飾元素使其更加個(gè)性。

文字設(shè)計(jì),給文字增加襯線,加強(qiáng)設(shè)計(jì)感_tgudhdp.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
夏天鴨鴨2019-04-25 12:17
好人
落英滿裳2018-02-02 08:01
喜歡這效果
愛你一萬年2017-05-28 03:00
好棒的教程
愛你一萬年2017-05-28 03:00
好棒的教程
愛你一萬年2017-05-28 03:00
好棒的教程
夠不夠久情2017-05-27 07:50
大棒了,以后天天來
夠不夠久情2017-05-27 07:50
大棒了,以后天天來
夠不夠久情2017-05-27 07:50
大棒了,以后天天來
獨(dú)孤求敗2017-05-27 07:45
根本看不懂
獨(dú)孤求敗2017-05-27 07:45
根本看不懂
獨(dú)孤求敗2017-05-27 07:45
根本看不懂
紫風(fēng)六翼2017-05-27 06:17
看了一天教程了
紫風(fēng)六翼2017-05-27 06:17
看了一天教程了
紫風(fēng)六翼2017-05-27 06:17
看了一天教程了
抗婊愛國青年2017-05-27 03:31
頂一下

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!