終了

太くした文字をクリッピングマスクしたいのですが上手くいきません

エクスプローラー ,
Feb 28, 2024 Feb 28, 2024

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

コピー完了

Adobeイラストレーター2023 macで使用してます。

 

線を太くした文字にクリッピングマスクをかけたいのですが、うまくいきません。。

・アウトラインをかけてクリッピングマスクをしたら、線がなくなり普通の線なしの文字になりました。

 

・パスのオフセットも試してみました。線を2ptにしてもクリッピングマスクをかけると

 線なしの普通の文字になりました。。

 

どうやったら上手くできますか?TT

キーワード
Mac , 手順・操作方法 , 文字・フォント

表示

385

翻訳

翻訳

レポート

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

correct answers 2 件の正解

Community Expert , Feb 28, 2024 Feb 28, 2024

察したかんじ、「文字を」ではなく「文字で」マスク、ですね?

 

マスクは塗り+線の見た目ではなく、パスの領域でかかります。

アウトラインをかけると、選択したときにパスが見えますね。これが境界です。

スクリーンショット 2024-02-29 13.10.18.png

また、1文字ではなく文字列の場合、アウトラインをかけたらグループになるので、その文字列全体でマスクをかけるには

もう少し手間をかける必要があります。

 

・テキストをアウトライン化

・オブジェクト > パス > パスのアウトライン --これで線の外側にパスが作られます

スクリーンショット 2024-02-29 13.20.02.png

 

・パスファインダー > 合体 --今回余計になる、内側にある元のパスが、まあ消えます

スクリーンショット 2024-02-29 13.19.51.png

 

・オブジェクト > 複合パス > 作成 --これで文字列がひとつのオブジェクトとなります

 

これで、背面にマスクさせたい物を置いてマスクしてみましょう。

スクリーンショット 2024-02-29 13.20.13.png

やったー。

 

ぜんぜん見当違いだったらすみません。

投票

翻訳

翻訳
Community Expert , Mar 03, 2024 Mar 03, 2024

遅ればせながらこういう方法もあります。

①文字に塗りを追加し「パスのオフセット」をかけて太らせます。
②パスファインダーパネルのメニューから「複合シェイプ」を作成ををかけておきます。

③通常のクリッピングマスクと同様に太らせた文字の内側に写真を配置することができます。

フォントをアウトライン化していないので後からフォントを変更したり、文字を打ち替えたりも可能です。

 

画像の元Illustratorデータも添付します。()「.pdf」の拡張子を外してIllustratorで開けます。

文字を太らせて内側に画像.png

投票

翻訳

翻訳
Community Expert ,
Feb 28, 2024 Feb 28, 2024

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

コピー完了

操作手順が間違っているような気がします。

具体的にどのようにしたのか丁寧に書いてみてください。

投票

翻訳

翻訳

レポート

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

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

コピー完了

ありがとうございます。私の操作です。4つ試してみました。

 

CASE  1)

フォントを選択>文字を入力>文字に線をつけて太くする>文字のアウトラインをかける>四角をグラデーション塗りにしたものを文字と被せる。>文字の下に四角のグラデーションを置く>文字と四角のグラデーションの二つを選択>コマンド+7でクリッピングマスクする

→結果、文字が透明にクリッピングマスクされた

 

CASE 2)

フォントを選択>文字を入力>文字に線をつけて太くする>(文字のアウトラインをかけない)>四角をグラデーション塗りにしたものを文字と被せる。>文字の下に四角のグラデーションを置く>文字と四角のグラデーションの二つを選択>コマンド+7でクリッピングマスクする

→結果、文字が線なしにクリッピングマスクされた

 

CASE 3)

フォントを選択>文字を入力>文字に線をつけて太くする>オブジェクト>パス>パスのオフセット(2pt)>四角をグラデーション塗りにしたものを文字と被せる。>文字の下に四角のグラデーションを置く>文字と四角のグラデーションの二つを選択>コマンド+7でクリッピングマスクする

→結果、エラーメッセージ。最前面のオブジェクトが非常に複雑なため、マスクとして使用した場合にプレビューができなくなる可能性があります。マスクとして使用しますか?はい→ 透明になった

 

CASE 4)

フォントを選択>文字を入力>文字に線をつけて太くする>オブジェクト>パス>パスのオフセット(2pt)>パス>複合パス>作成>四角をグラデーション塗りにしたものを文字と被せる。>文字の下に四角のグラデーションを置く>文字と四角のグラデーションの二つを選択>コマンド+7でクリッピングマスクする

→結果、エラーメッセージ。最前面のオブジェクトが非常に複雑なため、マスクとして使用した場合にプレビューができなくなる可能性があります。マスクとして使用しますか?はい→ 透明になった

投票

翻訳

翻訳

レポート

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

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

コピー完了

・クリッピングマスクは、最前面オブジェクトの「パス」でマスクされる

・最前面オブジェクトのパスに「線幅を設定していても無視される」

これはIllustratorの数十年前からの正常な仕様です。

 

目的の結果を得るには、ajabon grinsmith さんの回答を参考にしてください。

投票

翻訳

翻訳

レポート

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

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

コピー完了

察したかんじ、「文字を」ではなく「文字で」マスク、ですね?

 

マスクは塗り+線の見た目ではなく、パスの領域でかかります。

アウトラインをかけると、選択したときにパスが見えますね。これが境界です。

スクリーンショット 2024-02-29 13.10.18.png

また、1文字ではなく文字列の場合、アウトラインをかけたらグループになるので、その文字列全体でマスクをかけるには

もう少し手間をかける必要があります。

 

・テキストをアウトライン化

・オブジェクト > パス > パスのアウトライン --これで線の外側にパスが作られます

スクリーンショット 2024-02-29 13.20.02.png

 

・パスファインダー > 合体 --今回余計になる、内側にある元のパスが、まあ消えます

スクリーンショット 2024-02-29 13.19.51.png

 

・オブジェクト > 複合パス > 作成 --これで文字列がひとつのオブジェクトとなります

 

これで、背面にマスクさせたい物を置いてマスクしてみましょう。

スクリーンショット 2024-02-29 13.20.13.png

やったー。

 

ぜんぜん見当違いだったらすみません。

投票

翻訳

翻訳

レポート

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

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

コピー完了

画像付きでありがとうござます!!

やってみました。

 

しょっぱなからつまづいているのですが、、、

文字を入力線を太くした後、オブジェクト > パス でパスのアウトラインを選びたいのですが、グレーになっていて選択できないです。。。右クリックでのアウトラインでもいいですか?アウトラインにした後

パスファインダーの合体をクリックしても、↓このままで、2番目の同じ画像のようにはなりませんでした。。><

スクリーンショット 2024-02-29 13.35.18.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

①「書式 > アウトラインを作成」を選択

②「オブジェクト > パス > パスのアウトライン」を選択

③ パスファインダー「合体」

 

> 文字を入力線を太くした後、オブジェクト > パス でパスのアウトラインを選びたい

これは①をやらずに②をしようとしています。①を忘れずにやってください。

投票

翻訳

翻訳

レポート

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

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

コピー完了

あー書き方が悪かったんですかねすみません。文字のアウトライン作成は質問文でもやられてたようなので

てっきり手慣れた操作かと思って簡略に書いてしまいましたごめんなさいませ。

 

書式 > アウトライン作成(右クリックでも出るやつ)は、テキストを図形(パス)にするやつ、

オブジェクト > パス > パスのアウトライン は、パスとして実体のない線をかたどってパスを作るやつです。

これら別物なのです。パスのアウトラインはパスにしかかけられないので、先にテキストを図形(パス)に変換しないといけないのです。

スクリーンショット 2024-02-29 13.54.15.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

ご丁寧にありがとうございました。画像付きでそしてわかりやすくありがとうごじざいます!

 

やったー!!

にようやくなりました!!!

すみません、ぜんぜんわかっていなく初心者みたいな感じだったので、

意味が違うとか初めてしりました。

一つとして順番を間違えてはいけなし、飛ばしてもいけないということがわかりました。

 

全然できなくてネットでも調べてもでてこなくて

本当にたすかりました!!!!!

お忙しい中、ご回答くださいましてありがとうございます!!!

スクリーンショット 2024-02-29 14.13.41.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

線を太くした文字(アウトライン化しない)の背景に画像を配置し、

文字と画像を両方選択した状態でマスク作成ではどうでしょう?futoi.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

あ! いいですねすっかり存在を忘れてました

テキストが生きてるから編集もできちゃう。

スクリーンショット 2024-02-29 16.34.46.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

遅くなってしまいすみません。違う方法もありがとうございます!画像付きでわかりやすいです!

投票

翻訳

翻訳

レポート

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

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

コピー完了

【ご参考】クリッピングマスクと不透明マスク

https://www.dtp-transit.jp/adobe/illustrator/post_915.html

投票

翻訳

翻訳

レポート

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

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

コピー完了

返事おそくなってしまいすみません。画像付きとURLつきありがとうございます!大変ためになりました!

投票

翻訳

翻訳

レポート

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

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

コピー完了

遅ればせながらこういう方法もあります。

①文字に塗りを追加し「パスのオフセット」をかけて太らせます。
②パスファインダーパネルのメニューから「複合シェイプ」を作成ををかけておきます。

③通常のクリッピングマスクと同様に太らせた文字の内側に写真を配置することができます。

フォントをアウトライン化していないので後からフォントを変更したり、文字を打ち替えたりも可能です。

 

画像の元Illustratorデータも添付します。()「.pdf」の拡張子を外してIllustratorで開けます。

文字を太らせて内側に画像.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

最新

遅くなってしまいすみません。

わかりやすくありがとうございます!やはりアウトラインかけないやり方だと編集できるからいいですね!

 

投票

翻訳

翻訳

レポート

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