なんでやねんDTP・新館

はてなダイアリーから移行しました…

「字取り」の設定方法

組版の現場において「字取り」という用語があります。「一定の文字サイズで一定の字数分の組み幅に文字を均等に配置すること」をいいます。
その「字取り」を実現するには様々な方法があり、使う場面やアプリケーションによっても最適解は一つではありません。

少し挙動が異なる部分がありますので、InDesignを中心に解説していきますが、Illustratorについては、補足的に有効かどうかを記すようにします。

まずはもっとも簡単に思える、フレームサイズを一定にして揃える場合から…

●「両端揃え」
Illustraror上での挙動は異なりますので末尾に補足します

以下のように人名などを5字取りで揃える場合、フレームサイズを5字分(目的の揃え幅)としてあれば、1字分として開けたい部分には全角スペースを挿入しておき、行揃えとして「両端揃え」*1を適用すればすんなりと解決すると考えがちですが、実際はそうではありません

画像(下)に示したような結果になります。見ると判ると思いますが、和字間隔(全角スペース)の部分の送りが和字部分のそれよりも狭くなっており、求める結果とは異なります。

その原因は「文字組みアキ量設定」にあります。デフォルトで用意されている「文字組アキ量設定」の画面は以下に掲げるような内容ですが、14種類のすべてが同様の設定になっています。

和字間隔(全角スペース)と両仮名(ひらがな/カタカナ)や漢字(上記以外の和字)の関係を見ると、和字間隔が「前」か「後」かで最大値が異なります(100%と0%)。
つまり行長調整の必要が生じた場合には、(前)和字間隔:(後)和字の場合には最大で文字サイズの100%までアキを割り振りますが、(前)和字:(後)和字間隔の部分にはアキを割り振らないという設定です。

一方、和字同士の場合の最大値は上に掲げた通り100%…これでは並びにズレが発生するのは当然ですね。
因みに +DESIGNING さんのサイトで公開されている拙作の最新版*2では当該箇所は共に100%と変更してありますので、当然のことズレは発生しません(下の画像参照)。


これ以後の部分は、文字にアキなどを設定しますので、フレームサイズに関係なく文中でも有効です。但し、適用する範囲には注意が必要です。

●文字前・後のアキ量
Illustratorにも有効です

追加が必要なアキ量を計算して字間数で割り「文字前・後のアキ量」を適用するのもひとつの方法です。

  • 作例では行(文字列)頭から「文字後のアキ量」を適用しましたが、行(文字列)末から適用する場合は「文字前のアキ量」を適用します
  • 例えば、2字分を3箇所に割り振るなら2/3となりますが、「2/3」という選択肢はありません…なので、そのような場合はアキの必要な部分の文字の前後に「三分アキ」を挿入すれば「1/3+1/3=2/3」となります(臨機応変に考えましょう)

●トラッキングと字取り
Illustratorには「字取り」の機能はありませんが、トラッキングは有効です

ラッキングは、先のアキ量をトラッキングに換算して適用すればいいだけです。
また、InDesignのフレームグリッド内ではそのフレームグリッドに設定されている文字サイズを基準にした「字取り」が可能です。*3

  • ラッキング値の計算方法は、1字分=1emとし、n/1000em単位で設定します。例えば2字分を字間5箇所に割り振るなら、2000/5ですから「400」を設定します。
  • 上のトラッキング例の場合は1/1000emの誤差が発生していることになりますが、データを見ない限り気付かれることはほとんどないでしょう

但し、ラッキングを適用した文字を親文字としてルビを振るのはNGです。以下の通り親文字の範囲が不正になります。

他の方法では「ルビ」に関しては特に問題はありません。

以上の段落パネルおよび文字パネルでの設定場所は下の画像の通りです。

Illustratorの両端揃えの場合

さて、Illustratorのエリア内文字での「両端揃え」の場合ですが…残念ながら以下の通りです。

ご覧の通り、左右とも同じように文字を並べてはあるのですが、行揃えを「両端揃え」とした結果が異なります。左のフレームに入力してあるのはU+25A1の普通の四角です*4

左のようになれば特に問題はありませんが、普通の文字を入力した場合は右のようにしかなりません。

和字間隔(全角スペース)とそれに隣接する(記号ではない)一般的な仮名や漢字との間には行長調整のアキが割り振られないように設定されているのだと考えられます。
が、ご存じのようにIllustratorの「文字組みアキ量設定」は弄れる範囲がごく限られています。つまり(全角スペースを和字1字分同等としたい場合はお手上げです。

Illustratorでは、字取り処理をする目的で揃えるべき幅にテキストエリアの幅を設定し、「両端揃え」を適用して目的の結果を得るということは不可能だと覚えておいた方がいいでしょうね(但し、全角スペースがなければ大丈夫でしょう*5素直に他の方法を採りましょう

*1:「行頭行末揃え」「左右揃え」とも…

*2:右のリンクからダウンロード可能です。(旧版というのはVol.34およびVol.38連動のモノ…最新版はVol.42に合わせて公開したモノ…簡単な見分け方は、旧版は「ベタ用_A」とか「ツメ用_D」と「用」がついていますが、新版は「用」は付けておらず「ベタ_A」「ツメ_D」となっています

*3:こちらは作例を見る限り「文字組アキ量設定」の影響はないと考えられます。また、プレーンテキストフレームでも「字取り」は可能ですが、13Q基準となってしまいますので「出来ない」と考えておいた方が無難でしょう(裏技的に13Q以外に設定することもできますが、ここでは措いておきます…)。

*4:蛇足ですが丸U+25CBや電話マークU+260Eでも同様でした

*5:もう少しツッコんで言ってしまえば、「文字組みアキ量設定」の影響でこうなっているのですから、「文字組み=なし」としてしまえば、スンナリと揃ってしまいます。「なし」はあまり推奨したくないのですが、このような場合はそのようになる原因を理解して使うにはいいかもしれません使うなら特に問題ないでしょうね。尚、InDesignの場合も同様です。

「四分アキ」などの設定方法

はてなダイアリーのサービスが来春には終了する予定なのでこちらへ引っ越してきたのですが、更新履歴を眺めると一昨年(2016)・昨年(2017)ともに8件のみ、今年(2018)に至っては未(いま)だに更新しておりませんでした。

転居後の環境では、幸いなことにブログへのアクセス解析*1が有効になったので、「四分アキ やり方」というキーワードを元にひとつ記事を書いておきます。

「四分アキ」が必要になることはケースにより様々ですが、ひとつの例を挙げ、思いつくまま(というほど数はないですが…)例示してみましょう。

以下のような例を作成してみました。

  • 作例はリュウミンRなので英数字も半角幅となっており、和:英数字間隔は0%(ベタ=アキなし)としています…

1行目と2行目を揃えるとすれば、「9」と「8」の前後に「四分アキ」を挿入してやる必要がありますね。

●文字前(後)のアキ

まず考えられるのは「文字パネル」の「文字前・後のアキ」を使用して、「四分アキ」を挿入すること。

  • この機能は「文字組みアキ量設定」の現在の設定値を一時的に変更すると考えればいいでしょう
  • 選択肢は「ベタ=アキなし」〜「全角」の全7種類  ※「自動」はアキ量設定ママ
●トラッキング

まあこれで十分なのですが、「文字前・後のアキ」に予め用意されている「アキ」は上述したように限られていますので、困ることもありますね。そんな場合は「トラッキング」を適切に設定してあげればいいでしょう。

  • この機能は選択中の文字の送りを変更することになります。単位はn/1000emですので、「250」なら1/4em(四分)、「500」なら1/2em(二分=半角)…以下略…もちろんマイナス値もオッケイ
●1字取り

また、「フレームグリッド」を使っているならワンクリックで1角分に収めることも容易です。

なお、上に挙げた処理例はInDesignで作成しましたが、「字取り」以外はIllustratorでも有効です。

もちろんこれらは そして、InDesignなら正規表現スタイル」を活用することで、自動的に適用できることはご存じの通り*2

 で、今回のような「基本的だと思える情報を求める方もおられる」ということに気付くいいきっかけにもなりましたので、今後はそのようなことも書き散らかしておこうかなと思った次第です。

*1:はてなダイアリーでは途中で使えなくなりました

*2:ご存じでなければ、まずは検索してみましょう

モリサワ新書体「みちくさ」の連綿体字形一覧のpdf

先頃(2017.11.08)、モリサワさんの2017年の新書体が使用可能となりました。
その中に、縦組みで連綿体が使用できる「みちくさ」というユニークな書体があります(参照→「みちくさの使い方」)。

  • 上記リンク先、一度は目を通して頭に入れておいた方がいいでしょう(各デザインのセットの主な字形の相違いなど…)
  • 当該ページ末尾にて「連綿体と代替字形の一覧」というpdfが公開されています (2017.11.14追記

で、少し触ってみたのですがところ、基本的には【デザインのセット1】=「自動的に連綿体を有効にする」*1を適用し、変更したい部分はその適用を解除した上で、目的の【デザインのセット】を適用し直す*2という使い方でいいのでしょうが、各字形の差を字形パネルで確認しようとしてもかなりの無理がありましたので、連綿体などが一覧できるpdfを作成しました。

必要な方は、下のリンク先からダウンロードしてご参照ください(アイコンクリックがベター)。
michikusa_hw_new.zip 直
※2種類同梱…twitter上で公開したのとほぼ一緒ですが、少しだけ補足しました

さらにもひとつ作成しました…50音順:モリサワさんのpdfを参考に同じような仕様で、情報を追加して…(2017.11.16追記
michikusa_50on.pdf 直

内容は、
各「デザインのセット」毎の一覧のファイル(michikusa_set-ichiran.pdf)

と、
字形パネルで「すべての字形」を表示した状態での並びがわかるファイル(michikusa_CID3000+.pdf)

です。

また、以下のような注意点なども少し掲載しています。

  • まあ、書体の性格上ジャスティファイ(行頭行末揃え)で使うことも少ないとは思いますが…

そして、追加したpdfは以下のように50音順に【デザインのセット】の差が一覧できます。(2017.11.16追記

お役に立てれば幸いです。

                                • -

少し追試…フォント名にAPとあるので(ペア)カーニングも設定されているハズです(以下の例文では判りませんでしたが…)。で、手動でカーニング調整をした際の挙動が気になって追試してみましたが、連綿体に変更されている部分の文字間には手動でのカーニング調整は効かず*3、その塊の後ろに影響が出るということが判りました。(この部分 2017.11.14追記

  • 画像中の「−500em」は間違い、正しくは「−500/1000em」です…ご勘弁くださいませ

(以下、画像2点追加 2017.11.16)

  • 画像を観察すると、「ま・な」の一画目の入り方、「な・に・く・と」などの終筆部に作成時の苦労がしのばれます…

  • 挙動が朧気ながら見えてきました…やはり基本は【デザインのセット1=自動的に連綿体を有効にする】から適宜変更するのがいいでしょうね…
                                • -

ついでに…「デザインのセット」に関する説明をInDesignのヘルプからキャプチャ……(なお、CC2018以降は「スタイルのセット」となっているようです)

*1:「自動的に連綿体を有効にする」はIllustratorの場合は「デザインのバリエーション」同等かと思いますが、その他の【デザインのセット】との関係は検証していません

*2:解除の必要性について…【デザインのセット】は同時にいくつか適用できる仕様になっており、どれが優位になるのかわかりませんでしたので…そのあたりもpdfに例示してあります…

*3:効いて連綿体が解除されると予想していたのですが…

InDesignの「段落行取り」について…

InDesignの段落パネルサブメニューに「段落行取り」という項目がありますが、この使用方法や挙動などが理解しづらいようなので、私の理解の範囲で記しておきます。
初心者さんには、「行取り」そのものから説明する必要があるかと思いますので、まずそこから……*1

この「行取り」などは「テキストフレーム」内でも実現可能ですが、その設定はかなり煩雑なことになり現実的ではありませんので、ここでは「フレームグリッド」内での運用を前提に説明を進めます(もちろん、「グリッド揃え」は「なし」以外に設定しているという前提で…)。

行取り

1行のみで構成される小見出しなどの文字列(段落)を、本文の何行分のスペースに配置するのかということを設定します。
結果、「グリッド揃え」の揃え位置とは無関係に設定したスペース(行数分)のセンターに揃えられます。


段落行取り

こちらは、複数行に亘る少し長い文字列(段落)を、本文の何行分のスペースに配置するのかということを設定します。
もちろん「何行分のスペースに配置するのか」ということですから「行取り」の数値も設定する必要があります。

「段落行取り」を適用すると…(その段落全体の)行毎の「グリッド揃え」は解除されるため、その部分の行送りは設定されている「行送り値」に依存することになります。

フレームグリッド内の文字列(段落)には、(基本的には「グリッド揃え」に依存するため)初期状態では「ジャスティフィケーション/自動行送り=100%」が適用されています。そこに段落行取りを適用すると行送りは(グリッド揃えに影響されず)「文字サイズの100%」=「行間のアキなし」となります。しかし、一般的にはその部分には本文とは異なる「段落スタイル」を適用するでしょうから、その段落スタイルに目指す「行送り値」を設定しておけば特に問題はありません。

なお、段落全体は(グリッド揃えの揃え位置とは無関係に)設定したスペース(行数分)のセンターに揃えられます。

  • 行長で折り返しするのではなく、改行位置を指定する必要がある場合は【段落内改行(=sift+return)】*2を挿入します。こうすることで、「ひとつの段落」と認識されます…もちろん「行揃え」も適切に設定しておきます(この場合は「行頭揃え」)。

で、先の「3行取り」を「1行取り」とすると以下のようになりますね。
(少しズレて重なるのがミソというか面倒な部分です…)
※本当はここからが本題…

これを見ると、インラインでアンカー付きオブジェクトを配置し、後続の文字列との間に「段落内改行」を挿入することで、背景画像上の見出しなどが実現できるように思いましたわれます……が、正確にコントロールするには、その手順は煩雑に過ぎます*3

  • 2行ある段落を「段落行取り」で「1行取り」にすると、2行の1行目は上揃え、2行目は下揃えとなるようです…が、ここでは詳しくは追究しません
  • アンカー付きオブジェクトは、クリック選択して矢印キーでズラすということはできず、文字と同様に選択してベースラインを調整する必要がありました
  • この辺りの「選択」が何とも厄介です(2行目の選択も…)

で……ああでもない、こうでもないと試行錯誤するうちに、行送りを「0」とすることで、より簡単に処理できることに気付きました(単純なコトでした)。

  • なお、画像中にも記してありますが、各種揃え位置の設定によっては微調整が必要です

*1:…経験的に、フォーマットと称して支給されるInDesignドキュメントでは、本文以外の小見出しその他連動して動くべきモノが、単に「オブジェクト」として置いてあるだけのことが多いのです…「行取り」や「段落行取り」あるいは「アンカー付きオブジェクト」等々、「使うべき(あるいは使える)機能」を使いこなせていないことに起因するのだろうなと常々思っております…

*2:「強制改行」とも言われますが、「段落内改行」がより挙動が解りやすく適切かと思いますのでココではこちらを使っています

*3:つい先日の勉強会で思いつきで提案してしまったのですが、ちょっと勇み足であったようです。なお、カスタムのアンカー付きオブジェクトでは上下関係がうまくいきません…