owned mediaウェブ制作に役立つコンテンツを発信中!

InDesignで縦組みテキスト内の縦中横をまとめて設定する

普段はウェブやUIのデザインをすることが多いのですが、先日縦組みのテキストを扱うのにInDesignを触ることがあったのでメモとして残しておきたいと思います。今回は縦組みテキストの中で、横書きにテキストを配置する「縦中横」について、InDesignを使ってまとめて設定する方法になります。   縦中横では半角の英数字が1文字分の高さの領域に横に並ぶ形になり、少ない文字数であれば読みやすくなるという効果があります。横書きが多いウェブではあまり目にしませんが、印刷物などの媒体では一般的であると言えます。では早速みていきたいと思います。   まずはドキュメントの新規作成をします。InDesignでは「レイアウトグリッド」と「マージン・段組」で方眼か白紙のフォーマットを選択できます。今回は縦組みの文章を使いますので、ドキュメントの設定をしていきます。 InDesignで縦組みテキスト内の縦中横をまとめて設定する InDesignで縦組みテキスト内の縦中横をまとめて設定する   ツールパネルより「縦組み文字ツール」でテキストの入力エリアを作成します。この辺りはIllustratorやPhotoshopと同じですね。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   サンプルのテキストを作成してみました。本文には全角の和文テキストと半角数字、半角欧文テキストが混在しています。半角英数字は縦組みの場合、横向きに配置されます。ここではわかりやすいように文字色を変更しています。全角の英数字は和文テキストと同じ向きで表示されています。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   縦中横を適用したい部分を選択します。「文字パネル」のサブメニューから「縦中横」を選択します。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   文字が回転して表示され、和文テキストと同じ向きになりました。高さは全角文字1つ分の範囲に収まり、横向きに文字が並びます。レイアウト上、文字数が多い場合には注意が必要です。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   縦中横を適用したテキストには、細かい位置を調整することができます。テキストを選択し「文字パネル」のサブメニューから「縦中横設定」を選択します。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   縦中横設定のパネルが表示され、上下左右の各方向に配置場所を細かく設定することができます。プレビューにチェックしておくとわかりやすいですね。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   ただ、文中に縦中横を適用させる箇所が多い場合には、このような形で一つひとつ設定していては大変です。そんな時はまとめて縦中横を適用させることができます。対象のテキストを全て選択し、「段落パネル」のサブメニューから「自動縦中横設定」の選択します。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   自動縦中横設定パネルが表示され、文中の対象テキストへの縦中横設定をまとめて行うことができます。縦中横をするテキストの文字数の上限を設定でき、その文字数を超えるものは適用されないようにすることができます。デフォルトでは数字だけですが、「欧文も含める」にチェックすると欧文にも適用されます。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   このように長文の中に対象テキストがたくさん含まれていても一括で縦中横を適用することができます。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   ちなみに、横組みでなく、向きを揃えるだけであれば、「文字パネル」から文字を回転させることで編集することができます。 InDesignで縦組みテキスト内の縦中横をまとめて設定する   また、InDesignはこのように縦中横だけでなく、ルビの追記や強調などに使われる圏点も簡単に設定することができます。 InDesignで縦組みテキスト内の縦中横をまとめて設定する InDesignで縦組みテキスト内の縦中横をまとめて設定する   ウェブのデザインワークではあまり使う出番がないInDesignですが、印刷物デザインや、文書作成には圧倒的な威力を発揮します。AdobeCCのコンプリートプランユーザーであれば使うことができるので、用途に合わせて使い分けるのがいいですね。
  • はてなブックマーク
  • Pocket
  • Linkedin
  • Feedly

この記事を書いた人

Twitter

sponserd

    keyword search

    recent posts

    • Twitter
    • Github
    contact usscroll to top
      • Facebook
      • Twitter
      • Github
      • Instagram