• <object id="cs2nc"></object>
  • <blockquote id="cs2nc"></blockquote>
  • 進階式學習字體設計

    設計經驗 ·  互聯網  · 0 評論  ·  收藏文章

    字體設計越來越受到平面設計師青睞,學會字體設計,可以增添版面的視覺美,讓整體畫面檔次升高,今天素材君分享一篇不錯的字體設計教程,從易到難分為4個步驟,很適合字體設計的初學者。

    基礎篇

    此方法最重要的是斜線傾角的大小,那么最簡單也最易于操作的傾角莫過于45°了,只需按住Shift鍵即可實現。這與網格造字的規律如出一轍。

    進階式學習字體設計

    我們以“時間饑荒”為例,采用45°傾角的斜線進行設計,在使用此方法做字時,一定要凸顯出斜線。先打出字型觀察下結構,可以看到前兩個字中撇捺筆畫較少,也就是斜線類筆畫較少,為強調出斜線特征,需要對他們的結構進行調整才行。

    進階式學習字體設計

    先從前兩個共同含有的“日”字形結構的字下手,采用描邊方式進行設計。以“時”字為例,通過對“日”字形斜切的方式,來增添斜線結構,其最后一版為增強斜線特征進行了筆畫延長,點畫的調整是為使筆畫負空間得以飽滿。

    進階式學習字體設計

    接著按照這樣的規則,將其余的三個字一并制作出來。其中對包圍型結構“間”字內部“日”字形的筆畫寬度進行了微調,并注意下字形內部的負空間與字間的負空間是如何處理使其達到飽滿這一效果的。在制作時不要做形狀的修剪,可先用白色形狀添補即可,這樣會方便后期的修改。

    進階式學習字體設計

    在基本字形制作好后,為進一步增強斜線特征,對字形頂部的斜線也做外延處理,并將底部切齊。

    進階式學習字體設計

    整體調整時,對字面進行了內收,并對“時”字進行微調,以增強內部飽滿的程度。

    進階式學習字體設計

    最終,搭配上一款無襯線體的西文字型,這組字形的設計就此完成。可以看到整體字形斜線特征很強烈,并且有些筆畫為達到統一斜線的效果,對結構進行了調整,在做結構調整時一定要注意是否影響到了字體識別度。

    進階式學習字體設計


    提升篇

    斜線傾角除45°之外,還可選用其他角度,那么這就要根據不同的字形靈活設定了。我這里選用最近比較入門的綜藝《這就是街舞2》中的一支戰隊“易燃裝置”為內容進行設計。


    首先要確定出斜線傾角,大致將這幾個字中的撇捺筆畫用斜線標注出來,其中顏色相同的斜線意為傾角相同。

    進階式學習字體設計

    將提取出的斜線整理成同一朝向,下面就可從中選取一條適合的斜線了,通常不會選用極值的斜線,也就是傾角最大與最小的斜線。一般會選用中間傾角稍大的斜線,因為傾角偏小時,設計出的字形會比較扁平,當然若是想達到這樣效果就另當別論了。但通常情況還是希望設計出的字形高挑些,那么我這里選用黃色這個傾角的斜線。

    進階式學習字體設計

    在設計前同樣先觀察下字形結構,我們可以先從筆畫最多的“燃”字開始,以方便確定字面的大小。可以看到“燃”字的筆畫很密集,那么這時就可以考慮使用簡化筆畫的方式進行設計,簡化應遵循就近原則。在下圖中標注出了幾處該字筆畫較為密集的部位,在這些地方是可以考慮進行簡化的。

    進階式學習字體設計

    同樣采用描邊方式將基礎字形制作出來,由于筆畫較多,其中對個別筆畫進行了減細調整,并對上文提到的幾處進行簡化,其中“灬 ”這樣調整是為了字形負空間的飽滿。在設計時著重要注意下結構是否正確。

    進階式學習字體設計

    “燃”字基本設計好后,將其他三個字補齊,為進一步強調斜線特征,對“易”與“燃”字的結構進行了調整,其中由于“置”字的橫畫較多,故對其筆畫寬度做了調整。“裝”字為保證斜線的一致性,簡化處理后的字形,由于存在某些相同結構的重復,使得該字看起來會比較統一。

    進階式學習字體設計

    這樣基礎的字形設計的差不多了,為進一步體現出機械的視覺效果,需在基礎字形上做體勢的修飾。

    進階式學習字體設計

    通過對機械裝置的參考,以增多筆畫棱角與體飾的方式來增強機械感。

    進階式學習字體設計

    調整前后的直觀對比圖。

    進階式學習字體設計

    但“燃”字底部的筆畫有些細碎,有些位置的負空間還有待完善。故針對這兩處問題進行調整。

    進階式學習字體設計

    “易”這樣簡化也并不理想,做了三種調整,最終選取負空間較為飽滿且舒服的第二款字形。

    進階式學習字體設計

    經過微調前后的對比,字形灰度明顯提升了許多。

    進階式學習字體設計

    最后加入些許輔助元素,以增強形式感。并配以黑、紅色,來增強炫酷時尚感。

    進階式學習字體設計

    升級篇

    在統一斜線的基礎上,可加入些許特異的處理方式,以打破固有的規律,來增強字形的靈動感。這里以“流弊”為例,首先同樣將所有的斜線筆畫標注出來,由于字數較少的關系,可以從這些斜線中選傾角相同且數量最多的為統一斜線的傾斜度。如下圖中藍色的斜線。

    進階式學習字體設計

    這樣就可以先將筆畫的寬度與傾斜度確定出來,注意使用矩形方式做字時,斜線需要適當的加粗。

    進階式學習字體設計

    以上準備好后就可以開始做字了,其中由于“弊”字上半部分的筆畫較多,要對筆畫寬度進行調整,以達到黑白空間的協調。

    進階式學習字體設計

    目前初步設計出的字形,統一斜線的特征還不是很強烈,下面對“流”字的調整主要是增強斜線特征。“弊”字上半部分結構還是有些擁擠,內部斜線可換用橫畫做傾斜,那么這就會引入了第二種傾斜度的斜線,并且為增強筆畫間的互補關系,又做了類似斷筆的處理,這樣調整使得“弊”字的灰度與“流”字搭配起來協調了許多。

    進階式學習字體設計

    再對“流”字細節進一步微調后,該字形就此設計完成。

    進階式學習字體設計

    在加入特異斜線筆畫時,斜線的傾角不宜過多,這樣會破壞統一斜線的規律感,以至于無法體現出統一斜線的特征。最好是加入的特異斜線的傾斜度也是一致的,如該字形的設計。

    進階式學習字體設計

    終極篇

    特異筆畫除了直線外,還可加入曲線,一旦有曲線的加入字形設計的難度就會遞增。

    以“新褲子”為例,為方便大家更準確的抓住字形特征,提供了一個字形作品作為參考。可以看到該作品含有哥特體的特征,先來分析下:

    1、結構規律,可以觀察到字形中使用的斜線傾斜度都是一致的,也就是統一斜線的做字方式。

    2、在字形底部加入曲線形態,以打破固有的規律感,并強調出特異的曲線筆畫。

    3、筆畫的造型特征,其中最具特點的是豎彎鉤的處理方式。

    進階式學習字體設計

    我們大致將作品分析清楚后,下面可以開始作字。

    首先統一所有的斜線,下圖我將字形中所有的斜線都標注出來了,需要將這些斜線的傾角統一。若采用傾角最小的斜線(藍色),那么設計出的字形會比較扁平,這并不是我所想要的;其中有幾條斜線的傾角度數很相近(綠色),可選用這一傾角的斜線進行設計,并且在不大面積破壞字形結構的基礎上是可以將所有斜線達到統一的程度。

    進階式學習字體設計

    鑒于字形比較復雜,除了要統一斜線,還要在字形底部融入曲線形態,故先繪制出下圖的草稿,可以看到它完全滿足參考字形的特點,并加入了自己的理解。

    進階式學習字體設計

    先從筆畫較多的“褲”字做起,按草圖制作出的字形并不是很理想,“衤”相較于右側“庫”的灰度明顯失衡,并對間架結構與豎畫做了優化與規范。

    進階式學習字體設計

    “新”字也不是很理想,連接簡化的處理方式有些刻意,并且簡化后筆畫不夠緊湊,負空間明顯失調,改用“褲”字的處理方式后,字形顯得更加整體統一了。

    進階式學習字體設計

    豎排后為使字形更整體緊湊,對“褲”字底部做調整,以增強字間的互補關系,但“子”與“褲”字間的負空間不夠緊湊,故對筆畫形態進行調整。

    進階式學習字體設計

    而后對筆畫密集處的筆畫寬度進行微調,并且統一折線筆畫的斜切角度。

    進階式學習字體設計

    最終設計完成的模樣。

    進階式學習字體設計

    另設計出一版利于應用的橫排用字,注意其中對“子”字的微調。加入曲線特異筆畫時,同樣要有一定的規律,如該字形曲線筆畫全部集中在字體的下半部分,并且形態相似,這樣設計出的字形在富有變化的同時又不失規整感。

    進階式學習字體設計

    總結

    進階式學習字體設計

    “統一斜線”這種做字方法,原理非常簡單,只需將字形中出現的斜線筆畫,統一為一個傾斜度即可,可是為滿足這一特征有時會對字形結構進行調整,這樣也就提高設計的難度,但這種設計方法的魅力就在于設計出的字形是獨特的。

    同色网