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

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



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



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



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



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



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



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



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



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



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



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



検索する

YUJI の執筆書籍

初心者からちゃんとしたプロになる InDesign基礎入門 改訂2版(2023/12/22/エムディエヌコーポレーション)

初心者からちゃんとしたプロになる InDesign基礎入門 改訂2版(2023/12/22/エムディエヌコーポレーション)

  • 初心者からちゃんとしたプロになる InDesign基礎入門 改訂2版
  • エムディエヌコーポレーション
  • 2023/12/22

Amazon

Amazon

DTP&印刷しくみ事典(2022/11/29/ボーンデジタル)

DTP&印刷しくみ事典(2022/11/29/ボーンデジタル)

  • DTP&印刷しくみ事典
  • ボーンデジタル
  • 2022/11/29

Amazon

Amazon

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

InDesignパーフェクトブック(2023/2/2/InDesignの勉強部屋)

InDesignパーフェクトブック(2023/2/2/InDesignの勉強部屋)

  • InDesignパーフェクトブック
  • InDesignの勉強部屋
  • 2023/2/2

Amazon

Amazon