基於舊筆跡設計字體

已發表: 2022-03-10
快速總結↬您是否正在考慮將舊的草書手寫體轉換為現代數字字體? 在進行設計之前,請評估您的歷史準確性目標,確定使筆跡與眾不同的特質,制定連接字形的策略,並決定是否要包括紋理。 然後讓樂趣開始。

設計師出於多種原因創建基於手寫的連接草書字體:使親人筆蹟的循環和漩渦不朽,將具有歷史意義的人物或文件的書法數字化,或將迷人的筆跡轉化為可以獲得許可。

假設您找到了一個漂亮的舊筆跡樣本,您想將其數字化。 您可能認為您可以跟踪單個字母,然後將這些跟踪無縫轉換為字體。 我承認這是我開始使用我的第一個字體之前的假設。 我沒有考慮將標本轉變成一種巧妙而實用的字體所需的無數深思熟慮和有意的決定。

在開始對標本進行數字化處理之前,有必要問自己一些關於目標和意圖的問題。 將其視為為您的項目編寫創意簡報。 首先評估歷史準確性的重要性。 然後仔細檢查標本:看筆蹟的特點,單個字母的形狀和位置的變化,連接字母的方法和紋理。 對您的樣本有深刻的了解將使您在設計字體時就美學做出明智的決定。

推薦閱讀Sigmund Freud 字體上手:為您的收縮製作字體

跳躍後更多! 繼續往下看↓

歷史準確性有多重要?

您需要做出的最大決定之一是您是否想捕捉筆跡樣本的每一個細微差別,或者您是否想設計受該筆跡啟發的東西。 這就像看“基於真實故事”的電影與“受真實事件啟發”的電影。 在第一種情況下,您可以期望電影(或字體)比第二種選擇保持更高程度的事實完整性,在第二種情況下,導演(或設計師)可能會採取廣泛的創作自由。

如果您選擇以最高精度複製您的樣本,請注意,嚴格遵守準確性可能意味著犧牲易讀性。 “尤其是舊字體,包括比現代手寫體更難辨認的字體——甚至幾乎難以辨認,比如舊式的長s ,”布賴恩·威爾森指出,他根據著名人物的筆跡設計了兩打以上的字體。阿比蓋爾·亞當斯、弗雷德里克·道格拉斯和山姆·休斯頓等人物。

三個基於亞伯拉罕·林肯筆跡或受其啟發的字體示例。
根據亞伯拉罕林肯的筆跡(或受其啟發)比較這三種字體的相似之處。 儘管 1863 Gettysburg(最右側顯示的字體)的靈感來自林肯總統撰寫的文件,但設計師的既定目標不是複制林肯的確切文字,而是創造一種代表那個時代的字體。 (從左到右:LD Abe Lincoln by Lettering Delights/Illustration Ink、Steve Woolf 的林肯和 GLC 設計的 1863 葛底斯堡。)(大預覽)

您可能會發現需要進行深思熟慮的修改,以在歷史準確性和優化易讀性之間取得平衡。 當我設計 P22 Marcel Script 時,這是一種基於手寫的二戰情書的連體草書字體,我選擇進行小修改以提高可讀性。

字體保留了原始文字的基本特徵,但它不是精確的複製品。 例如,許多原來的j沒有小寫字母(一個點),而原來的小寫p在碗的底部沒有閉合曲線。 它看起來像是pn的混合體。 知道有些人難以閱讀草書,我選擇點j並修改p的形狀。

三張圖片顯示了二戰法國強迫勞工 Marcel Heuze 寫的原始信件、問候語“Mes cheres petites”的特寫,以及基於所示筆跡樣本的 P22 Marcel Script 字體。
請注意小修改以提高易讀性。 (從左至右:原筆跡標本,問候語“Mes cheres petites”特寫,P22 Marcel Script字體樣本。)(大預覽)

您的源文檔是否包含足夠的材料以供使用?

約翰漢考克的簽名非常棒,但是根據他名字中的八個字母——J、o、h、n、H、a、ck——設計一個完整的字體將是一個挑戰。 評估您的樣本是否足夠完整以支持整個字體。 它是否包括大寫和小寫字母? 數字呢?

在根據簡奧斯汀的筆跡設計字體時,設計師 Pia Frauss 發現她沒有手寫字母X可供參考。 如果像 Frauss 一樣,您有一個基本完整的樣本,您應該能夠推斷出特定字母的外觀。 當需要設計新的字形(字體文件中特定字符的術語)時,這種技能也是必要的,比如自 1999 年才存在的歐元。

如果您的樣本只有一組有限的字符,請衡量您是否願意設計缺失的字母。 如果沒有,考慮找一個風格相似的手寫樣本,然後從補充樣本中提取缺失的字母。

什麼特質使筆跡特別?

橫桿是否異常高、低或有角度? 上升或下降異常長或短? 字母是非常窄還是寬? 特定字母是在基線上方還是下方延伸? 字母會以不尋常的方式循環嗎?

如果您的目標是創建歷史上準確的字體,您將需要注意確保在數字化單個字形時不會丟失這些特質。 如果您樂於自由發揮創意,您可能會誇大這些差異點。

在 Marydale 字體中,Brian Willson 包含了一些古怪的字形,例如原始筆跡中的環狀、兩層襯線g 。 布賴恩認為它增加了友好的魅力。 但接受特質的風險在於,一些用戶可能不喜歡這些字母形式——事實上,一些用戶向 Brian 抱怨g太不尋常了。 儘管如此,Marydale 是 Brian 最暢銷的字體之一。

為了幫助您解碼形狀並了解您的標本的某些特質背後的機制,識別所使用的書寫工具的類型可能會有所幫助。 圓珠筆將創建均勻寬度的筆劃; 分體式筆可以創造出優美的粗細; 蘸水筆可能帶有重新塗抹墨水的證據; 刷子可以在厚度上產生巨大的變化。 您還可以考慮書寫工具是如何握住的,或者作者是否匆忙,因為手的位置和速度也會影響筆蹟的形狀和風格。

評估軸、字母高度、基線對齊和筆劃寬度的變化

在任何一個手寫樣本中,您都可能會看到軸、字母高度、基線對齊和筆劃寬度的變化。 這些不規則之處增強了手寫的個性——但將這些不規則之處轉換為數字字體可能是一個挑戰。 如果您的字體在軸、字母高度、基線對齊或筆劃寬度方麵包含太多變化,它可能無法反映原始樣本的視覺統一性。 如果你的字體沒有足夠的變化,它可能缺乏原著的魅力。

花時間評估原始樣本中的哪些元素是一致的,哪些是不同的,然後計劃如何將這些變化融入你的字體中。 如果您使用一致的軸,請考慮改變與基線或筆劃寬度的對齊方式。 如果您標準化筆劃寬度,請考慮改變軸和字母高度。

“Smashing”一詞以三種不同的字體排版,在筆劃高度、筆劃寬度和角度方面具有三個不同級別的可變性。
字體在軸、字母高度、基線對齊和筆劃粗細方面的可變性增加。 (從左到右:Brian Willson/Three Islands Press 的 Texas Hero,Michael Want 和 James Grieshaber 的 P22 Cezanne Pro,以及 Jroh 的 Selima。)(大預覽)

當我開始編寫 P22 Marcel Script 時,我從五個單獨的手寫頁面中找到了最喜歡的單個字母。 我第一次將字形拼湊成單詞時,我可以看到軸、字母高度和筆劃粗細變化太大。 儘管每個字形都是對一個人的筆跡進行了仔細的再創作,但最終的外觀卻是隨意的。 我決定了軸和筆劃粗細的標準,然後將每個字形調整到該標準。 改變字母高度和對齊基線可以防止字體看起來過於機械。

單個字母在哪里以及如何連接?

從一個字母掃到下一個字母的連接線是高點還是低點? 連接線是粗還是細? 是否有一些字母不連接?

設計成功連接的草書字體的關鍵是創建重疊,以便單個字母看起來無縫地從一個字母流到下一個字母。 訣竅是確定重疊的一個位置,然後在該精確位置開始和結束每個字形。 一些設計師將這些重疊放置在字形的左側邊緣,其他設計師將重疊放置在字形之間的空間中。 一些設計師將重疊放置得較低,而另一些設計師則將重疊放置得較高。 沒有正確或錯誤的答案; 選擇對您有意義的位置和方法。

草書中字形重疊方式的三個詳細示例,看起來好像字母以流暢、無縫的方式連接。
在每個字形的左側邊緣重疊的字體。 洋紅色圓圈表示重疊; 水平洋紅色線顯示字母 m 和 a 上掃掠連接線的位置一致。 (從左到右:Brian Willson/Three Islands Press 的 Douglass Pen、Posispe 的 Rough Love 和 FontForecast 的 Bambusa Pro。)(大預覽)
草書中字形重疊方式的三個詳細示例,看起來好像字母以流暢、無縫的方式連接。
在字形之間的空間中重疊的字體。 (從左至右:Christian Robertson 的 Dear Sarah Pro、My Creative Land 的 Storyteller Script 和 Facetime 的 Mila。)(大預覽)

您可能還會發現並非樣本中的所有字母都連接在一起。 在這種情況下,您仍然需要確定一個位置並為重疊實施一致的策略,儘管您只會在那些連接的字形上創建重疊。* *

“粉碎”一詞以三種不同的字體排版,並非所有字母都與周圍的字母相連。
一些(但不是全部)字母連接的字體。 (從左到右:DearType 的 Blooms、JOEBOB Graphics 的 JoeHand 2 和 Fenotype 的 Brush Marker。)(大預覽)

你想讓你的字體包含紋理效果嗎?

添加紋理可以增強古代或懷舊的感覺,但這種處理會增加時間、複雜性並增加文件大小。 它可能會影響某人是否願意許可和使用您的字體,因為他們可能會或可能不會尋找那種特定的效果。

檢查您的原始標本以確定紋理的來源。 是紙面造成的嗎? 變化是由書寫工具還是書寫速度引起的? 不規則是否聚集在曲線上? 字母的一側是否比另一側包含更多的紋理? 筆觸或墨水飛濺是否延伸到每個字母周圍的空間?

“Smashing”一詞以三種不同的字體排版,具有三種不同的紋理外觀:紙張紋理外觀、粗糙邊緣和筆觸。
“Smashing”一詞以三種不同的字體排版,具有三種不同的紋理外觀:紙張紋理外觀、粗糙邊緣和筆觸。 (從左到右:紙張紋理;Yellow Design Studio 的 Thirsty Rough,粗糙的鋼筆和墨水紋理,Laura Worthington 的 Azalea Rough;筆觸,Wacaksara Co. 的 Sveglia)(大預覽)

一旦你對歷史準確性的重要性做出了高層次的決定,確定了使筆跡與眾不同的特質,考慮瞭如何添加軸、字母高度、基線對齊或筆劃寬度的變化,評估瞭如何連接字形,以及決定是否要包含紋理,是時候開始設計字體

選擇你的信件

複製您的樣本,並逐行瀏覽,標記您要合併到字體中的特定字符。 當設計師 Brian Willson 開始使用一種新字體時,他花費數小時仔細研究源材料以選擇他計劃包含的單個字母並不罕見。

考慮標記兩種類型的字母:

  1. 最喜歡的“主力”字母
    主力字母將構成您的基本字形集。 它們可能不是最好的選擇,但主力字符將構成可靠且清晰的字形集。

  2. 最喜歡的花體字
    花體字母可能包括額外的循環或花哨、或多或少的紋理、基線上方或下方的更大位置變化,或超長橫桿等誇張特徵。

花體字母可能不太清晰,或者可能只適合在特定情況下使用,但可以增加多樣性、美感和個性。 (花體字形將在該過程的後期添加;首先關注設計主力字形集。)

理想情況下,在審查結束時,您將標記一整套大寫和小寫的主力字母、數字、標點符號和一系列斜體字符。

掃描單個字母並準備矢量化

創建您計劃包含在字體中的所有字母的高分辨率位圖圖像。 我一直使用平板掃描儀來捕捉這些圖像,但我聽說有人從 Procreate 導出草圖或在手機上拍攝高分辨率照片。 如果您拍照,請確保您的手機與您的標本平行以避免變形。

一旦您組裝了一組位圖圖像,您將需要在使用 Adob​​e Illustrator 的圖像跟踪功能對字體進行矢量化或將掃描件直接導入字體編輯軟件然後手動對其進行矢量化之間進行選擇。

如果您的標本包含大量紋理,則可能首選使用 Illustrator 的圖像跟踪功能,因為 Illustrator 可以為您捕獲該紋理。 要創建矢量輪廓,請將位圖圖像導入 Illustrator,然後使用高級圖像描摹菜單選項,測試路徑、角和噪點的組合以獲得您喜歡的描摹結果。 展開以獲得您的矢量輪廓。

如果您的字體不包含紋理,如果您喜歡生成貝塞爾線,或者如果您打算對字母形狀進行重大修改,則可能首選將掃描直接導入字體編輯軟件。

推薦閱讀新字體技術將如何改進網絡

建立一個新的字體文件

流行的字體編輯軟件選項包括 FontLab Studio VI(Mac 或 Windows 操作系統,459 美元)、Glyphs(Mac 操作系統,249.90 歐元)、Robofont(Mac 操作系統,490 美元)、Font Creator(Windows,79-199 美元)和 Font Forge(免費)。 Illustrator 和 Photoshop CC 還有一個名為 FontSelf 的擴展,它允許您將字母轉換為字體(49 美元至 98 美元)。

建立一個新的字體文件。 如果您使用 Illustrator 創建了矢量輪廓,請將每個輪廓導入適用的字形單元(即,將字母a的矢量輪廓放在a字形單元中,以便在您按下鍵盤上的a鍵時出現a )。

如果您選擇在字體編輯軟件中對字形進行矢量化,請將每個位圖掃描導入為背景草圖,然後進行描摹。

識別原型字母

一些字體設計師首先設計或改進字母n、b、o、v、A、HO ,因為這些字母包含許多其他字母形狀的線索。 例如, n包含ih形狀的線索; b包含d、pq形狀的線索; O持有CG的線索。 其他設計師從字母表中最常用的字母開始: e、t、a、o、in 。 在精彩的《設計類型》一書中,充滿了比較字母形狀變化的圖像,Karen Cheng 注意到一些設計師以字母a、e、g、no開頭。

您可以從其中一個字形集開始,但如果您已經確定了一些典型地代表您的字體美感的字母,請考慮從改進這些字形開始。 當我開始編寫 P22 Marcel Script 時,我從大寫字母M開始工作,原因無非就是原始手寫M的一舉一動非常精美,看到這封信以字形的形式栩栩如生,我感到很高興。 (在處理M之後,我專注於改進原型字母ne 。)

四張圖片顯示了原始手寫“M”、原始描記、初始數字化以及來自字體 P22 Marcel Script 的最後一個字母“M”。
從左到右:原始掃描、原始跟踪、FontLab 中的字形輪廓(注意對筆劃寬度和軸的改進),以及 P22 Marcel Script 中的最終 M。 (大預覽)

無論您從哪個字形開始,您都會很快想要為軸、字母高度、基線對齊和筆劃寬度建立標準。 確保所有字形都符合這些標準,同時牢記結合可變性以實現有機外觀。

為了以有意的方式引入可變性,向您的工作區添加指南以定義可變性的下限和上限可能會有所幫助。 使用這些指南來引入上升高度、下降長度或與基線對齊的變化。

你想讓你的字體有更多的可變性嗎? 增加參考線之間的距離。 您希望您的字體具有更少的可變性嗎? 減小參考線之間的距離。 以類似的方式為筆劃寬度添加可變性。

連接草書字體 P22 Marcel Script 的小寫 a-z。
P22 Marcel Script 的小寫字形集。 請注意字母 f、g、y 和 z 中下行字母長度的變化,字母 i 和 j 的高度變化,以及我如何選擇不將字母 v 和 w 與下一個字母連接。 (大預覽)

您還需要為重疊建立標準位置。 由於這些重疊沒有一個正確的位置,因此請嘗試使用有限數量的字形,直到重疊看起來像用筆書寫的字母一樣自然,而無需將筆從頁面上抬起。 然後,在r、o、s、f、vw等棘手的字母上測試重疊的位置,以確認重疊是否有效。 您會知道是否存在問題,因為字形無法連接,或者連接看起來不流暢。 (如果您在兩個黑色字母重疊的地方看到白色,請檢查 Postscript 路徑方向錯誤。)

好消息是,一旦您為重疊建立了成功的位置,您應該能夠剪切、複製和粘貼連接線,以復制所有剩餘字母的重疊位置。

P22 Marcel Script 中的“Smashing”一詞用小圓圈突出顯示字母之間的小重疊區域。
P22 Marcel 腳本中的重疊(大預覽)

隨手測試

一旦你有了一組字形——即使它不是整個字母——生成一個測試文件並預覽你的字體。 如果您的目標是準確複製您的樣本,請評估字體是否反映了原始筆蹟的節奏和特徵。 評估“顏色”——整體的黑暗或明亮——是否與原始顏色相匹配。 根據需要優化字形以實現正確的節奏、字符和顏色。

如果您選擇隨意使用字母的形狀或引入可變性,那麼您的目標仍然應該是實現整體凝聚力的美學。 作為設計師,您可以準確定義這意味著什麼。

在您進行測試時,打印各種尺寸的示例文本塊會很有幫助。 用黑色反轉字母。 查看字母之間的空格。 查看字母內部的空格。 向後看字形字符串,然後倒置。 查看打印在紙上和計算機顯示器上的字體。 在不同條件下進行測試將幫助您注意到需要額外改進的字形。 我發現,當我測試用外語設置的示例文本時,不熟悉的字母組合會幫助我看到太重、太輕、太窄或太寬的單個字形,以及看起來太圓或太平的單個曲線。

對於第一個字體設計師,我推薦 Cyrus Highsmith 的《 Inside Paragraphs: Typographic Fundamentals 》一書(參見下面的參考資料列表)。 這本書為學習如何查看字母內部和周圍的形狀和空間提供了寶貴的入門知識。

繼續測試和修改字形,直到您的字體包含a–z小寫字母、 A–Z大寫字母、數字、分數、標點符號和變音符號(如變音符號、銳音符或波浪符號等添加到字母以表示重音或發音變化的符號) .

添加花體和備用字符

一旦您的主力字形集完成,請考慮添加您在選擇初始字母時標記的斜體字符。 數字字體永遠無法提供手寫中的無限可變性,但是通過編寫幾行 OpenType 代碼並結合花體字、連字(兩個或多個字母組合成一個字形)和替代字符,您可以開始縮小差距字體的機械性質和筆蹟的有機變化之間。 OpenType 代碼允許您執行以下操作,例如確保兩個相同的字形不會彼此相鄰出現,或者用花哨的花體字或具有更多(或更少)紋理的字形替換主力字形。

這項工作可能很耗時,但您可能會發現它令人上癮。 您可能會發現您測試的每個單詞都可以從一些自定義的繁榮中受益。 由 Tomi Haaparanta 設計的 Suomi 字體包含 700 多個連字。 由 Ale Paul 設計的字體 Hipster Script 有 1,066。 由 Julia Sysmalainen 為 Art 編寫的 Sysys 腳本。 Lebedev Studio 擁有 2,000 多個字形。 在拉丁文和西里爾文版本之間,Juliasys 的 NIVEA Care Type 字體擁有超過 4,000 個字形。

P22 Marcel Script 的 Pro 版本包括花體字、裝飾和替代字符,包括 1,300 多個字形。 許多替代字形的靈感來自於原始標本中的繁花。 其他字形是我自己發明的,但是以原始文字的風格製作的。 以我的經驗,結合花體字、連字和替代字符是設計連接的草書字體最令人興奮的部分。 事實上,正是它使連接的草書字體栩栩如生。

字體 P22 Marcel Script 中字形的四種變體,從基本的“主力”字形開始,逐漸發展為帶有大量修飾的變體。
從左到右:P22 Marcel Script 基本(主力)字形集,P22 Marcel Script Pro 包含替代字形,以及 P22 Marcel Script Pro 顯示額外的替代字形、花飾和裝飾。 (大預覽)

最後的步驟

一旦你的所有字形都設計好了,並且字體的技術性能和美學都經過了徹底的測試,就該命名字體並將其發佈到世界上了。

確保沒有其他字體已經在使用您正在考慮的名稱。 您可以在 MyFonts、Fonts.com、FontShop 或 Creative Market 等聚合網站上進行初步搜索。 字體也由各個字體代工廠和設計師分發。 因為有這麼多的分銷渠道,保證可用性和保護名稱的唯一方法是向美國專利商標局申請版權(針對美國設計師)。 考慮聘請律師來幫助提交申請。

最後,當需要發布字體時,如果這是您的第一個字體,通過已建立的代工廠或聚合網站分發您的字體可能是最簡單的。 他們應該提供技術支持,並將跟踪許可和銷售稅。 考慮使用上面列出的網站之一; 每個網站都會有不同的流程來提交字體以供考慮。

延伸閱讀

  • “印刷風格的元素”,羅伯特·布林赫斯特
  • “設計類型”,Karen Cheng
  • “段落內部:排版基礎,”賽勒斯·海史密斯
  • “腳本字體”,Geum-hee Hong
  • “塑造文本:字體、排版和讀者,” Jan Middendorp
  • “字體設計理論”,杰拉德·昂格爾
  • 變音符號(TYPO 和 Designiq 的項目)
  • 非官方的 OpenType Cookbook,OpenType
  • 角色設計標準,微軟