チュートリアル
Minjoo Ham & Aaron Bell著
2022年7月26日 2018年11月19日公開
膨大な文字セットを持つ新しい韓国語フォントの作成は、どこから手をつけていいか分からない、 daunting な作業に思えるかもしれません。このチュートリアルでは、韓国語を始めるためのすべてのツールを提供し、Glyphsで新しい韓国語フォントを作成する基本を説明します。
すでに韓国語に精通している方は、遠慮なく先に進んでください。
字母アルファベット
韓国語の文字はハングル（またはHangul）と呼ばれ、字母と呼ばれる構成要素からなる音節でできています。字母には3つのカテゴリーがあります。初声（音節の初めの子音）、中声（音節の中間の母音）、そして終声（音節の最後の子音）です。
現代韓国語で可能なすべての字母は以下の通りです。
- 初声（初頭）：
ᄀᄁᄂᄃᄄᄅᄆᄇᄈᄉᄊᄋᄌᄍᄎᄏᄐᄑᄒ - 中声（中間）：
ㅏㅑㅓㅕㅗㅛㅜㅠㅡㅣㅐㅒㅔㅖㅘㅙㅚㅝㅞㅟㅢ - 終声（末尾）：
ㄱㄲㄳㄴㄵㄶㄷㄹㄺㄻㄼㄽㄾㄿㅀㅁㅂㅄㅅㅆㅇㅈㅊㅋㅌㅍㅎ
これらの字母、その発音、ハングルに関するその他の情報については、wikipediaの記事を参照してください。
音節の構成
ハングルの音節は、音節内で使われる母音（中声）に応じて、6つの方法のいずれかで字母から構成されます。
白は初頭の初声、黄色は中間の中声、濃い灰色は末尾の終声です。
これらの6つの異なる音節は、その構造に基づいて名付けられています。
- 水平の組み合わせ（初頭子音と縦母音）。
- 垂直の組み合わせ（初頭子音と横母音）。
- 混合の組み合わせ（初頭子音と混合母音）。
- 末尾子音付きの水平の組み合わせ。
- 末尾子音付きの垂直の組み合わせ。
- 末尾子音付きの混合の組み合わせ。
いくつかの音節の例を見てみましょう。
ヒント
ワークフローの早い段階で、これら6つの音節のバリエーションを少なくとも1つずつ手作業でデザインすることをお勧めします。そうすることで、ガイド、配置、文字のサイズを素早く決定するのに役立ちます。
終声の追加に関わらず、初声と中声の相対的な位置は同じままであることに注意してください。
さて、韓国語の基本を理解したところで、始めましょう！
韓国語とUnicode
Glyphsを使えば、プロジェクトに必要なすべてのハングルのUnicode文字を簡単に追加できます。サイドバーの言語 > 韓国語セクションには、さまざまなサブカテゴリがあります。
- Jamo Compatibility： これは、独立した形で字母を表すために使用されるUnicodeブロックです。
- Choseong： これらは、初頭の位置にある子音の字母です。
- Jungseong： これらは、中間の位置にある母音の字母です。
- Jongseong： これらは、末尾の位置にある子音の字母です。
プロのヒント
Glyphsの重要な機能の一つは、ハングル音節を自動的に生成する技術が含まれていることです。この技術は、初声 / 中声 / 終声のUnicodeブロックの使用を必要とします。音節を個別に手作業で作成する予定がある場合は、これらのUnicodeスロットの使用は必要ありません。
ハングルの音節は、それぞれ独自のUnicodeスロットで表されます。考慮すべき2つのサブカテゴリがあります。
- 基本音節： これらは、KS X 1001標準とAdobe-KR標準に基づいた、核となる2,780のハングル音節です。現代韓国語の組版にはこれで十分であり、おそらくあなたのフォントにもこれらを入れたいと思うでしょう。信じてください。
- すべての音節： これらは、これまでに発生しうるすべての音節（11,172）の完全なセットです。
他に注目すべきサブカテゴリ：
- Codepages > Adobe-KR： これらのエントリは、韓国語フォントを作成するために使用されるさまざまなAdobe-KR標準をカバーしています。多くの主要なタイプファウンドリがこれらのフォントに使用しています。
- Codepages > KS X 1001 (Hanja)： このカテゴリは、韓国語のテキストに使用される漢字をカバーしています。これらの文字は現代韓国語ではあまり使われません。
これらのサブカテゴリをフォントに追加するには、それぞれを右クリックしてすべての欠落しているグリフをリスト表示し、Cmd-Aを押してすべてを選択し、生成をクリックします。
基本的な音節の作成
さて、描画に取り掛かりましょう！この例では、グリフ밈mim-ko、つまり終声を持つ混合組み合わせの音節に焦点を当てます。この音節を作成するには、4つのグリフが必要です—3つの字母と完全な音節です。
mieumCho-ko
iJung-ko
mieumJong-ko
mim-koフォントにこれらのグリフがまだない場合は、左サイドバーの言語 > 韓国語から追加するか、トップメニューからグリフ > グリフを追加…（Cmd-Shift-G）を選択し、上記の名前をボックスに貼り付けます。ダイアログを確定すると、ほら、必要なすべてのグリフがフォントに追加されます。
ヒント： Glyphsでは、すべての韓国語グリフに接尾辞
-koが付いています。さらに、音節の初め、中間、終わりにどの字母があるかを区別するために、グリフ名にCho（初声）、Jung（中声）、Jong（終声）の略語が使われます。例えば、母音yiを示すyiJung-koや、子音mieumの初頭バージョンを示すmieumCho-koなどです。
mieumCho-koグリフを開いてください。
韓国語フォント開発に別のプログラムを使ったことがあるか、Glyphsでラテン文字フォントを作成したことがあるなら、メトリクスボックスが韓国語の文字では異なって見えることに気づくかもしれません。標準のベースライン、xハイト、キャップハイト、アセンダーの値の代わりに、CJKグリフはemスクエアを使って表示され、emスクエアの中間点とフォントのベースラインもマークされています。これにより、不要なメトリクスに気を取られることなく、他のスクリプトとの位置合わせを考慮することができます。
プロのヒント
Glyphsには、カスタムグリッドを追加できる非常に便利な機能CJK Gridが含まれています。ファイル > フォント情報 > マスターに行き、カスタムパラメータフィールドでプラスをクリックしてCJK Gridを追加します。次に、その値を希望する列と行の数に設定します。ハングル開発には8を使用することをお勧めします。
mieumCho-koグリフを次のように描いてみましょう。
この例では、字母の配置に注意してください。この音節には終声があるので、最初の consonants を高く、左に配置します。これにより、自動配置中に異なる字母が互いに重ならないようになります。
次に、iJung-koグリフをダブルクリックし、基本的なㅣの形を描きます。
再び、この字母の配置に注意してください—前のものの右側にあります。
最後に、mieumJong-koグリフをダブルクリックします。これはmieumCho-koと同じ字母なので、ここで描いたアウトラインを自由にコピー＆ペーストしてください。次に、それを下方にシフトさせ、描いたiJung-koの字母の下の位置に置きます。
次にmim-koに行くと、空のグリフが表示されます。
ここで魔法が起こります。Glyphsはmim-koがmieumCho-ko、iJung-ko、mieumJong-koからできていることを知っているので、自動的に音節を構築できます。グリフ > コンポジットを作成（Ctrl-Cmd-C）を選択すると、ドーンと。
プロのヒント
特定の音節にどの字母が使われているか疑問に思う場合は、ウィンドウ > グリフ情報で構成をプレビューし、独自のGlyph Data XMLを作成することでデフォルトを独自の構成で上書きできます。
このプロセスを初声、中声、終声リストのすべての字母に対して繰り返せば、Glyphsはすべての音節セットにある11,000以上のハングル音節をすべて構築することさえできます。わあ！あなたは最初のハングルフォントを作成しました！
このスタイルのハングルフォントは、通常「アウト・オブ・フレーム・スタイル」（別名「デフレーム」または「デ・スクエアード」）と呼ばれ、ディスプレイタイポグラフィで最もよく使用される、かなり現代的なハングルデザインのアプローチです。
字母のバリエーション
基本音節セクションでは、構造に関わらず、すべての音節で同じ初声、中声、終声の字母が使用されます。しかし、デザインが同じ音節内の他の字母によって字母の形を変える必要がある場合はどうでしょうか？
下の例では、どの末尾の字母が使われるかによって、ㅁ（mieum、青でマーク）の形が変わります。
これら2つの音節例を見ると、最初の音節のㄴ（nieun）は、2番目の音節のㄹ（rieul）よりもㅁ（mieum）により多くの垂直スペースを与えていることがわかります。ご想像の通り、すべての音節は異なるため、突然各字母のバージョンが5、10、さらには20個も出てくるかもしれません！怖く思えるかもしれませんが、このバリエーションは、テキストタイポグラフィの適切なバランスと比率を達成するために絶対に重要です。
このスタイルのハングルは、通常「インフレーム・スタイル」（または単に「フレーム」または「スクエアード」）と呼ばれ、最も一般的なハングルのスタイルです。
高度な音節の作成
字母のバリエーションを使ってみましょう。この例では、man-ko 만 に焦点を当てます。フォントに次のグリフを追加してください。
man-ko
mieumCho-ko
aJung-ko
nieunJong-koまた、2つのバリエーションを作成します。
mieumCho-ko.man
aJung-ko.man今回は、mieumCho-koとaJung-koを描くとき、文字마ma-koをデザインしているかのように、全高で描きます。まず、mieum-koからです。
aJung-koでも同じことをします。
nieunJong-koについては、ボックスの下部にこのように描きます。
さて、man-koに行き、グリフ > コンポジットを作成（Ctrl-Cmd-C）を押すと、かなり不快な結果が得られます。
なんてことだ！すべてが重なっています！しかし、解決策があります。作成した2つのバリアントグリフを覚えていますか？mieumCho-koからmieumCho-ko.manにアウトラインをコピーし（またはグリフ > グリフを複製でグリフを複製し、新しいグリフを適切にリネームします）、ㄴ（nieun）の上部とㅁ（mieum）の下部の間にスペースができるように字母の下部を上げます。
プロのヒント
スマートコンポーネントを使えば、シェイプの再利用と調整がずっと簡単になります。スマートコンポーネントの作成には少し時間がかかりますが、それだけの価値はあります。そうでなければ、あらゆる種類のバリエーションでシェイプを繰り返すのに多くの時間を費やすことになります。
完了したら、man-koに戻り、mieumCho-koコンポーネントを選択し、下の灰色の情報ボックスにあるmieumCho-koという名前をクリックします…
…そしてコンポーネントを選択するためのウィンドウがポップアップします。mieumCho-ko.manを検索して選択します。
これにより、選択されたコンポーネントが.manバリアントに置き換えられます。ジャジャーン！.manバリアントで、重なりの問題を解決し、初声と終声の間のバランスをより良く達成しました！
さて、もう何をすべきかはお分かりでしょう。aJung-koコンポーネントを選択します。
aJung-koに対しても同じ手順に従うと、最終的な結果は次のようになります。
いいですね。今こそ、自分を褒めてあげましょう。この例では、幸運にもnieunJong-koに何の変更も加える必要はありませんでしたが、他の音節ではこの字母の代替バージョンに交換する必要があるでしょう。
ヒント
コンポーネントの元のグリフを編集するには、単に（灰色の）コンポーネントをダブルクリックするだけで、Glyphsは編集ビューに元のグリフを挿入し、すぐに編集できるようにアクティブ化さえします。この方法で、.manグリフを調整し、man-ko音節ですぐに組み合わせた結果を見ることができます。
おめでとうございます！あなたは最初の「インフレーム・スタイル」のハングル音節を作成しました！さあ、このプロセスを2,780の基本的なハングル音節すべてに対して繰り返すだけで、完了です。簡単でしょう？
近日公開：ハングルの構成
幸いなことに、Glyphsにはハングル音節を作成するための高度な機能が含まれています。ハングル構成エンジンを使えば、グリフのバリエーションをグループにまとめ、どの字母をどこで使うべきかを決定するルールを確立できます。完了すれば、エンジンが音節のデータベース全体を自動的に管理してくれます！しかし、それは次の韓国語チュートリアルでのお話です。
楽しんで、乞うご期待！
ゲストチュートリアル by Minjoo Ham and Aaron Bell。
フィードバックをくれたEunyou Noh、Daekwon Kim、Yanghee Rueに感謝します。
サンプルフォント：GEOJANG AND HAHMLET BY MINJOO HAM。
更新履歴 2019-02-12: スクリーンショットを修正・復元。
更新履歴 2020-11-13: Glyphs 3ウェブサイトの更新。
更新履歴 2022-16-08: タイトル、関連記事、軽微なフォーマットを更新。
関連記事
- シェイプの再利用：スマートコンポーネント
チュートリアル
- シェイプの再利用：コーナーコンポーネント
チュートリアル
コメント