イトウ先生のTipsnote InDesign CC 2015・段落の背景色

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

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

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

 
 
1 10月・日曜開講のお知らせ
 

お客様index

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


イトウ先生のTipsnote


イトウ先生のTipsnote:目次

【 InDesign CC 2015 の新機能:段落の背景色 】 

今週は、InDesign CC 2015の新機能の中から、「段落の背景色」をご紹介します。
InDesign CC 2015では、段落テキストに対して背景色を自動で設定できるようになりました。背景色は段落スタイルにも登録可能ですので、テキストの背景に網を敷き詰める場合には、テキストフレームに対してではなく、段落テキストに対して背景色を設定することで、テキストの量に合わせた自動背景色にすることが可能です。

さっそくやってみよう!

段落の背景色は、段落パネルにて設定可能です。背景色を設定したい段落を選択し、段落パネルの中にある背景色にチェックをした後、カラーを選択します。このカラーはスウォッチパネルの中から指定することが可能です。

IDcc15_para001

背景色を設定したまま段落スタイルに登録すると、その背景色も段落スタイルに登録されるため、他の段落にスタイルを適用するだけで背景色も引き継ぐことが可能です。
なお、背景色の設定は、段落のどの部分に設定するかを細かく指定することが可能です。段落パネルのパネルメニューから、段落の背景色を選択します。

IDcc15_para002

この段落の背景色の機能は、背景色を設定する位置を、その段落内テキストに対する仮想ボディやアセンダ・ディセンダの各ラインに合わせて設定することができるため、文字キャラクタによって背景色の位置を微調整する必要がある場合に、テキストに応じて背景の位置を動的に変更するため大変便利です。

IDcc15_para004

IDcc15_para005

また、背景色を段落テキストの背景部分にのみ設定するか、行または列全体に対して設定するかを指定することが可能です。

IDcc15_para006

さらに、背景色をフレームの形状に合わせて設定することも可能になっています。

IDcc15_para007

また、オフセットを設定し、背景色の位置を変更することで、使い方によってはハンギングドロップキャップのように使用することも可能です。 また、本来、段落の先頭文字は、先頭文字スタイルの機能で行いますが、以下のように背景色の左端を左に2mm、右端を左に13mmオフセットすることで、ハンギングドロップキャップのように使用することも可能です。ただし、この方法は段落内のテキストの量に応じて背景色の位置が動的に変わるため、文字数が一定量の電話番号や名簿等に使用するか、背景位置が変わることを利用してレーティングに使用するといいでしょう。

IDcc15_para008


テキストに背景色を設定する場合、フレームそのものにカラーを設定するか、任意のフレームを背景に作成する等して平網のように使用するケースが多かったと思いますが、この機能を使用することでテキストに合わせた動的な背景色を設定することが可能になりましたので、ぜひ使ってみてください。

関連講座

↑ページ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付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |