終了

ノックアウト文字の作り方

参加者 ,
Aug 06, 2024 Aug 06, 2024

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

コピー完了

1枚目がフォトショップの例です。

フォトショップだと背景で文字を透過させたい時に、レイヤー効果→ノックアウトを深いにして、塗りの不透明度を0にすると背景まで投下したが、Illustratorだとあまりやり方が分かりません。

 

2枚目のように背景でクリッピングマスクしましたが、上手く作成できないため、他のやり方はないでしょうか?

また、例えば「デジタルで生活に変革をもたらす」という字の中で「デジタル」だけ背景に透過させて、「で生活に変革をもたらす」はベタ塗りの状態を保ちたい時はどうすればよろしいでしょうか?


画像.png画像.png

キーワード
Mac

表示

338

翻訳

翻訳

レポート

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

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

コピー完了

Photoshopの作例とちがい長方形がたくさんあったりで目標の完成形がわからないですが

不透明マスクどうでしょう。

スクリーンショット 2024-08-07 9.56.08.png

ほかの抜かない字は別オブジェクトとして扱うほかありません。

投票

翻訳

翻訳

レポート

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

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

コピー完了

以前マスクもカスタマーに聞いたのですが、いまいちよく分からず、不透明マスクお調べしましたが、理解できなかったのでこちらの作成はどういった手順になりますでしょうか。

 

投票

翻訳

翻訳

レポート

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

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

コピー完了

最前面にマスクに使うオブジェクト、背面にマスクされるオブジェクト群、

を同時選択して、透明パネルで「マスク作成」ボタン。

適宜「クリップ」と「マスクを反転」チェックつけたり消したり。

画面収録 2024-08-07 12.51.18.gif

で、わかりますか。

投票

翻訳

翻訳

レポート

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

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

コピー完了

動画までつけていただいてありがとうございます。

とても丁寧で理解できました。チャレンジしてみます。

 

投票

翻訳

翻訳

レポート

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

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

コピー完了

ご参考

「グループの抜き」テキストを透明として扱う

https://note.com/x10ai/n/nebedbec470ca

 

ご注意

https://x.com/higuchidesign/status/1777582950932238443

投票

翻訳

翻訳

レポート

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

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

コピー完了

ありがとうございます。
テキストだけでなく画像なども挑戦してみます。

投票

翻訳

翻訳

レポート

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

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

コピー完了

こういう場合は、複合シェイプの出番です。
図形と文字を重ねて、両方を選択した状態で、Option/Altキーを押しながら、パスファインダーパネルの「前面オブジェクトで型抜き」をクリックしてください。

01.png

 


上にある文字が抜けた状態に成ります。文字はそのまま残ってるので打ち替えたりフォントを変えられます。最後の「パスファインダー」パネルの「拡張」をクリックすると文字がアウトライン化された状態に成ります。

02.png

 

投票

翻訳

翻訳

レポート

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

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

コピー完了

最新

ご説明いただきありがとうございます!
早速試してみます!

投票

翻訳

翻訳

レポート

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