文字パネルについて②／Affinity3

文字パネルについて①／Affinity3 の続き

位置と変形

文字間や行間、比率などの調整を行います。
ちなみに、イラレと並べてみるとこんな感じです。

イラレ使いなら、見比べてもらえれば、大体の機能が分かるかと。
もちろん、この後丁寧に解説します(=・ω・=)

カーニング

文字と文字の間隔を制御します。

自動

フォントが持つ文字情報を元に、字詰めをしてくれます。

その前に、「プロポーショナルメトリクス」と「ペアカーニング」についてちょっと解説を。

OpenTypeは自分でも完璧に理解できてないほど複雑なので、間違ってたらコメントお願いします(´・ω・`)

プロポーショナルメトリクスについて

日本語フォントは基本、漢字・ひらがな・カタカナなどの字形を正方形の仮想ボディ内に収めるよう作られています。

この四角を並べただけの状態を、「ベタ組み」と呼びます。
これが日本語組版の基本で、長文になった時に一番読みやすい形となります。
本とか新聞とかの本文は大体ベタ組みです。

ただ、よくよく見ると、文字の間がバラバラに空いているように見えてしまいます。
長文なら気になりませんが、タイトルなどのように、文字だけでバーンと見せる、という時には少しこの空きが気になります。

なので、フォントデザイナーさんの方で、「この文字はこのくらいの文字幅にしよう」と設定することがあります。
その設定を元に、イイ感じに文字を詰めてくれる機能が、「プロポーショナルメトリクス／palt」（OpenTypeフォントに内蔵された詰め情報を基に文字の幅や位置を自動調整する機能）です。
paltはProportional Alternate Widths（プロポーショナル・オルタネート・ウィドゥス）の略で、ぴーえーえるてぃー・ぴーあると・ぱると、などと呼ばれます。

ちなみに欧文（英語）フォントは、元から仮想ボディが正方形ではなく、イイ感じの文字幅に設定されたものなので、何もしないでもイイ感じに文字が詰まって見えます。
こちらを「プロポーショナルフォント」と言ったりします。

プロポーショナル（Proportional）＝比例した、割合に相当する、という意味です。
もちろん、プロポーショナルじゃない等幅欧文フォントもあります。プログラミング用とか。

※正確にいうと欧文フォントは仮想ボディではなく、ベースラインなどの横線を元に作っていきます。分かりやすくするために仮想ボディで説明。

「ＭＳＰゴシック」なんかもプロポーショナルフォントですね。

「ＭＳゴシック」は、「正方形」の「ベタ組み」ができるフォントで、「等幅フォント」と呼ばれます。

「えのころ角ゴシック」は、「正方形」の「ベタ組み」ができる「等幅フォント」ですが、
プロポーショナルフォントのような「詰め組み」ができる「プロポーショナルメトリクス」を持っています。
ちょっとスリムな仮想ボディのオプションを持ってる感じ。オプションにチェックを入れれば、プロポーショナルフォントになります。

ちなみに、メトリクス（Metrics）＝測定や基準、尺度という意味です。何かを判断するために測ったり計測したりした数値のこと。
文字幅（プロポーショナル）に合わせる為に設定された数値（メトリクス）をONにすると、文字幅に合わせて詰まるよ、って感じ。

英語26文字と違って、日本語は文字が尋常じゃないくらいあるので、「プロポーショナル」設定がされていないフォントも多いです。フリーフォントは特に。

なので自分は、プロポーショナルメトリクスができるフォントに出会うと「ははぁ、ありがたやありがたや……」と感謝して使ってます(=・ω・=)

ペアカーニングについて

(=・ω・=) ＜良い感じに文字詰めしたいなら、プロポーショナルフォントを使うか、「プロポーショナルメトリクス」をＯＮにすればいいんだね！

というわけで、プロポーショナルフォントである「Bellota Text」を使ってみましたが……ＡとＷの間って、ＶとＷの間より広がって見えませんか？

上が狭いＡと、下が狭いＷなど、特定の文字が並ぶと、その間が空いて見えてしまいます。
文字の形が生み出す空白によって、通常以上に間が空いて見えてしまう文字のペアが存在するんです。

その、特定のペアが並んだ時に「このくらい文字を詰めよう」と設定された詰め情報が「ペアカーニング／kern」です。

kern（カーン）はKerning（カーニング）の略（というか、元？）です。文字間、文字同士の間隔、です。

この文字とこの文字が並ぶと空いて見えるなぁ、っていう文字のペアに、ひとつずつ詰め情報を登録しなければいけないので、こちらもフリーフォントには登録されていないことが多いです。
ペアカーニングが設定されていたら、フォント製作者さんに感謝しましょう(=・ω・=)ｷｯﾄﾂｸﾙﾉﾒﾁｬｸﾁｬﾀｲﾍﾝ…

「プロポーショナルメトリクス」と「ペアカーニング」を設定すれば、大体の文字間隔はイイ感じになります。

もちろん、文字サイズが大きくなるにつれて間が開いて見えたり、文字の太さや周りの装飾、画数の多い文字と少ない文字の連続など、いろいろと見え方が違ってくるので、細かく微調整が必要です。詰め方の好みもあるし。

英語の方が分かりやすいので英語で説明しましたが、もちろん日本語にもペアカーニングを設定したフォントがあります。
たとえば「源ノ角ゴシック」ですと、「え」と「て」の間が-50‰詰まります。

和文（日本語）フォントの場合、ペアカーニングは「プロポーショナルメトリクス」をＯＮにした上で、設定された数値です。
ベタ組みだと、文字と文字の間が空きすぎているので使えません。
ペアカーニングを使いたいときは、必ずプロポーショナルメトリクスをONにする必要があります。

ちなみに、「ペアカーニング」は大変紛らわしいことに「メトリクスカーニング」や、ただの「カーニング」とも呼ばれます。

さらにややこしいことに、Illustratorではカーニング欄で「メトリクス」を設定すると、「ペアカーニング」と「プロポーショナルメトリクス」両方が自動適用されます。

……この「メトリクス」は、「プロポーショナルメトリクス」「ペアカーニング」の文字詰め情報すべてを指しているのか、それとも「メトリクスカーニング」＝「ペアカーニング」を指していて、「プロポーショナルメトリクス」はオマケでついてきちゃっただけなのか……どっちなんだい。
結果同じだからもうどっちでもいいけど。

パルスのファルシのルシがパージでコクーン……いや、オフチョベットしたテフをマブガッドしてリットを作ったときの顔になってませんか？大丈夫ですか？

僕はなってます💀
正直、ここまでたどり着くのにめちゃめちゃ時間かかりました。
イラレはこれに追加でオプティカル和文等幅OpenTypeパネルアキ量設定と更に設定があってややこしすぎる。

さて、ここからが問題。

Affinity3では、カーニングで「自動」を選ぶと、「ペアカーニング」しか設定されません。

欧文（英語）フォントは大体プロポーショナルフォントだから、ペアカーニングだけ有効になればＯＫです。

けれど、日本語フォントは「プロポーショナルメトリクス」をONにしたうえで、「ペアカーニング」する、という設計になっています。

Affinityは海外のソフトなので、日本人がよく使う「プロポーショナルメトリクス」が実装されていないんです……!!!

Affinity V3で日本語テキストにプロポーショナルメトリクスが適用されない例

日本ユーザーが増えたら、プロポーショナルメトリクスに対応してくれるかもしれないので、皆さん。周りのお友達にAffinityを勧めましょう。

それまで、「日本語組版のためのフォント for Affinity」で配布されている「えのころ明朝」「つゆくさ明朝」「えのころ角ゴシック」「つゆくさゴシック」「つゆくさアンチック」「クレー One ss」「ステッキ ss」「ロックンロール One ss」「レゲエ One ss」「トレイン One ss」のフォントをオススメします。

使えなくなってしまっていたプロポーショナルメトリクスの情報を、使えるよう改変してくれたフォントです。
タイポグラフィパネルから設定できます。詳しい使い方は「ゼロから始めるAffinity3 Affinity初心者講座その８文字」で。

「源柔ゴシックP」や「源暎ラテミン詰 v2」など、元からプロポーショナルのフォントを使うのもオススメです。
プロポーショナルフォントはフォント名にＰがついていることが多いです。（A P OTFなど、フォントの頭についているフォントシリーズ名は除く）

ちなみにイラレにある、字面をソフト側で判断していい感じに詰める「オプティカル」はAffinityにはありません。あれはAdobe独自の機能。

……と、ここまで長ーく解説して、結論を言いますと、

カーニングにある「自動」は、フォントが持つ文字情報を元に、字詰めをしてくれる機能。
ただし、現状では「ペアカーニング」しか効かない。

将来的にイラレみたいに「プロポーショナルメトリクス」が一緒に利くようになるのか、それともタイポグラフィパネルで別途指定する必要があるのかは不明、という感じです。

また進展があったら随時更新していきたいと思います(=・ω・=)

基本、ベタ組み以外、設定を「自動」にしておいていいんじゃないでしょうか。
プロポーショナルメトリクス効かないから本来は邪道な使い方だけど、英語はちゃんと詰まるし、どのみち手で詰めなきゃいけないんだから、詰める量が少ない方が楽だし。

カーニングを「自動」にしてから、テキストをダブルクリックするなどして編集モードに入り、文字間を詰めたい位置にカーソルを合わせます。

カーソルを文字と文字の間に合わせると、自動で設定された数値が表示されます。
源ノ角ゴシックＪＰは、「フ」と「ィ」の間に-20‰のペアカーニングが設定されています。

プルダウンから選択（-50‰まで）、数値入力、右側の矢印ボタンを押す、マウスのホイール、ショートカットキーなどで、ちょうどいい間隔まで詰めます。
（ちょっと全体的に開きすぎていたので、次で説明するトラッキングで全体の間隔を詰めてます）

ショートカットキーはALT＋カーソルキー左右です。
ALT＋← で詰まり、ALT＋→ で開きます。
よく使うので覚えておくといいです。

気をつけて欲しいのは、数値入力のところにマウスカーソルを合わせて、マウスホイールをくるくるするだけで数値が変えられることです。
変える予定はなかったのに、パネルを下に下げようとしてマウスホイールすると、うっかり数値が変わってしまうことがあります。

パネルはホイールで上下に動かすのではなく、右のバーを掴んで移動したほうが安全そうです。

ちなみに、上手なカーニングを学べるWEBゲームがあるので、試しに遊んでみると面白いと思います(=・ω・=)

Kern Type

A game to learn how to kern type
http://type.method.ac

トラッキング

文字列全体の文字間隔を調整します。

カーニングと違い、トラッキングは文字のボックス全体を均等に詰めて使う感じです。

やらない方がいいけど一応、１文字１文字個別に指定できます。選択した文字の右の間隔を調整可能。指定するときは、カーニングみたいに文字と文字の間にカーソルを合わせるのではなく、文字を選択した状態で、その文字の右側を調整する形になります。
カーニングと混ざって訳わからなくなるからやらない方がいいけど。

大体トラッキングで全体的な文字の間隔を調整して、そのあとカーニングで細かく文字間を調整する使い方になります。

文字の間隔を大きく開きたいときは、しっかり文字をつめて間隔を調整したあと、もう一度トラッキングで大きく開いてあげるとキレイな等間隔が作れます。

混ぜると分からなくなるので、個別の文字間調整はカーニングに任せるようにしましょう。
トラッキングで全体の文字間。カーニングで個別の文字間。

トラッキングのショートカットは、Alt＋カーソルキー左右←→で、カーニングと同じショートカットです。
テキストを選択してからALT＋←か、文字と文字の間にカーソルを合わせてからALT＋←か。
同じショートカットですが、何を選択しているかによってカーニングかトラッキングか変わります。

自分は全体の文字調整の他に、エリア内文字ツールで「あともーちょっとで収まるのになぁ～」ってときに微妙に詰めて使ってます。

ベースライン

文字のベースラインから、どのくらい文字を上下させるか指定します。

日本語と英語、数字などを混ぜると微妙にずれているように見えたりするので、ベースラインで細かく調整してあげます。
よくあるのは、電話番号のハイフンの位置を真ん中に調整するとか。

ショートカットキーはALT＋Shift＋カーソルキー上下↑↓です。

数値入力で0.1とか、細かい数字で調整できます。

行送りのオーバーライド

行間を指定します。ショートカットキーはALT＋カーソルキー上下↑↓です。
これも良く使うから覚えておくといいかも。

一行選択した状態で数値を変えれば、一行単位で行間を変えられます。
一応文字単位でも指定できるけど、ぐちゃぐちゃになるのでやらない方がいいかと。

ちなみに、たまに数値のところに（かっこ）が付くことがありますが、これは「２つ以上の数値設定が存在している」「自動で設定された数値」など、ちょっと気にした方がいいときに出ます。参考までに。

シアー

テキストの傾き。マイナスにするほど左に傾き、プラスに行くほど右に傾きます。

字の形が結構崩れるので、基本使わない方向で。
斜体にしたいときは、フォントファミリーに斜体があるものを選んだ方がいいです。

Affinity V3でフォントファミリーからItalic（斜体）を選択する画面

こんな感じに、大体「太さ＋Italic」で書いてあります。
元から用意されているデザインの方がキレイで読みやすいです。

横の倍率／縦の倍率

縦横比を％で指定することができます。
ひとつの文章の中に大きい文字・小さい文字を混在させたいとき、フォントサイズを変えるより、この縦横比で指定したほうが、あとから調整が楽です。
結構文字サイズを確認することが多いので。

縦横比を変えれば、長体（ちょうたい）、平体（へいたい／ひらたい）の文字も作れます。
通常の比率の文字は正体（せいたい）と言います。

通常、フォントは正体で美しくなるようデザインしているので、長体や平体はあまりやらないほうがいいです。
フォントによっては長体が美しくなるようデザインされた「Condensed（コンデンスド）」、平体用の「Expanded（エクスパンデッド）」「扁平（へんぺい）」というスタイルも有ります。

使わない方がいいよーと言いながら、デザイン上どうしても文字をこのスペースに納めなければいけない！ってとき、泣く泣く長体を使うこともあります。85%が限界…いや、80%ギリいけるかな？
見本では83％にしてみました。結構ギリギリ。

もちろん、フォントサイズを下げ、トラッキングで限界まで詰めた後にやってます。
どうしようもないときの最終手段として。（読みにくくなるから文字数減らすことを優先したほうがいい。ほんと無茶ぶりされたときの最終手段）