古い手書きに基づいたフォントのデザイン
公開: 2022-03-10デザイナーは、さまざまな理由で手書きベースの接続された筆記体フォントを作成します。愛する人の手書きのループや渦巻きを不滅にするため、人や歴史的に重要な文書の習字をデジタル化するため、または魅力的な手書きを創造的な資産に変換するためです。ライセンスを取得します。
デジタル化したい美しい古い手書きの標本を見つけたとしましょう。 個々の文字をトレースして、それらのトレースをシームレスにフォントに変換できると思われるかもしれません。 私が最初のフォントに取り組み始める前に、それが私の仮定であったことを告白します。 私は、標本を巧妙で機能的なフォントに変換するために必要な無数の思慮深く意図的な決定を考慮していませんでした。
標本のデジタル化のプロセスを開始する前に、目標と意図についていくつか質問することをお勧めします。 プロジェクトのクリエイティブブリーフを書くことと考えてください。 履歴の正確さの重要性を評価することから始めます。 次に、標本の綿密な調査を行います。手書きの特異性、個々の文字の形と位置の変化、文字の接続方法、およびテクスチャを確認します。 あなたの標本に鋭い親しみを持っていることはあなたがあなたのフォントをデザインするときに美学について情報に基づいた決定をすることを可能にするでしょう。
推奨読書：ジークムント・フロイト書体の実践：縮小のためのフォントの作成
歴史的正確さはどれほど重要ですか？
あなたがする必要がある最大の決定の1つはあなたがあなたの手書きの標本のすべてのニュアンスをキャプチャしたいかどうか、またはあなたがその手書きに触発された何かをデザインしたいかどうかです。 それは、「実話に基づいた」映画と「実際の出来事に触発された」映画を見るようなものです。 最初のシナリオでは、映画（またはフォント）が、監督（またはデザイナー）が幅広い創造的な自由を奪う可能性がある2番目のオプションよりも高度な事実の整合性を維持することが期待できます。
標本を最高の精度で複製することを選択した場合、正確さを厳密に尊重することは、読みやすさを損なうことを意味する可能性があることに注意してください。 「特に古いスクリプトには、現代の手書きよりも読みにくい文字形式が含まれています。古いスタイルの長い文字のように、事実上判読できません」と、著名な手書きに基づいて20以上のフォントを設計したBrianWillson氏は述べています。アビゲイル・アダムス、フレデリック・ダグラス、サム・ヒューストンなどの人物。
履歴の正確さと最適化された読みやすさのバランスをとるために、慎重に修正したい場合があります。 手書きの第二次世界大戦のラブレターを基にした接続された筆記体フォントであるP22Marcel Scriptを設計したので、読みやすさを向上させるために小さな修正を加えることにしました。
フォントは元の文章の本質的な特徴を保持していますが、正確な複製ではありません。 たとえば、元のjの多くにはタイトル（ドット）がなく、元の小文字のpにはボウルの底に閉曲線がありませんでした。 それはpとnのハイブリッドのように見えました。 筆記体を読むのに苦労している人がいることを知って、私はjに点を付け、 pの形を修正することにしました。
ソースドキュメントには、使用するのに十分な資料が含まれていますか？
ジョン・ハンコックは素晴らしい署名を持っていましたが、彼の名前の8文字（ J、o、h、n、H、a、c、およびk ）に基づいてフォント全体を設計するのは困難でした。 標本がフォント全体をサポートするのに十分完全であるかどうかを評価します。 大文字と小文字の両方が含まれていますか？ 数字はどうですか？
ジェーン・オースティンの手書きに基づいてフォントをデザインしたとき、デザイナーのピア・フラウスは、参照する手書きの文字Xがないことを発見しました。 フラウスのように、ほとんど完成している標本がある場合は、特定の文字がどのように見えるかを推定できるはずです。 このスキルは、1999年以来存在しているユーロのような新しいグリフ（フォントファイル内の特定の文字の用語）を設計するときにも必要になります。
標本に含まれる文字のセットが限られている場合は、欠落している文字のデザインに問題がないかどうかを判断してください。 そうでない場合は、スタイルが似ている手書きの標本を見つけてから、補足標本から欠落している文字を引き出すことを検討してください。
手書きを特別なものにする特異性は何ですか？
クロスバーは異常に高い、低い、または角度が付いていますか？ アセンダーまたはディセンダーは異常に長いですか、それとも短いですか？ 文字は著しく狭いですか、それとも広いですか？ 特定の文字がベースラインの上または下に伸びていますか？ 文字は異常な方法でループしますか？
歴史的に正確なフォントを作成することが目標である場合は、個々のグリフをデジタル化するときに、これらの特異性が失われないように注意する必要があります。 あなたが創造的な自由を受け入れることに慣れているなら、あなたはそれらの差別化のポイントを誇張するかもしれません。
フォントMarydaleで、Brian Willsonは、元の手書きで見つかったループ状の2階建てのセリフgなどの風変わりなグリフを含めました。 ブライアンはそれが友好的な魅力を加えたと思った。 しかし、特異性を受け入れるリスクは、一部のユーザーがそれらのレターフォームを気に入らない可能性があることです。実際、一部のユーザーは、 gが異常すぎるとブライアンに不満を述べました。 それにもかかわらず、MarydaleはBrianの最も売れているフォントの1つです。
形を解読し、標本の特異性の背後にあるメカニズムを理解するのに役立つ場合は、使用された筆記用具の種類を特定することが役立つ場合があります。 ボールペンは均一な幅のストロークを作成します。 スプリットペン先ペンは、優雅な太さと細さを作成できます。 つけペンは、インクが再塗布された証拠を持っている場合があります。 ブラシは太さの劇的な変化を生み出すことができます。 また、手の位置や速度が手書きの形やスタイルにも影響を与える可能性があるため、筆記用具がどのように保持されていたか、または筆者が急いでいたかどうかを検討することもできます。
軸、文字の高さ、ベースラインへの配置、およびストローク幅の変化を評価します
単一の手書き標本内では、軸、文字の高さ、ベースラインへの位置合わせ、およびストローク幅に変化が見られる可能性があります。 これらの不規則性は手書きの個性を高めますが、これらの不規則性をデジタルフォントに転送することは困難な場合があります。 フォントに軸、文字の高さ、ベースラインへの配置、またはストローク幅のバリエーションが多すぎる場合、元の標本の視覚的な統一性を反映していない可能性があります。 フォントに十分なバリエーションが含まれていない場合、元の文章の魅力が不足している可能性があります。
時間をかけて、元の標本のどの要素に一貫性があり、どの要素が変化するかを評価してから、それらの変化をフォントに組み込む方法を計画します。 一貫した軸を使用する場合は、ベースラインまたはストローク幅に合わせて配置を変更することを検討してください。 ストローク幅を標準化する場合は、軸と文字の高さを変えることを検討してください。
P22 Marcel Scriptの作業を始めたとき、私は5つの別々の手書きページからお気に入りの個々の文字を調達しました。 初めてグリフを単語につなぎ合わせたとき、軸、文字の高さ、ストロークの太さが変化しすぎていることがわかりました。 それぞれのグリフは一人の男の手書きを注意深く再現したものでしたが、結果として得られた外観は無計画でした。 軸とストロークの太さの基準を決定し、すべてのグリフをその基準に調整しました。 文字の高さとベースラインへの配置を変えることで、フォントが機械的に見えすぎないようにしました。
個々の文字はどこでどのように接続されますか？
ある文字から次の文字にスイープする接続線は高いですか、それとも低いですか？ 接続線は太いですか、細いですか？ 繋がらない文字はありますか？
正常に接続された筆記体スクリプトフォントを設計するための鍵は、個々の文字が1つの文字から次の文字にシームレスに流れるように見えるようにオーバーラップを作成することです。 秘訣は、そのオーバーラップの1つの場所を特定し、その正確な位置ですべてのグリフを開始および終了することです。 一部の設計者は、これらのオーバーラップをグリフの左端に沿って配置し、他の設計者は、グリフ間のスペースにオーバーラップを配置します。 オーバーラップを低く配置する設計者もいれば、オーバーラップを高く配置する設計者もいます。 正しい答えも間違った答えもありません。 自分に合った場所と方法を選択してください。
また、標本内のすべての文字が接続されているわけではないことに気付くかもしれません。 その場合でも、接続するグリフにのみオーバーラップを作成しますが、1つの場所を特定し、オーバーラップに対して一貫した戦略を実装する必要があります。**
フォントにテクスチャ効果を含めますか？
テクスチャを追加すると、古さや懐かしさを感じることができますが、この処理により、時間と複雑さが増し、ファイルサイズが大きくなります。 そして、誰かがあなたのフォントのライセンスを取得して使用したいかどうかに影響を与える可能性があります。なぜなら、彼らはその特定の効果を探しているかもしれないし、探していないかもしれないからです。
元の標本を調べて、テクスチャがどこから来たのかを判断します。 紙の表面が原因でしたか？ 筆記具や筆記速度によるばらつきはありませんか？ 不規則性は曲線上に集まっていますか？ 手紙の片面には、もう片面よりも多くのテクスチャが含まれていますか？ ブラシストロークやインクの飛び散りは、各文字の周囲のスペースに広がりますか？
履歴の正確さの重要性について高レベルの決定を下したら、手書きを特別なものにする特異性を特定し、軸、文字の高さ、ベースラインへの配置、またはストローク幅のバリエーションを追加する方法を検討し、グリフを接続する方法を評価し、テクスチャを含めるかどうかを決定したら、フォントのデザインを進めましょう。
あなたの手紙を選んでください
標本のコピーを作成し、フォントに組み込みたい特定の文字にフラグを付けて、1行ずつ調べます。 デザイナーのブライアン・ウィルソンが新しいフォントを始めるとき、彼が含める予定の個々の文字を選択するために、ソース資料をじっくりと調べて時間を費やすのは珍しいことではありません。
2種類の文字にフラグを立てることを検討してください。
好きな「働き者」の手紙
働き者の文字が基本的なグリフセットを構成します。 それらは最も素晴らしいオプションではないかもしれませんが、主力のキャラクターは信頼性が高く読みやすいグリフセットになります。好きなスワッシュ文字
スワッシュ文字には、余分なループや繁栄、多かれ少なかれテクスチャ、ベースラインの上下の位置の大きな変動、または非常に長いクロスバーなどの誇張された機能が含まれる場合があります。
スワッシュ文字は読みにくい場合や、特定の場合にのみ使用するのに適している場合がありますが、多様性、美しさ、個性を追加することができます。 （スワッシュグリフはプロセスの後半で追加されます。最初に主力グリフセットの設計に焦点を合わせます。）
理想的には、レビューの最後に、大文字と小文字の主力文字、数字、句読点、および一連のスワッシュ文字の完全なセットにフラグを付けます。
個々の文字をスキャンし、ベクトル化する準備をします
フォントに含める予定のすべての文字の高解像度ビットマップ画像を作成します。 私はいつもフラットベッドスキャナーを使ってそれらの画像をキャプチャしていましたが、Procreateからスケッチをエクスポートしたり、携帯電話で高解像度の写真を撮ったりする人の話を聞いたことがあります。 写真を撮る場合は、歪みを避けるために、携帯電話が標本と平行になっていることを確認してください。
ビットマップ画像のコレクションを組み立てたら、Adobe Illustratorの画像トレース機能を使用してレターフォームをベクトル化するか、スキャンをフォント編集ソフトウェアに直接インポートしてから手動でベクトル化するかを選択する必要があります。
Illustratorはテクスチャをキャプチャできるため、標本に多くのテクスチャが含まれている場合は、Illustratorの画像トレース機能を使用することをお勧めします。 ベクターのアウトラインを作成するには、ビットマップ画像をIllustratorにインポートしてから、高度な画像トレースメニューオプションを使用して、パス、コーナー、ノイズの組み合わせをテストし、好みのトレース結果を取得します。 展開してベクターのアウトラインを取得します。
フォントにテクスチャが含まれない場合、ベジェ線の生成に慣れている場合、または文字の形状を大幅に変更する場合は、スキャンをフォント編集ソフトウェアに直接インポートすることをお勧めします。
推奨読書：新しいフォントテクノロジーがWebをどのように改善するか
新しいフォントファイルを作成する
人気のあるフォント編集ソフトウェアオプションには、FontLab Studio VI（MacまたはWindows OS、459ドル）、Glyphs（Mac OS、249.90ユーロ）、Robofont（Mac OS、490ドル）、Font Creator（Windows、79〜199ドル）、Font Forge（無料）などがあります。 ）。 FontSelfと呼ばれるIllustratorおよびPhotoshopCCの拡張機能もあり、レタリングをフォント（$ 49〜 $ 98）に変換できます。
新しいフォントファイルを作成します。 Illustratorを使用してベクターアウトラインを作成した場合は、各アウトラインを該当するグリフセルにインポートします（つまり、文字aのベクターアウトラインをグリフセルに配置して、キーボードのキーを押したときにaが表示されるようにします）。
フォント編集ソフトウェア内でグリフをベクトル化することを選択した場合は、各ビットマップスキャンを背景スケッチとしてインポートしてからトレースします。
アーキタイプ文字を特定する
一部のフォントデザイナーは、文字n、b、o、v、A、H 、およびOを設計または改良することから始めます。これらの文字には、他の多くの文字の形状の手がかりが含まれているためです。 たとえば、 nは、 iとhの形状の手がかりを保持します。 bは、 d、p、およびqの形状の手がかりを保持します。 OはCとGの手がかりを持っています。 他の設計者は、最も頻繁に使用されるアルファベットの文字e、t、a、o、i、およびnから始めます。 文字の形のバリエーションを比較する画像がぎっしり詰まった素晴らしい本DesigningTypeで、Karen Chengは、一部のデザイナーはa、e、g、n、 oの文字で始まると述べています。
これらのグリフセットの1つから始めることもできますが、フォントの美学を典型的に表すいくつかの文字を特定した場合は、それらのグリフを改良することから始めることを検討してください。 P22 Marcel Scriptに取り組み始めたとき、元の手書きのMの急降下が絶妙であったこと以外の理由で、大文字のMに取り組むことから始めました。そして、その文字がグリフとして生き返るのを見るのは喜びでした。 （ Mに取り組んだ後、私は原型文字nとeの改良に焦点を合わせました。）
どのグリフから始めても、軸、文字の高さ、ベースラインへの配置、およびストローク幅の標準をすばやく確立する必要があります。 すべてのグリフがこれらの基準を満たしていることを確認すると同時に、変動性を組み込んで有機的な外観を実現することを念頭に置いてください。
意図的に変動性を導入するには、ワークスペースにガイドラインを追加して、変動性の下限と上限を定義すると役立つ場合があります。 これらのガイドラインを使用して、アセンダーの高さ、ディセンダーの長さ、またはベースラインに合わせて変化を導入します。
フォントのバリエーションを増やしたいですか？ ガイドライン間の距離を広げます。 フォントのばらつきを少なくしたいですか？ ガイドライン間の距離を短くしてください。 同様の方法で、ストローク幅に変動性を追加します。
また、オーバーラップの標準位置を確立する必要があります。 これらのオーバーラップの正しい場所は1つではないため、ペンをページから持ち上げずに文字がペンで書かれたかのようにオーバーラップが自然に表示されるまで、限られた数のグリフを試してください。 次に、 r、o、s、f、v 、 wなどのトリッキーな文字でオーバーラップの位置をテストして、オーバーラップが機能することを確認します。 グリフが接続されない、または接続がスムーズに表示されないために問題があるかどうかがわかります。 （2つの黒い文字が重なっているところに白が表示されている場合は、Postscriptパスの方向エラーを確認してください。）
良いニュースは、オーバーラップの適切な位置を確立したら、接続線を切り取り、コピーして貼り付け、残りのすべての文字にオーバーラップの位置を複製できるようになることです。
あなたが行くようにテスト
グリフのコレクションができたらすぐに（アルファベット全体でなくても）、テストファイルを生成してフォントをプレビューします。 標本を正確に複製することが目標である場合は、フォントが元の手書きのリズムと特徴を反映しているかどうかを評価します。 「色」（全体的な暗さまたは明るさ）が元の色と一致するかどうかを評価します。 必要に応じてグリフを調整して、適切なリズム、キャラクター、色を実現します。
文字の形を自由にするか、可変性を導入することを選択した場合でも、全体的なまとまりのある美学を実現することが目標である必要があります。 それが何を意味するのかを正確に定義するのは、設計者としてのあなた次第です。
テストするときは、サンプルテキストのブロックをさまざまなサイズで印刷すると便利です。 黒から文字を逆にします。 文字の間のスペースを見てください。 文字の内側のスペースを見てください。 グリフの文字列を逆方向に見てから、逆さまにします。 紙とコンピューターのモニターの両方で印刷するときのフォントを見てください。 さまざまな条件下でテストすると、さらに改良が必要なグリフに気付くのに役立ちます。 外国語で設定されたサンプルテキストをテストしたとき、なじみのない文字の組み合わせは、重すぎたり、軽すぎたり、狭すぎたり、広すぎたりする個々のグリフと、丸すぎたり平らすぎたりする個々の曲線を確認するのに役立つことがわかりました。
初めての書体デザイナーには、CyrusHighsmithによるInsideParagraphs ：Typographic Fundamentalsという本をお勧めします（以下の参考文献のリストを参照してください）。 この本は、文字の中や周りの形やスペースを見る方法を学ぶための貴重な入門書を提供します。
フォントにa〜z小文字、 A〜Z大文字、数字、分数、句読点、発音区別符号（ストレスや発音の変化を示すために文字に追加されたウムラウト、急性、チルダなどのマーク）が含まれるまで、グリフのテストと改訂を続けます。 。
スワッシュと代替文字を追加する
主力のグリフセットが完成したら、頭文字を選んだときにフラグを付けたスワッシュ文字を追加することを検討してください。 デジタルフォントは、手書きで見られる無限の変化を提供することはできませんが、OpenTypeコードの行を記述し、スワッシュ、合字（1つのグリフに結合される2つ以上の文字）、および代替文字を組み込むことで、ギャップを埋めることができます。フォントの機械的な性質と手書きの有機的なバリエーションの間。 OpenTypeコードを使用すると、同じグリフの2つが隣り合って表示されないようにしたり、主力のグリフを派手なスワッシュまたはテクスチャの多い（または少ない）グリフに置き換えたりすることができます。
この作業には時間がかかる場合がありますが、中毒性があることに気付くかもしれません。 あなたがテストするすべての単語がいくつかのカスタム繁栄から利益を得ることができることを発見するかもしれません。 Tomi Haaparantaによって設計されたフォントSuomiには、700を超える合字が含まれています。 AlePaulによって設計されたフォントHipsterScriptには1,066があります。 アートのためのジュリアSysmalainenによるSyysスクリプト。 LebedevStudioには2,000を超えるグリフがあります。 また、ラテン語バージョンとキリル文字バージョンの間で、JuliasysによるフォントNIVEA CareTypeには4,000を超えるグリフがあります。
スワッシュ、装飾品、代替文字の間で、P22 MarcelScriptのProバージョンには1,300を超えるグリフが含まれています。 代替グリフの多くは、元の標本の繁栄に触発されました。 他のグリフは私自身の発明でしたが、元の文章のスタイルで作成されました。 私の経験では、スワッシュ、合字、および代替文字を組み込むことは、接続された筆記体スクリプトフォントを設計する上で最もエキサイティングな部分です。 実際、それが接続された筆記体スクリプトフォントに命を吹き込むものです。
最終ステップ
すべてのグリフが設計され、フォントの技術的パフォーマンスと美学が徹底的にテストされたら、フォントに名前を付けて世界にリリースします。
検討している名前を他のフォントがすでに使用していないことを確認してください。 MyFonts、Fonts.com、FontShop、CreativeMarketなどのアグリゲーターWebサイトで予備検索を行うことができます。 フォントは、個々のフォントファウンドリやデザイナーによっても配布されます。 流通経路は非常に多いため、入手可能性を保証し、名前を保護する唯一の方法は、米国特許商標庁（米国のデザイナー向け）に著作権を申請することです。 ファイリングプロセスを支援するために弁護士を雇うことを検討してください。
最後に、フォントをリリースするとき、これが最初のフォントである場合は、確立されたファウンドリまたはアグリゲーターのWebサイトを通じてフォントを配布するのが最も簡単な場合があります。 彼らは技術サポートを提供する必要があり、ライセンスと消費税を追跡します。 上記のWebサイトのいずれかを使用することを検討してください。 Webサイトごとに、検討のためにフォントを送信するプロセスが異なります。
参考文献
- 「活字スタイルの要素」、ロバート・ブリングハースト
- 「デザインタイプ」、カレン・チェン
- 「InsideParagraphs：Typographic Fundamentals」、Cyrus Highsmith
- 「スクリプトフォント」、Geum-hee Hong
- 「ShapingText：Type、Typography And The Reader」、Jan Middendorp
- 「タイプデザインの理論」、Gerard Unger
- 発音区別符号（TYPOとDesigniqによるプロジェクト）
- 非公式のOpenTypeクックブック、OpenType
- キャラクターデザインスタンダード、マイクロソフト