なんでやねんDTP このページをアンテナに追加 RSSフィード Twitter

2017-11-13 モリサワ新書体「みちくさ」の連綿体字形一覧の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


f:id:works014:20171113133811j:image:w530


と、

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


f:id:works014:20171113133812j:image:w530


です。


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


f:id:works014:20171113133813j:image:w530

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

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

f:id:works014:20171116002214j:image:w530


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

-----------------

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


f:id:works014:20171114132839j:image:w530

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

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

f:id:works014:20171116192604j:image:w530

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

f:id:works014:20171116192605j:image:w530

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

-----------------

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


f:id:works014:20171113135318j:image:w530

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

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

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

2017-09-19 InDesignの「段落行取り」について… このエントリーを含むブックマーク このエントリーのブックマークコメント

InDesignの段落パネルサブメニューに「段落行取り」という項目がありますが、この使用方法や挙動などが理解しづらいようなので、私の理解の範囲で記しておきます。

初心者さんには、「行取り」そのものから説明する必要があるかと思いますので、まずそこから……*1

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

行取り

1行のみで構成される小見出しなどの文字列(段落)を、本文の何行分のスペースに配置するのかということを設定します。

結果、「グリッド揃え」の揃え位置とは無関係に設定したスペース(行数分)のセンターに揃えられます。


f:id:works014:20170918144130j:image:w530


段落行取り

こちらは、複数行に亘る少し長い文字列(段落)を、本文の何行分のスペースに配置するのかということを設定します。

もちろん「何行分のスペースに配置するのか」ということですから「行取り」の数値も設定する必要があります。

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

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

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


f:id:works014:20170918144135j:image:w530

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

で、先の「3行取り」を「1行取り」とすると以下のようになりますね。

(少しズレて重なるのがミソというか面倒な部分です…)

※本当はここからが本題…


f:id:works014:20170918144142j:image:w530


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


f:id:works014:20170918144148j:image:w530

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

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


f:id:works014:20170918144156j:image:w530

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

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

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

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

トラックバック - http://d.hatena.ne.jp/works014/20170919

2017-07-22 「アンカー付きオブジェクト」の「カスタム」設定_その2 このエントリーを含むブックマーク このエントリーのブックマークコメント

以前のアンカー付きオブジェクトの記事から少し間が開いてしまいましたが、続きを書く余裕が出来ましたので纏めておきます。

※前回は主に「X方向(字送り方向)」について記しましたので、今回は「Y方向(行送り方向)」について……


まず、おさらいとして……

インラインでアンカー付きオブジェクトを配置(つまりコピー&ペースト)した場合は、以下のようになります。


f:id:works014:20170721171629j:image:w530

  • 赤い「困」は単純に文字サイズを30Qにしただけです
  • 大きい方は天地左右7.5mm(30Q相当)の四角いオブジェクトと直径7mmの円をグループ化してあります(以下同)
  • 簡単に言えば、(仮想)ボディと字形(グリフ)のような関係にしてあるということ(つまり、挿入後の隣の文字とのアキも予め含めてあるということ:ブルー部分はシロと考えてくださいね)
  • あくまでもテキストフレームです(レイアウトグリッドは目安として表示してあります)

上の画像を観察すると、文字サイズより大きなオブジェクトをアンカー付きオブジェクトとしてペーストした場合の挙動は、文字サイズを変更した場合と同じなのがわかりますね。

なので、(段落書式などの際に何度となく言及しているように)「行送りの基準位置」と「文字揃え」を同様の設定にしておくことでコントロールが容易になることがお判りいただけるでしょう。

また、放り込む部分の文字サイズより小さいオブジェクトを挿入する場合は、文字サイズと同じサイズのオブジェクトとの間で位置を調整し、それをグループ化した後に放り込むと、「オフセット」の調整に苦労することも回避できます。


【ここからが本題】

そのようにして放り込んだアンカー付きオブジェクト(画像左)の「親文字からの間隔」で「カスタム」を選択すると、デフォルトでは画像右のようになります。*1


f:id:works014:20170721171630j:image:w530

  • 1行目には改行が入っており、その直後の行頭にアンカー付きオブジェクトを挿入してあります…
  • 右の状態が「カスタム」を選択した直後の状態…そのデフォルト値:「Y基準」の「行(ベースライン)」という設定は、少し危険なので注意が必要ですが、最後の方で紹介します
  • これ以降の画像に関しては、正しくは「1段(行)9字」ですが…特に影響はありませんのでご容赦願います

この状態から、「アンカー付きオブジェクトの基準点(赤丸部分)」と「アンカー付き位置のY基準(赤ライン部分)」とをそれぞれ変更した結果は、以下のようになります。


f:id:works014:20170721171631j:image:w530


f:id:works014:20170721171633j:image:w530


f:id:works014:20170721171632j:image:w530

  • つまり、「アンカー付きオブジェクトの基準点」「アンカー付き位置のY基準」を(仮想)ボディを基準に同様に揃えておけば、イメージ通りの位置に配置されるということ

「Y基準」の選択肢は他にもありますが、(日本語組版で)挿入位置(アンカーマーカー)との関係を重要視する場合にはこの三者択一となり、他の選択肢を採ることはほぼ皆無でしょう。


f:id:works014:20170528105704j:image:w530


このような(カスタム)アンカー付きオブジェクトの「Y方向」の挙動さえ把握・理解しておけば、(もし必要があったとしても)オフセット調整もほんの少しで済み、自由にその位置をコントロールできるハズです。


例えば、「段の上下境界線内に収める」のチェックを外してちょっと工夫すれば…


f:id:works014:20170721181731j:image:w530

  • アンカーマーカー直後には全角スペース(左右150%)を挿入
  • この場合、Y基準の「行(ベースライン)」は「仮想ボディの下」にした方がベターですね(後述)

(上の画像右のように)フレームの1行目に意図通りに挿入することも可能です*2し、

アンカー付きオブジェクトを挿入した段落に対して「行取り」を設定したり…*3

アンカー付きオブジェクトに「回り込み」を設定する*4ことも可能です。


f:id:works014:20170722123122j:image:w530


最後に…「少し危険なので注意が必要」とした「Y基準」の「行(ベースライン)」という選択肢については、以下の画像を参照くださればご理解いただけるかと思います。


f:id:works014:20170721171634j:image:w530

  • つまり、行中により大きいサイズの文字があるとその文字に影響される…

級数混植の際には要注意ということです*5


●補足(公開当日に追記)

理解が難しくなる話しがややこしくなるので触れないでおくつもりだったのですが…検証中に以下のような、相反する結果が現れたことを報告しておきます。


f:id:works014:20170722152832j:image:w530

  • 上下とも左右それぞれの設定は同じ…が、後続の文字サイズに影響を受ける場合(左)と受けない場合(右)が現出
  • 左:折り返し改行位置にかかるように文字サイズを変更
  • 右:行中の文字サイズを変更した後、その部分が改行位置にかかるように(その前に)文字を追加
  • 共に、アンカー付きオブジェクトを挿入・カスタム設定後に文字サイズを変更

文字揃えも同様に「上なら上、下なら下」としてあれば特に影響はありませんが*6、このような挙動を知ると、「(仮想)ボディの中央」を基準に揃えるのが最も無難である…といえますね。

何故なら「(仮想)ボディの中央」は文字サイズに関係なく一定ですから。

*1:特に触った記憶がないので工場出荷時のデフォルトだとは思いますが、もし違っていたらすみません…

*2:大きいからといって、フレームグリッドで2行取りになってしまうこともありません

*3:以下の二つはフレームグリッド使用

*4:後続の段落に対しての設定となります…挿入した段落やそれ以前の段落に対しては無効

*5:理屈から考えれば英数字のみ文字サイズを大きくしている場合なども同様…微々たるモノですが…

*6:作例の文字揃えは「中央」

2017-07-14 各種記号とコード、文字クラス このエントリーを含むブックマーク このエントリーのブックマークコメント

ちょっと時間が出来ましたので、以前から作成して利用していた自分用の覚え書きメモを改訂したので、ついでと言ってはなんですけど、ここに公開しておきます。

(画像だけで、テキストは特にありません…悪しからず…)

※キー配列などはMac USキーボードでのものです*1


画像はクリックしていただくと別窓に拡大表示されます

f:id:works014:20170714184422j:image:w530


元ファイルのデータを左右A4サイズまで拡大しpdf化したモノ(天地位置はテキトーです)

 → ハイフンなどのマッピング.pdf 直

*1キーボードに依存するかどうかはわかりませんが、唯一「一般的はハイフン: Pの右上」という表記が気になりますので、念のため…

2017-06-04 合成の括弧類に関して… このエントリーを含むブックマーク このエントリーのブックマークコメント

(「アンカー付きオブジェクト」の続きは少し後回しにして、少しだけ関連のあることを先に……)


全角以上の括弧類を作成するための(合成用の)括弧類はU+239B〜U+23B1に集中しています(画像は ATOKの文字パレット)。


f:id:works014:20170604191643j:image:w530


これをそれぞれダブルクリックして InDesign上に直接入力してみました(小塚明朝 Pr6N-R:横組み)。


f:id:works014:20170604191702j:image:w530


間にある縦棒(U+239Cなど)は繋ぎ用と思われますが、少し問題があるので削除し、

f:id:works014:20170604191703j:image:w530


1文字ずつ改行を挿入して並べたのが以下です(行間アキは「0」)。


f:id:works014:20170604191704j:image:w530


これを「縦組み」に変更してみると……

f:id:works014:20170604191705j:image:w530

  • 縦横変換されます

ここまでは「小塚明朝 Pr6N-R」でしたが、全選択して「小塚ゴシック Pro-H」としてみますと……

f:id:works014:20170604191706j:image:w530

  • 最後のU+23B0とU+23B1はCIDコードが16312と16313なので、Adobe-Japan1-5(Pt5)以上フォントでないと実装されていません…なのでこの部分は変化はありません(小塚明朝 Pr6N-Rのママ)

さらに、全選択して「A-OTF A1明朝 Std」としてみますと……

f:id:works014:20170604191707j:image:w530

  • 何の変化もありません(強いて言えば、改行マークだけは変更されています)

しかし、少なくともU+23A7〜U+23ADはCID8174〜8180の辺りにあり、Stdでも実装されているはずなのに何故なのでしょう。


ここで、字形パネルの書体を「A-OTF A1明朝 Std」としてCIDコード順にソートし、CID8174〜8180あたりを表示して確認してみますと……

f:id:works014:20170604192015j:image:w530

  • 上:A-OTF A1明朝 Std、下:小塚明朝 Pro-B

「A-OTF A1明朝 Std」にCID8174の字形そのものはあってもユニコード)U+23ABに紐付けされていないことがわかります。つまり、U+23ABは「A-OTF A1明朝 Std」では表示できないと判断され書体が変更されないということです。(どうしても必要であれば、字形パネルをダブルクリックすれば入力は可能です…但し、タテに続けるには「縦組み」で、ヨコに続けるには「横組み」で…自動での縦横変換もできません)。

f:id:works014:20170604192643j:image:w530


字形パネルの活用

もう少しツッコんで……今までは(主に)ユニコードでの直接入力でしたが、字形パネルから目的の字形をダブルクリックして入力する場合を考えてみます。

以下が、和文用の始めブレース(U+FF5B:CID680)を選択した状態での、「選択された文字の異体字を表示」とした字形パネルの状態です*1


f:id:works014:20170604191708j:image:w530

  • 左から、小塚明朝 Pr6N-R、小塚明朝 Pro-R、A-OTF A1明朝 Std

同じ文字でも、フォントの種類によって異体字への紐付けが異なるのがわかりますね(例示した書体以外にも違うパターンがあることは確認しています)。

異体字が豊富に紐付けされている場合には、以下のように目的の字形をダブルクリックして置換できるのですが……

f:id:works014:20170605083758j:image:w530

  • 右の例のように、縦組みで横長のモノを作成する際は、ダブルクリックする字形が判り難いかも知れませんが、縦長のモノと同じ字形をダブルクリックすると自動的に変換されます(反転した文字を選択した状態での字形パネルです)

そうでない場合は、ユニコードで入力するか、字形パネルを「すべての字形を表示」として、ユニコード順(Proの場合)やCID順(Stdの場合)でソートして目的の字形を探すしかありません。


f:id:works014:20170605090723j:image:w530


つまり、字形パネルから目的の字形をダブルクリックして入力する際には、フォントの種類によっては、その字形に到達するまでの手間が変わってしまうということになるでしょう。

(誤解を承知で言ってしまうと……明朝系、ゴシック系、丸ゴシック系程度の括りで使用フォントを考えてもいいように思います)


冒頭で「少し問題がある」とした繫ぎ用の文字について

ほんの一例として以下の作例を用意しました。

f:id:works014:20170604191709j:image:w530

  • 上から、小塚明朝 Pr6N-R、小塚ゴシック Pr6N-R

この例を見る限りでは、左から3・4番目のSQUARE BRACKETとゴシックの1・2番目(パーレン)以外はとても使えたものではないでしょう(画像をクリックすると別窓に拡大表示されます)。

フォントによって異なることは十分に考えられますから、(これらの繫ぎを)使う場合は拡大しての目視確認を心掛ける必要があると言えます。


作例末尾のU+23B0とU+23B1について

これらは、(先に記したように)CIDコードでは16312と16313にマッピングされていますので、Adobe-Japan1-5(Pt5)以上でないと表示できませんが……


ATOKの文字パレットの文字情報をみると、U+23B0は “UPPER LEFT OR LOWER RIGHT CURLY BRACKET SECTION”、U+23B1は “UPPER RIGHT OR LOWER LEFT CURLY BRACKET SECTION” となっています。

「左の上か右の下」、「右の上か左の下」ということは、上下を入れ替えることで「始め」「終わり」を切り替えることができるということだろうと推測できます。

ところが、(少し検証したところ)これらが上下の区別なく繫がるのはモリサワ純正の書体だけ……という残念な結果になりました*2


明朝系の様々な書体での組み見本を以下に掲げておきますので、ご参考に……

f:id:works014:20170604191710j:image:w530

  • 本来は、上下を入れ替えることで括弧の向きが変わる……という実装を期待

任意の長さにする

最後に、ブレース(別名:CURLY BRACKET)を例に、任意の長さにする場合の、Illustratorでの作業例を掲げておきます(InDesignでも手順は同様ですね)。


f:id:works014:20170604192016j:image:w530

  • ポイントテキストで「横組み・行間アキなし」で入力(これを縦組みに変更すると横方向に延びるブレースに置換されますが、アウトライン化してから回転しても同じ)
  • 最後は数値入力で移動してもいいし、矢印キーを数回叩いて移動しても…お好みで…

*1:欧文用のブレース(U+007BとU+007D)の場合は欧文イタリック字形が追加されたりしますが、大差はありません

*2:2字分丁度なので、意外と使い勝手はいいかも? なのですが…

トラックバック - http://d.hatena.ne.jp/works014/20170604