下図のように、画像をテキストでマスクしたい場合には、一般的にテキストをアウトライン化した後、画像をアウトライン化したテキスト内に配置します。しかし、テキストをアウトライン化してしまうと、あとから文字の修正ができません。そこで、テキストをアウトライン化せずに画像をテキストでマスクする方法を考えてみたいと思います。
![](https://study-room.info/archives/004/201808/add6bfb9aa590c10a7b9e4f6c8309703.jpg)
まず、使用する画像を用意します(下図)。
![](https://study-room.info/archives/004/201808/b53d995ec629229487dcedbf44fedb60.png)
つぎに、この画像がすべて隠れるように「塗り:白」「線:なし」のオブジェクトを作成します(下図)。
![](https://study-room.info/archives/004/201808/dcd84b6354c8c072d1881445ff3b8a74.png)
その上にテキストオブジェクトを作成します。順番は下から「画像」「塗りが白、線がなしのオブジェクト」「テキストオブジェクト」となっています(下図)。
![](https://study-room.info/archives/004/201808/3ca0bf726358d406f671db4ff05cbf4b.jpg)
選択ツールでテキストオブジェクトのみを選択し、[効果]パネルの[不透明度]を「0%」にします(下図)。
![](https://study-room.info/archives/004/201808/ef1c21615c179b9e9a64ee6732962942.png)
すると、テキストオブジェクトは見えなくなります(下図)。
![](https://study-room.info/archives/004/201808/bff5d2bb1cf758835ff25906eadf9841.png)
つぎに、テキストオブジェクトと「塗り:白」「線:なし」のオブジェクトの両方を選択して(画像のみ選択しません)、[オブジェクト]メニューから[グループ]を実行してグループ化します(下図)。
![](https://study-room.info/archives/004/201808/c530b16bf802fd594c773d689da2afd9.png)
グループ化したオブジェクトを選択したまま、[効果]パネルの[グループの抜き]をオンにします(下図)。
![](https://study-room.info/archives/004/201808/e353f7b876694d4b6705a8a4306c767f.png)
すると、画像がテキストオブジェクトでマスクされたのと同じ状態になります(下図)。
![](https://study-room.info/archives/004/201808/b2b85ace72515824e598e4085d0a20ad.jpg)
アウトライン化していないので、文字を打ち変えることも可能です(下図)。
![](https://study-room.info/archives/004/201808/420adfa5eed26c1002612db8280a5a4a.png)
なお、最背面の画像の上に作成した「塗り:白」「線:なし」のオブジェクト内に他の画像を配置すれば、テキスト部分のみ、最背面の画像が表示されるような効果を与えることもできます(下図)。
![](https://study-room.info/archives/004/201808/46e535c43fee21883401dc913083ccb5.png)