當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

文字設計,給文字增加襯線,加強設計感(4)

來源:tgideas.qq 作者:高露潔 學習:8053人次

文字設計的時候經常會在后期給文字增加一些裝飾用的線條增強設計感,今天就分享一個實例,讓大家了解一下如何給文字增加襯線。

1、襯線特征

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

第一期我們講到宋體是最典型的襯線字體。襯線加強法,是在了解襯線字體筆畫特征的基礎上加強調整的設計方法。首先我們先看看襯線體的特征(以宋體為例):

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

宋體襯線特征了解后,我們會發(fā)現其實襯線字體筆畫很多地方裝飾性元素有共性,但有些還是有個性變化的。所以我們在做不同主題的字體的時候可以根據字體特征一般在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設計(如上圖),讓字體顯得更加個性,更有設計感。

2、個例分析

我們先看個設計的完整稿“魔法的誘惑”。該字體是DNF女魔法師的一個轉職。

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

2. 選取了造字工房的非襯線體版黑字體為原型進行設計。

選取合適的基礎字體做變形是做字體設計的一個重要步驟,當然也可以在草稿上畫好掃描進電腦再進行繪制也是可以的。

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

這一步已經對字體的結構和重心做了比較多的調整和變形,具體調整方法參看字體故事1。接下來講的就是本集講的重點,襯線加強法。

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

調整結構和重心的字體顯然在視覺上無法滿足我們的要求,這時候就要根據前面參看的游戲電影字體,添加裝飾元素。

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

3、類舉分析

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

“裙下之臣”是之前做的一個游戲專題標題設計,看字體和名字就是女性類的。聯(lián)想起妖媚的女性,選取了比較偏細風格的字體做變形,結合裙子,飄逸、起舞的造型對“裙”“之”“下”字的筆畫做了重復和類比的裝飾處理。

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

“超神英雄” 是類LOL的魔幻競技類的一款騰訊游戲,當初是參加一個中文漢化的logo比賽做的,也同樣是調整了結構和重心后添加了類似LOL字體元素的襯線元素。

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

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

文字設計,給文字增加襯線,加強設計感_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夏天鴨鴨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
大棒了,以后天天來
獨孤求敗2017-05-27 07:45
根本看不懂
獨孤求敗2017-05-27 07:45
根本看不懂
獨孤求敗2017-05-27 07:45
根本看不懂
紫風六翼2017-05-27 06:17
看了一天教程了
紫風六翼2017-05-27 06:17
看了一天教程了
紫風六翼2017-05-27 06:17
看了一天教程了
抗婊愛國青年2017-05-27 03:31
頂一下

關注大神微博加入>>

網友求助,請回答!