No.18 アウトライン化せずに画像をテキストでマスクする

下図のように、画像をテキストでマスクしたい場合には、一般的にテキストをアウトライン化した後、画像をアウトライン化したテキスト内に配置します。しかし、テキストをアウトライン化してしまうと、あとから文字の修正ができません。そこで、テキストをアウトライン化せずに画像をテキストでマスクする方法を考えてみたいと思います。



まず、使用する画像を用意します(下図)。



つぎに、この画像がすべて隠れるように「塗り:白」「線:なし」のオブジェクトを作成します(下図)。



その上にテキストオブジェクトを作成します。順番は下から「画像」「塗りが白、線がなしのオブジェクト」「テキストオブジェクト」となっています(下図)。



選択ツールでテキストオブジェクトのみを選択し、[効果]パネルの[不透明度]を「0%」にします(下図)。



すると、テキストオブジェクトは見えなくなります(下図)。



つぎに、テキストオブジェクトと「塗り:白」「線:なし」のオブジェクトの両方を選択して(画像のみ選択しません)、[オブジェクト]メニューから[グループ]を実行してグループ化します(下図)。



グループ化したオブジェクトを選択したまま、[効果]パネルの[グループの抜き]をオンにします(下図)。



すると、画像がテキストオブジェクトでマスクされたのと同じ状態になります(下図)。



アウトライン化していないので、文字を打ち変えることも可能です(下図)。



なお、最背面の画像の上に作成した「塗り:白」「線:なし」のオブジェクト内に他の画像を配置すれば、テキスト部分のみ、最背面の画像が表示されるような効果を与えることもできます(下図)。



検索する

YUJI の執筆書籍

InDesignパーフェクトブック CC 2018対応(2018/04/26/マイナビ出版)

InDesignパーフェクトブック CC 2018対応(2018/04/26/マイナビ出版)

  • InDesignパーフェクトブック CC 2018対応
  • マイナビ出版
  • 森 裕司
  • 2018/04/26

Amazon

Amazon

InDesignプロフェッショナルの教科書 正しい組版と効率的なページ作成の最新技術 CC 2018/CC 2017/CC 2015/CC 2014/CC/CS6対応版(2018/3/13/エムディエヌコーポレーション)

InDesignプロフェッショナルの教科書 正しい組版と効率的なページ作成の最新技術 CC 2018/CC 2017/CC 2015/CC 2014/CC/CS6対応版(2018/3/13/エムディエヌコーポレーション)

  • InDesignプロフェッショナルの教科書 正しい組版と効率的なページ作成の最新技術 CC 2018/CC 2017/CC 2015/CC 2014/CC/CS6対応版
  • エムディエヌコーポレーション
  • 森 裕司
  • 2018/3/13

Amazon

Amazon

超時短InDesign(2018/技術評論社)

超時短InDesign(2018/技術評論社)

  • 超時短InDesign
  • 技術評論社
  • 森 裕司
  • 2018

Amazon

Amazon

カラー図解 DTP&印刷スーパーしくみ事典 2018(2018/2/24/ボーンデジタル)

カラー図解 DTP&印刷スーパーしくみ事典 2018(2018/2/24/ボーンデジタル)

  • カラー図解 DTP&印刷スーパーしくみ事典 2018
  • ボーンデジタル
  • 森 裕司 (著)他多数
  • 2018/2/24

Amazon

Amazon

神速InDesig(2013/9/27/アスキー・メディアワークス)

神速InDesig(2013/9/27/アスキー・メディアワークス)

  • 神速InDesig
  • アスキー・メディアワークス
  • 森裕司 (著), 尾花暁 (著), たけうちとおる (著), 宮地知 (著), 今関洋一 (著), 結城しおり (著)
  • 2013/9/27

Amazon

Amazon

InDesignパーフェクトブック(2018/1/8/InDesignの勉強部屋)

InDesignパーフェクトブック(2018/1/8/InDesignの勉強部屋)

  • InDesignパーフェクトブック
  • InDesignの勉強部屋
  • 森 裕司
  • 2018/1/8

Amazon

Amazon