字體設(shè)計,鋼筆工具設(shè)計時尚藝術(shù)字美術(shù)字效果(4)
本節(jié)就以“時光清淺”進行字體設(shè)計,字體設(shè)計中結(jié)構(gòu)很重要,我們可以先輸入“時光清淺”四個字,剛?cè)胄械膶W(xué)員很難去把控字體結(jié)構(gòu),我們就可以以字庫字體為底,這是對初學(xué)者非常實用的方法,這些成熟的字庫字體都比較完善,結(jié)構(gòu)都是沒有問題的,筆畫也都非常統(tǒng)一。
視頻教程,可以先練起來:
在進行字體設(shè)計之前我們先來了解下常用字體的分類,常用字體的分類基本可以分為襯線字體與非襯線字體。襯線字體是以宋體為代表代表,字體筆畫端點添加裝飾,給人古樸、經(jīng)典的感覺;非襯線字體主要以黑體類為主要大的代表,橫豎筆畫粗細相對比較統(tǒng)一,給人現(xiàn)代、簡約的感覺。
了解完字體分類下面繼續(xù)了解下字體的結(jié)構(gòu),只有字體結(jié)構(gòu)把控的好字體你才能做好,文字一般是左緊右松、上緊下松。比如下方的“襯”,左側(cè)部首要小于右側(cè);“宋”“典”兩個字重心都在中宮以上
字體設(shè)計還需要遵循4個統(tǒng)一原則:
1.整體的統(tǒng)一 2.方向的統(tǒng)一 3.筆畫上的統(tǒng)一 4.空間上的統(tǒng)一
這是做字體設(shè)計必須要遵循的4個原則,在這里暫且不去詳細的去解釋,在接下來會給大家詳細解釋。
解惑
本節(jié)就以“時光清淺”進行字體設(shè)計,字體設(shè)計中結(jié)構(gòu)很重要,我們可以先輸入“時光清淺”四個字,剛?cè)胄械膶W(xué)員很難去把控字體結(jié)構(gòu),我們就可以以字庫字體為底,這是對初學(xué)者非常實用的方法,這些成熟的字庫字體都比較完善,結(jié)構(gòu)都是沒有問題的,筆畫也都非常統(tǒng)一。
具體設(shè)計方法請看下面文字
如果把常規(guī)字體看做是正方形的話,我們可以在這個基礎(chǔ)上進行藝術(shù)再加工,比如拉高,讓他在空間上變化,或者加寬,在寬度上變化。
比如下方我將字體拉高
再用鋼筆根據(jù)字體外邊緣去勾勒筆畫,勾勒是斜筆可以按住Shift可以統(tǒng)一的45度角,保證筆畫統(tǒng)一。
我們把設(shè)計的字體拿到一邊,可以看到已經(jīng)找不到之前字體的影子啦。
這個字體還在基礎(chǔ)階段,下面我們再對字體做些細節(jié)調(diào)整。
下面將字體選中,將描邊打開,增加字體粗細,將端點更改為圓頭端點。
繼續(xù)統(tǒng)一筆畫,我在筆畫的銜接處給他斷開了一點。
適當(dāng)?shù)脑黾赢愖兛梢宰屪煮w表現(xiàn)的更靈活。
這樣效果就差不多啦,執(zhí)行【效果-拓展】,填充描邊勾選情況下點擊確定。
繼續(xù)【窗口-路徑查找器】打開路徑查找器選擇【聯(lián)集】,將字體合并為整體。
繼續(xù)右鍵取消字體的編組,這樣就可以單個字體進行處理啦。
繼續(xù)使用直接選擇工具,在筆畫相交的區(qū)域?qū)⒐P畫做出圓角效果。這個功能在CC版本里面才有的,低版本的是沒有這個功能的,做這個可能比較麻煩,大家可以關(guān)注我們米你教育公眾號領(lǐng)取。
再來添加些裝飾性大于實用性的英文,并做個傾斜處理。
下面將文字放到PS里面做些效果,打開PS新建一個文檔,將做好的文件在AI軟件中Ctrl+C,來到PS里Ctrl+V粘貼過來,添加個背景,更改為自己喜歡的顏色。
再添加些顆粒效果,剪貼蒙版剪刀字體里面,做出斑駁的感覺。完成最終效果:
字體設(shè)計需要大家更多的聯(lián)系,在制作中多發(fā)散自己的思維,多模仿再突破,大家練習(xí)下。
學(xué)習(xí) · 提示
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
![](http://www.tgudhdp.cn/1diy/imges/noavatar.gif)
相關(guān)教程