毛筆字線上生成:教你如何從0到1創造一套完整字庫-PPT教程免费ppt模版下载-道格办公

教你如何從0到1創造一套完整字庫

字體,在這個多元化,個人化的時代已經成為平面設計中不可或缺的元素之一。因此,一款好的字體成為好的平面設計關鍵所在。而市面上現有的字體已無法滿足我們的需求,所以我們需要為自己來做一套能夠滿足需求的字體庫。

那麼要如何才創造屬於我們自己的字體庫呢?

下面就以字體網十來年的經驗,來跟大家分享如何從0到1創造一套完整字庫。

做在創作之前,我們要定位好字體的類型及確定字體風格。確定了字體風格(,我們才有創作的方向。

當確定好字體風格之後,我們就開始正式創造字體。分以下幾步,逐步生成:

1、字型選擇

關於字體選擇可以依照業務需求抉擇,選擇一款參照體,如宋體、黑體等,如果是自己練習也可以依照自己的喜好來決定。這裡選擇宋體為例,因為宋體本身氣質優雅端正,在日常工作中可以很好跟業務結合然後被廣泛使用。

2、擷取字型特性

宋體,氣質優雅,是被使用最廣泛的字體之一。宋體的起源是為適應印刷術而出現的漢字字體。筆畫有粗細變化,而且一般是橫細豎粗,末端有裝飾部分(即“字腳”或“襯線”),點、撇、捺、鉤等筆畫有尖端,屬於襯線字體(serif),常用於書籍、雜誌、報紙印刷的正文排版。

然而在網路時代,字體在螢幕顯示的頻率遠高於印刷,所以傳統的宋體細節過於精美,字體筆畫曲面過多,在螢幕大範圍顯示中會多多少少有些問題。研究顯示在螢幕顯示中,簡潔清晰的筆畫會減少視覺疲勞更適合閱讀。

以黑體為例,左邊那個是傳統黑體,右邊這個是現代黑體(蘋方字體)。傳統黑體不完全是橫平垂直,他會有一定的弧線,我們稱這個弧線為喇叭口。在數位印刷出現以前,那個時候還是活字印刷。活字印刷有一個問題就是油墨會暈染,筆畫交接的地方比較粗,筆畫兩端比較細,為了解決填白(平衡白空間)問題,設計喇叭口,為了讓字體顯得更平衡。



數位印刷時代到來之後,填白問題沒有了,而且現在文字的載體很多都是螢幕,那作為屏顯字體,曲線少的話就可以少佔用字庫空間。另外,橫平垂直曲線鋸齒變少了看起來會更清晰,作為正文字體也更適合閱讀。

3、明確設計目標

在對宋體和屏顯字體有了有了基本的了解後,心裡大概明確了字體設計的目標——做一款可以被多業務使用的適合屏幕顯示的宋體。所以這款字體大致的方向應該是在一款筆畫較簡潔骨骼端正的宋體,中宮正,重心穩。

4、製作



最終產出的字體在筆畫上你去掉了很多細節,只保留了宋體橫細豎粗的特徵並且把這特性放大讓它更具宋體特色,然後保留襯線。



最終產出的字體在筆畫的銜接上也更乾淨,豎的筆畫完全直線處理,兩段的切角則是為了保留宋體的字角特徵。轉角處的頓筆修飾過於繁瑣,則去除。

5.調整細節

漢字講究的是穿插避讓,空間和諧。一款字體從0到1,並沒有想像中的那麼簡單,中間有無數次的細節調整,甚至相同的筆畫在不同的字上也會有略微的差異,其中耗費的時間和精力,只有投入其中才有體會。

① 橫線的調整

在開始的時候因為一心想要極簡,想把所有的細節都去除,但是真正執行的時候會發現,太過於簡單,會是去宋體的韻味,調整後的“橫”對右側的頓筆細節特徵做保留並進行最佳化,讓它更有自己的個性。

②同筆異形

因為漢字的結構比較豐富,有些字比結構比較簡單,有些字結構比較複雜。漢字講究空間和諧穿插避讓。看一下同樣木字旁,槓和桿就差很多。為什麼呢,因為桿字的一橫跟木字的一點正好在差不多的位置,那桿字的木字旁那一點就要避讓那一橫。所以做字體其實每個都需要單獨推敲,做相對調整。

6.筆畫輸出



在確定文字的最終風格後,就可以先整理出常用的漢子筆畫和偏旁,這樣之後做別的字的時候會方便很多。

7.成型發布




以上為印刷體、藝術字製作流程,製作一套字體的時間週日是比較長的,從前期建模到後製風格保持一致也是需要不斷校正的過程。

身為硬筆字很少的朋友,也想擁有一套自己的硬幣字庫,是否也需要向前面說的那麼複雜呢?當然是不需要這麼複雜的設計過程,硬筆愛好者可直接用手寫板書寫,書寫完成後導入對應軟體,可直接產生一套專屬的字體。當然沒有書寫板也可產生一套專屬手寫體,訪問https://v.ziti163.com/即可在線寫字,同時具有隨時在線保存功能,最後導出直接可生成為ttf或otf格式字體。線上書寫字體支援多種風格,可撤回書寫錯誤筆畫,同時支援恢復還原。





對於毛筆字的生成,也可直接以專業設計軟體創作,也可手寫後掃描、向量、導入、校正的過程來生產。

以下附三毛筆字的應用場景作品。



文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/jiao-ni-ru-he-cong-dao-1-chuang-zao-yi-tao-wan-zheng-zi-ku.html

(810)
打賞 支付宝扫一扫 支付宝扫一扫
single-end

相關推薦