イトウ先生のTipsnoteInDesign CC 2018・段落の囲み罫

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


イトウ先生のTipsnote:目次

【 InDesign CC 2018 の新機能:段落の囲み罫 】

こんにちは、イマジカデジタルスケープの伊藤和博です。
今週は10/18日にアップデートとなりましたInDesign CC 2018から新機能で「段落の囲み罫」をご紹介します。
この機能は、そのまんまですが、段落単位で囲み罫を入れる機能になります。段落スタイルにセットすることが可能であるため、流し込んだテキストの途中にちょっとした小組みを作成する場合に、ライブラリなどを併用することなく使用でき、また段落単位で囲み罫を入れることから、前後のテキストの増減があっても囲み罫ごと移動するため非常に重宝します。さらに、その段落が列やページをまたいでも囲み罫を維持することも可能な機能になっています。

さっそくやってみよう!

まずは、任意のテキストを配置し、文字ツールで囲み罫を入れたい段落の中でクリックしカーソルを入れた状態(段落を選ばなくてもよい)で、コントロールパネルまたは段落パネルにある、「囲み罫」にチェックを入れます。段落内で4回連続クリックし、段落そのものを選択する必要なくチェックので囲み罫がセットされるため、段落の範囲を容易に可視化することも可能です。

IDcc18_kakomi002

各パネル上では罫線のカラーのみ設定できますが、線幅やオフセットなどの設定は、コントロールパネルまたは段落パネルのパネルメニューから「段落の囲み罫と背景色…」から行います。

IDcc18_kakomi003

飾り罫

コーナーごとに飾り罫を設定し、線幅やオフセットを組み合わせることが可能です。あらかじめ、文字組み設定から「行末約物半角・段落一字下げ」などの設定を選択しておき、文字サイズと同じサイズで飾り罫を設定すれば、字下げの箇所に飾りを埋めたようにデザインすることが可能です。

IDcc18_kakomi005

囲み罫を設定した段落が複数段落にまたぐ場合、列ごとに飾り罫を入れる場合は「フレーム間・列間で段落が分割する場合は囲み罫を表示」にチェックをいれておきます。

IDcc18_kakomi006

段抜きやインライングラフィック、段落スタイルと併用

段落パネルのパネルメニューから「段抜きと段分割…」を選択し、段抜きした段落にも囲み罫が可能です。

IDcc18_kakomi009

インライングラフィックの画像だけで作る段落の場合は、囲み罫の適用範囲をテキストにしておくと、画像の周辺に囲み罫をいれることが可能ですので、インライングラフィックフレームそのものへの線の設定と合わせて、2種類の囲み罫を使うことも可能になります。

IDcc18_kakomi013

また、囲み罫は段落スタイルに登録可能ですので、段落の管理も容易になります。

IDcc18_kakomi015

段落の囲み罫を使用するメリットは、前後にテキストの増減があっても段落と一緒に動作する、という部分になるかと思います。この囲み罫と段落の背景色などを組み合わせて段落スタイルを作成すれば、これまでライブラリやスニペットから取り込んでいた小組みのパーツなどのいくつかは、すべて段落スタイルだけで作成可能になるかと思いますのでぜひ使ってみてください。

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2015の使い方・基本 | Illustrator CC 2015使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CCの使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2014の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |