終了

複数のテキストオブジェクトで、クリッピングマスクを作る方法について。

Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

製作環境は、
Mac os Monterey 12.6.3
Illustrator 2022(26.5.2)
です。

Illustrator上のパスでできた柄に対して、
複数のテキストオブジェクト(文字は打ち替えられる状態)で
マスクを作りたいです。
00.png

背景の柄はグループ化しており、
テキストは、グループ化の上で
「アピアランス>パスのアウトライン」と
「パスファインダー>複合シェイプを作成」をかけております。
 
この状態で背景とテキストを選択し
「オブジェクト>クリッピングマスク>作成」 をしているのですが、
上手くマスクがかかりません。
01.png
色々調べてみたのですが、
どこが間違っているのか分からず困っております。
アドバイスをいただければ幸いです。
 
どうぞよろしくお願いいたします。
キーワード
ツール , 描画とデザイン

表示

1.2K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Feb 12, 2023 Feb 12, 2023

ごめんなさい、もっと良い方法がありました。

テキストがバラバラの場合、クリッピングマスクを使わずに「不透明マスク」を使います。

テキストのカラーを白にしてグループ化して前面に配置、背面のマスクしたいオブジェクトも一緒に選択して、「透明」パネル→「マスクを作成」をクリックします。

スクリーンショット 2023-02-12 21.57.33.pngスクリーンショット 2023-02-12 21.57.17.png

投票

翻訳

翻訳
Community Expert ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

クリッピングマスクは、仕様上ひとつのオブジェクトで他のオブジェクトをマスクするため、今のようにテキストがバラバラだと、うまくいきません。グループにすれば、質問されたようになります。

もっとも単純な方法は、アウトラインを取ってパスファインダーで合体ですかね…

テキスト属性を維持したい場合は、文字タッチツールなどを使って一つのテキストオブジェクトで、文字を作成します。

 

ちなみに…パターンに登録して、それぞれのテキストの「塗り」属性でパターンを指定するのではダメですか?

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

ご返信ありがとうございます!

 

未アウトラインの複数テキストでは、マスクは作れないのですね…!

アウトラインをかけずにマスクできればと思っていたので、残念です。

 

文字タッチツールについては不慣れでして恐縮なのですが、

1文字ずつテキストを動かせるツール、という認識でした。

アウトラインなしという点は変わらない(=マスクはできない)

と思っていたのですが、どのように使用すれば良いのでしょうか?

 

パターンについては、

例えば以下のようなランダムな柄で、

マスクを確認しながら配置を調整したいと思っておりましたので、

パターン化では難しいのかな?と。

認識違いでしたら申し訳ありません…!

02.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

テキストオブジェクトを1つで作るので、質問された作例であれば↓のように一つのオブジェクトで作れます。位置的に難しい場合は文字タッチツールなども使って…という意味でした。

スクリーンショット 2023-02-12 21.36.25.png

これ(↑)は

「ABC
DEFGHI JLK」

と一繋がりでポイントテキストを入力し、行送りや比率を使ってサンプルと同じような見た目にしています。

次善の策として、このようにテキストを一繋がりで作成できないか、ご検討ください。

 

マスクしたいオブジェクトについては了解です。こちらは念のため…ということでお伺いしました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

ごめんなさい、もっと良い方法がありました。

テキストがバラバラの場合、クリッピングマスクを使わずに「不透明マスク」を使います。

テキストのカラーを白にしてグループ化して前面に配置、背面のマスクしたいオブジェクトも一緒に選択して、「透明」パネル→「マスクを作成」をクリックします。

スクリーンショット 2023-02-12 21.57.33.pngスクリーンショット 2023-02-12 21.57.17.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

なるほど!透明マスクが使えるのですね!

とても便利で驚きました!

ありがとうございます。

 

再現してみたところ、

マスク後に柄自体の調整や変更はできたのですが、

マスク位置調整のため柄全体を選択すると、

柄と一緒に文字も動いてしまいました。

透明マスクの場合は、

マスク後に抜き位置の調整はできないのでしょうか?

03.png

 

文字タッチツールの件もありがとうございます。

クリッピングマスクでは複数テキストが抜けないので、

1つのテキストで組むということですね!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

「透明」パネルのマスクされたオブジェクトとマスクのサムネールをそれぞれクリックして、編集対象を切り換えてください。

スクリーンショット 2023-02-13 0.04.55.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

理解不足で大変失礼いたしました。

動かすことができました。

 

ご教示いただいた透明パネルを使用すれば、

希望している通りの作業ができます!

ありがとうございました!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

正解を付けた後に申し分けありません。

追加で1点質問がございます。

 

テキストに不透明マスクを使用したデザインで、

全選択→書式メニュー→アウトラインを作成」を行った時に

マスク部分がアウトライン化されていないように見えたため

調べてみたたところ、

この場合は、1つずつ選択してアウトライン化する必要がある

という情報を、2019年の質問で見つけました。

 

こちらについては、現時点でも同様の対策方法しかない

という認識で合っておりますでしょうか?

 

https://community.adobe.com/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/...

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

こちらでも試してみましたが、不透明マスクは特殊なオブジェクトなので、テキストが選択できないですね…

そのため、オブジェクトを全選択→アウトラインでは、アウトライン化できませんでした。

(「透明」パネルでマスクオブジェクトを選択すればアウトライン化は可能です)。

 

また、「アピアランスの分割」にも対応していません。

パッケージは収集可能フォントであれば収集されるようです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Feb 12, 2023 Feb 12, 2023

リンクをクリップボードにコピー

コピー完了

最新

なるほど、テキストに不透明マスクを使用したデザインデータを

他人に渡す場合などには、注意が必要ですね。

 

ご確認いただきありがとうございました!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines