Photoshop 中文字體設(shè)計(jì)技巧
ska2016.blogbus 發(fā)布時(shí)間:2010-03-22 13:27:43 作者:佚名
我要評(píng)論

這是我在站酷看到的一篇關(guān)于設(shè)計(jì)的文章說的非常的不錯(cuò),大家可以學(xué)習(xí)一下。
心法
既然是武功秘籍 肯定有內(nèi)功心法 那我們就先從內(nèi)功開始練起
兩儀
大家對(duì)太極圖肯定都很熟悉了 陰陽陰陽 有陰必有陽 這是太極的兩儀
也就是說凡事都有兩面 做設(shè)計(jì)也一樣 在同一個(gè)命題下 一個(gè)設(shè)計(jì)方向的背后肯定還有另外一個(gè)完全不同的設(shè)計(jì)方向
四象
我們先來看這個(gè)由太極演化而來的工具
我把字體設(shè)計(jì)歸為4個(gè)要素:
框架--自由
個(gè)性--識(shí)別性
我先解釋下這4個(gè)要素
框架:大家都知道 漢字 俗稱方塊字 這個(gè)方塊呢也就是框架了
自由:這個(gè)自由是相對(duì)框架而言 也就是不受方塊約束的字體(例如草書)
識(shí)別性:既然是字 那肯定要大家都能認(rèn)識(shí) 有的字經(jīng)過設(shè)計(jì)以后還能很方便的認(rèn)出來 也有的字設(shè)計(jì)完后要經(jīng)過一番思考才能認(rèn)出來 這就是識(shí)別性的強(qiáng)和弱了
個(gè)性:這個(gè)也是相對(duì)識(shí)別性來說的 有的設(shè)計(jì)師為了強(qiáng)調(diào)某種個(gè)性 而犧牲掉識(shí)別性 例如:涂鴉字體 以前街頭給人畫龍字啊鳳字的師傅就是個(gè)性字體設(shè)計(jì)高手
他們之間是相對(duì)的 (現(xiàn)在你看不懂沒關(guān)系,繼續(xù)看下去你就明白了)
這個(gè)工具有啥用呢?
我們?cè)倏?由四象推算出來的八卦 你可能會(huì)明白一點(diǎn)了
我們先看篆書,位于這個(gè)坐標(biāo)工具左上角 也就是框架和個(gè)性的極限交匯點(diǎn)上
先看形態(tài) 很明顯篆書是嚴(yán)格的在方塊進(jìn)行造型的 也就是以框架為基礎(chǔ)來設(shè)計(jì)的
由于篆書是象形字轉(zhuǎn)化而來還沒完全脫離象形字的構(gòu)造 在我們今天看來這種字體充滿了個(gè)性 但識(shí)別性就比較差了
楷書:形態(tài):依然是框架結(jié)構(gòu) 識(shí)別上非常容易 所以它處在這個(gè)坐標(biāo)工具的右上角 相對(duì)的來說 個(gè)性就比較少了 四平八穩(wěn)
草書: 形態(tài):沒有框架 隨心而置 識(shí)別上比較困難(你找找歷代書法看看 看你能完整的認(rèn)出多少來)但個(gè)性就非常強(qiáng)烈了 看的多的話 你不用看落款你就知道這是那個(gè)書法家的作品
行書:形態(tài):沒有框架 識(shí)別上較容易 個(gè)性和識(shí)別性兼?zhèn)?
這個(gè)坐標(biāo)工具我主要用做分析別人字體設(shè)計(jì)的工具和作為自己設(shè)計(jì)字體時(shí)候的指南
說了這么多 你會(huì)用這個(gè)工具了么?還不會(huì)??。。。?沒關(guān)系 ~~我繼續(xù)講解
框架式字體設(shè)計(jì)
下面我先講框架式字體的方法
從坐標(biāo)工具來看 框架式字體設(shè)計(jì) 位于坐標(biāo)工具的上半部分
在造字之前呢 我們先用坐標(biāo)工具分析下這類字體的特點(diǎn)
請(qǐng)仔細(xì)觀察下面這些字體?。。。螒B(tài)?個(gè)性在那里?識(shí)別性強(qiáng)?弱?
這類型的字體 結(jié)構(gòu)方正 個(gè)性鮮明 識(shí)別性較強(qiáng) 放在坐標(biāo)工具上來分析的話 他們都處于白色圓圈這個(gè)范圍內(nèi)(你能將上圖每個(gè)字體在坐標(biāo)工具上不同的位置都標(biāo)示出來么?)
下面這個(gè)是我為一個(gè)房產(chǎn)項(xiàng)目所做的一個(gè)字體設(shè)計(jì) 請(qǐng)注意:形態(tài)?個(gè)性在那里?識(shí)別性強(qiáng)?弱?
這個(gè)字體的特點(diǎn):方正 很正統(tǒng)的框架式字體設(shè)計(jì) 字體重心全部上移 左方右圓 落腳呈尖刀狀
why???????????????這個(gè)字體為什么設(shè)計(jì)成這樣????????????????
接著看
這個(gè)字體設(shè)計(jì)的概念很簡單:飛躍平凡的生活
飛躍-怎么用字體來體現(xiàn)飛躍呢?
A:我先從結(jié)構(gòu)上下手:
1:把字體重心整體上移 造成向上的動(dòng)感
2:拆除字體里的封閉結(jié)構(gòu)(翼的田字)減輕字體本身的重量感 來強(qiáng)化整體向上飛躍的動(dòng)感
B:從筆畫上下手:
1:由于面對(duì)的客戶男女都有 所以我選擇左方右圓 這樣就剛?cè)嵯酀?jì) 比較中性
2:落筆融入羽毛的特點(diǎn)(落腳呈尖刀狀) 貼近創(chuàng)意原點(diǎn) 并再度強(qiáng)化向上的飛躍感
框架式字體設(shè)計(jì)的基本方法
在開始做字體之前 我一般會(huì)先選擇參考字體
為什么要找參考字體呢? 字庫里的字都是專家多年研究和經(jīng)過大眾審美肯定的字體,有個(gè)巨人的肩膀讓你站為什么不站呢?
字庫里那么多字體 怎么選呢?選襯線體呢?還是無襯線體?(關(guān)于襯線體和無襯線體請(qǐng)查閱相關(guān)資料)
簡單點(diǎn)來說
古樸 經(jīng)典的個(gè)性 就選 襯線體
現(xiàn)代 簡約 的個(gè)性就選 無襯線體來參照
選了參考字體參考什么?
參考結(jié)構(gòu)
這些基本的結(jié)構(gòu)常識(shí)相信大家都知道
我講一個(gè)框架式字體設(shè)計(jì)的秘訣:
沒錯(cuò)! 頂天立地!
只有貼緊框架四邊 整個(gè)字形才會(huì)顯得飽滿(寫過pop的人都知道)
我們看下范例
在調(diào)整結(jié)構(gòu)的同時(shí) 加入個(gè)性 和讓筆畫占據(jù)框架的4向
以下范例都是典型代表
個(gè)性的塑造
在完成字體的基本結(jié)構(gòu)后 我們現(xiàn)在來為字體加入個(gè)性
如前所敘 我就不多說了 看圖
下圖中的字體設(shè)計(jì) 你能說出設(shè)計(jì)師為什么要那么設(shè)計(jì)了么?他們是怎么為字體設(shè)計(jì)調(diào)整結(jié)構(gòu)和加入個(gè)性的呢?它們各自的參考字體又是什么?
下圖 是從參考字體 到 新的字體設(shè)計(jì)的一個(gè)流程圖
我們現(xiàn)在 再重新來審視這個(gè)字體設(shè)計(jì):
它還有沒有結(jié)構(gòu)上的缺陷?
它筆畫粗細(xì)是否合理?
它空間分割是否美觀?。。。。。。
下面是我做字體設(shè)計(jì)的另外一個(gè)秘訣:
下面我們?cè)賮砜匆粋€(gè)框架式字體設(shè)計(jì)的范例
這是我非常喜歡的一個(gè)字體設(shè)計(jì)
在4個(gè)要素點(diǎn)的把握上功力深厚
一般來說框架式字體設(shè)計(jì)做出來都多少有點(diǎn)死板 但上面這個(gè)設(shè)計(jì)師就敢于突破框架的束縛
這就是我想講的 另外一個(gè)秘訣:
現(xiàn)在我們?cè)俜祷貋砜纯粗翱催^的這些字體設(shè)計(jì)
你現(xiàn)在看這些字體設(shè)計(jì)的眼光是否又不一樣了呢?
關(guān)于個(gè)性
我們?cè)倏纯催@個(gè)范例
塑造個(gè)性的方式多種多樣 不僅僅是字形
我就不多說了 留給大家自由發(fā)揮
下面即將進(jìn)入本秘籍的核心部分!~!?。。。。。。?!
絕招來了~?。。。。。。?!
乾坤大挪移
乾坤大挪移 之 英文字體轉(zhuǎn)化為中文字體設(shè)計(jì)
先看大師范例
陳大師 早已練的爛熟于胸了
乾坤大挪移 之 圖形轉(zhuǎn)化為中文字體設(shè)計(jì)
設(shè)計(jì)變形金剛這位仁兄的功夫也非常了得
乾坤大挪移 之 照片轉(zhuǎn)化為中文字體設(shè)計(jì)
這個(gè)是我的拙作
既然是武功秘籍 肯定有內(nèi)功心法 那我們就先從內(nèi)功開始練起

兩儀
大家對(duì)太極圖肯定都很熟悉了 陰陽陰陽 有陰必有陽 這是太極的兩儀
也就是說凡事都有兩面 做設(shè)計(jì)也一樣 在同一個(gè)命題下 一個(gè)設(shè)計(jì)方向的背后肯定還有另外一個(gè)完全不同的設(shè)計(jì)方向

四象
我們先來看這個(gè)由太極演化而來的工具

我把字體設(shè)計(jì)歸為4個(gè)要素:
框架--自由
個(gè)性--識(shí)別性
我先解釋下這4個(gè)要素
框架:大家都知道 漢字 俗稱方塊字 這個(gè)方塊呢也就是框架了
自由:這個(gè)自由是相對(duì)框架而言 也就是不受方塊約束的字體(例如草書)
識(shí)別性:既然是字 那肯定要大家都能認(rèn)識(shí) 有的字經(jīng)過設(shè)計(jì)以后還能很方便的認(rèn)出來 也有的字設(shè)計(jì)完后要經(jīng)過一番思考才能認(rèn)出來 這就是識(shí)別性的強(qiáng)和弱了
個(gè)性:這個(gè)也是相對(duì)識(shí)別性來說的 有的設(shè)計(jì)師為了強(qiáng)調(diào)某種個(gè)性 而犧牲掉識(shí)別性 例如:涂鴉字體 以前街頭給人畫龍字啊鳳字的師傅就是個(gè)性字體設(shè)計(jì)高手
他們之間是相對(duì)的 (現(xiàn)在你看不懂沒關(guān)系,繼續(xù)看下去你就明白了)
這個(gè)工具有啥用呢?
我們?cè)倏?由四象推算出來的八卦 你可能會(huì)明白一點(diǎn)了

我們先看篆書,位于這個(gè)坐標(biāo)工具左上角 也就是框架和個(gè)性的極限交匯點(diǎn)上
先看形態(tài) 很明顯篆書是嚴(yán)格的在方塊進(jìn)行造型的 也就是以框架為基礎(chǔ)來設(shè)計(jì)的
由于篆書是象形字轉(zhuǎn)化而來還沒完全脫離象形字的構(gòu)造 在我們今天看來這種字體充滿了個(gè)性 但識(shí)別性就比較差了
楷書:形態(tài):依然是框架結(jié)構(gòu) 識(shí)別上非常容易 所以它處在這個(gè)坐標(biāo)工具的右上角 相對(duì)的來說 個(gè)性就比較少了 四平八穩(wěn)
草書: 形態(tài):沒有框架 隨心而置 識(shí)別上比較困難(你找找歷代書法看看 看你能完整的認(rèn)出多少來)但個(gè)性就非常強(qiáng)烈了 看的多的話 你不用看落款你就知道這是那個(gè)書法家的作品
行書:形態(tài):沒有框架 識(shí)別上較容易 個(gè)性和識(shí)別性兼?zhèn)?
這個(gè)坐標(biāo)工具我主要用做分析別人字體設(shè)計(jì)的工具和作為自己設(shè)計(jì)字體時(shí)候的指南
說了這么多 你會(huì)用這個(gè)工具了么?還不會(huì)??。。。?沒關(guān)系 ~~我繼續(xù)講解
框架式字體設(shè)計(jì)

下面我先講框架式字體的方法
從坐標(biāo)工具來看 框架式字體設(shè)計(jì) 位于坐標(biāo)工具的上半部分

在造字之前呢 我們先用坐標(biāo)工具分析下這類字體的特點(diǎn)


請(qǐng)仔細(xì)觀察下面這些字體?。。。螒B(tài)?個(gè)性在那里?識(shí)別性強(qiáng)?弱?

這類型的字體 結(jié)構(gòu)方正 個(gè)性鮮明 識(shí)別性較強(qiáng) 放在坐標(biāo)工具上來分析的話 他們都處于白色圓圈這個(gè)范圍內(nèi)(你能將上圖每個(gè)字體在坐標(biāo)工具上不同的位置都標(biāo)示出來么?)

下面這個(gè)是我為一個(gè)房產(chǎn)項(xiàng)目所做的一個(gè)字體設(shè)計(jì) 請(qǐng)注意:形態(tài)?個(gè)性在那里?識(shí)別性強(qiáng)?弱?

這個(gè)字體的特點(diǎn):方正 很正統(tǒng)的框架式字體設(shè)計(jì) 字體重心全部上移 左方右圓 落腳呈尖刀狀

why???????????????這個(gè)字體為什么設(shè)計(jì)成這樣????????????????
接著看



這個(gè)字體設(shè)計(jì)的概念很簡單:飛躍平凡的生活
飛躍-怎么用字體來體現(xiàn)飛躍呢?
A:我先從結(jié)構(gòu)上下手:
1:把字體重心整體上移 造成向上的動(dòng)感
2:拆除字體里的封閉結(jié)構(gòu)(翼的田字)減輕字體本身的重量感 來強(qiáng)化整體向上飛躍的動(dòng)感
B:從筆畫上下手:
1:由于面對(duì)的客戶男女都有 所以我選擇左方右圓 這樣就剛?cè)嵯酀?jì) 比較中性
2:落筆融入羽毛的特點(diǎn)(落腳呈尖刀狀) 貼近創(chuàng)意原點(diǎn) 并再度強(qiáng)化向上的飛躍感
框架式字體設(shè)計(jì)的基本方法

在開始做字體之前 我一般會(huì)先選擇參考字體
為什么要找參考字體呢? 字庫里的字都是專家多年研究和經(jīng)過大眾審美肯定的字體,有個(gè)巨人的肩膀讓你站為什么不站呢?

字庫里那么多字體 怎么選呢?選襯線體呢?還是無襯線體?(關(guān)于襯線體和無襯線體請(qǐng)查閱相關(guān)資料)

簡單點(diǎn)來說
古樸 經(jīng)典的個(gè)性 就選 襯線體
現(xiàn)代 簡約 的個(gè)性就選 無襯線體來參照
選了參考字體參考什么?
參考結(jié)構(gòu)


這些基本的結(jié)構(gòu)常識(shí)相信大家都知道
我講一個(gè)框架式字體設(shè)計(jì)的秘訣:

沒錯(cuò)! 頂天立地!
只有貼緊框架四邊 整個(gè)字形才會(huì)顯得飽滿(寫過pop的人都知道)
我們看下范例

在調(diào)整結(jié)構(gòu)的同時(shí) 加入個(gè)性 和讓筆畫占據(jù)框架的4向
以下范例都是典型代表


個(gè)性的塑造
在完成字體的基本結(jié)構(gòu)后 我們現(xiàn)在來為字體加入個(gè)性
如前所敘 我就不多說了 看圖

下圖中的字體設(shè)計(jì) 你能說出設(shè)計(jì)師為什么要那么設(shè)計(jì)了么?他們是怎么為字體設(shè)計(jì)調(diào)整結(jié)構(gòu)和加入個(gè)性的呢?它們各自的參考字體又是什么?

下圖 是從參考字體 到 新的字體設(shè)計(jì)的一個(gè)流程圖

我們現(xiàn)在 再重新來審視這個(gè)字體設(shè)計(jì):

它還有沒有結(jié)構(gòu)上的缺陷?
它筆畫粗細(xì)是否合理?
它空間分割是否美觀?。。。。。。
下面是我做字體設(shè)計(jì)的另外一個(gè)秘訣:

下面我們?cè)賮砜匆粋€(gè)框架式字體設(shè)計(jì)的范例

這是我非常喜歡的一個(gè)字體設(shè)計(jì)
在4個(gè)要素點(diǎn)的把握上功力深厚
一般來說框架式字體設(shè)計(jì)做出來都多少有點(diǎn)死板 但上面這個(gè)設(shè)計(jì)師就敢于突破框架的束縛
這就是我想講的 另外一個(gè)秘訣:

現(xiàn)在我們?cè)俜祷貋砜纯粗翱催^的這些字體設(shè)計(jì)
你現(xiàn)在看這些字體設(shè)計(jì)的眼光是否又不一樣了呢?

關(guān)于個(gè)性
我們?cè)倏纯催@個(gè)范例


塑造個(gè)性的方式多種多樣 不僅僅是字形
我就不多說了 留給大家自由發(fā)揮
下面即將進(jìn)入本秘籍的核心部分!~!?。。。。。。?!
絕招來了~?。。。。。。?!
乾坤大挪移

乾坤大挪移 之 英文字體轉(zhuǎn)化為中文字體設(shè)計(jì)
先看大師范例

陳大師 早已練的爛熟于胸了
乾坤大挪移 之 圖形轉(zhuǎn)化為中文字體設(shè)計(jì)

設(shè)計(jì)變形金剛這位仁兄的功夫也非常了得
乾坤大挪移 之 照片轉(zhuǎn)化為中文字體設(shè)計(jì)

這個(gè)是我的拙作
相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30