終了

イラレのグラデーションをかけると境界部分が白くなってしまいます

New Here ,
Oct 13, 2023 Oct 13, 2023

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

コピー完了

現在データ制作中ですが、グラデーションをかけると境界部分に白が出てしまい困っています。

背景画像の上に黒→透明(黒)のグラデーションを配置しているのですが、

白を使っていないのに境界がぼんやり白くなってしまいます。

綺麗に透過させる方法が分かる方いれば教えていただけますでしょうか。

ちなみに、半透明マスクを使用して画像にグラデーションで透過させるやり方をしても同じく白くぼんやりと濁ってしまいます。

よろしくお願いいたします。

 

スクリーンショット 2023-10-14 12.18.21.png

キーワード
描画とデザイン

表示

2.0K

翻訳

翻訳

レポート

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

correct answers 2 件の正解

Community Expert , Oct 14, 2023 Oct 14, 2023

Y.H.atkさん、こんにちは。

背景に星空の写真があり、その上に長方形(黒→透明(黒))を重ねて、星空から黒に抜けていくグラフィックを作っている、ということでしょうか?

 

もしそうであれば、Y.H.atkさんのデータの「<長方形>」の塗りを確認いただきたいのですが「黒→透明(黒・不透明度0%)」になっていますか?

 

もしかしたら、「黒→透明(白・不透明度0%)」になっていたりはしませんか?

※外していたらすみません💦

 

こちらで作成したところ、「黒→透明(白・不透明度0%)」になっていれば、境界が白くぼやけることが無く作ることができました。

 

↓にポイント部分の動画と実際のAiデータを添付します。
※写真は https://pixabay.com/ja/photos/2695569/ を使いました

2023-10-14_16-14-42.gif

 

検証データ:test.ai

https://www.dropbox.com/scl/fi/q9t043etz8855ygcq00p2/test.ai?rlkey=osmkc6jzinchfh5vx2mza5amb&dl=0

※1ヵ月ほど、こちらで公開した後に削除ます。

 

...

投票

翻訳

翻訳
Community Expert , Oct 14, 2023 Oct 14, 2023

データを確認しましたが、CMYK(グレースケール)とRGBの違いですね。

Shot929.png

参考までに次の記事を提示しておきます(直接説明しているものではありません)。

Illustratorのカラーモードを変更すると透明効果の描画モードを使用したデータが意図しない状態になる

私はそれほど詳しくないので、仕組みとか理由とかは聞かないでください(^^)

 

投票

翻訳

翻訳
Community Expert ,
Oct 14, 2023 Oct 14, 2023

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

コピー完了

Y.H.atkさん、こんにちは。

背景に星空の写真があり、その上に長方形(黒→透明(黒))を重ねて、星空から黒に抜けていくグラフィックを作っている、ということでしょうか?

 

もしそうであれば、Y.H.atkさんのデータの「<長方形>」の塗りを確認いただきたいのですが「黒→透明(黒・不透明度0%)」になっていますか?

 

もしかしたら、「黒→透明(白・不透明度0%)」になっていたりはしませんか?

※外していたらすみません💦

 

こちらで作成したところ、「黒→透明(白・不透明度0%)」になっていれば、境界が白くぼやけることが無く作ることができました。

 

↓にポイント部分の動画と実際のAiデータを添付します。
※写真は https://pixabay.com/ja/photos/2695569/ を使いました

2023-10-14_16-14-42.gif

 

検証データ:test.ai

https://www.dropbox.com/scl/fi/q9t043etz8855ygcq00p2/test.ai?rlkey=osmkc6jzinchfh5vx2mza5amb&dl=0

※1ヵ月ほど、こちらで公開した後に削除ます。

 

以上、ご参考になりましたら幸いです。
ー ー ー ー
このコメントが回答に繋がったら“✔正解”を。
参考になったことがあれば“▲賛成票”を。
読んだ結果を伝えてくださるとうれしいです。

r360studio Kazue Mori 🦔
(執筆時間:23分)
ー ー ー ー

投票

翻訳

翻訳

レポート

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

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

コピー完了

ご回答いただきありがとうございます。

丁寧に動画とテスト素材まで用意いただき大変助かりました。

ですが、同じように設定してみましたが何故か白く濁ってしまいます。(上)

いただいた素材を配置したグラデーションは黒だけの綺麗な状態になっていました。(下)

ちなみにグラデーション の設定は同じく「線形」「90度」

「左端:黒(不透明度0%、位置0%)」「右端:黒(不透明度100%、位置100%)」

 

お手数ですが、こちらで作成したサンプルデータは下記になります。(7日間)

https://firestorage.jp/download/99843cb76f2d6963c38f020404624a6c21c4fa22

 

ご教授いただけると助かります、よろしくお願いいたします。

 

スクリーンショット 2023-10-14 16.55.15.png

投票

翻訳

翻訳

レポート

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

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

コピー完了

データを確認しましたが、CMYK(グレースケール)とRGBの違いですね。

Shot929.png

参考までに次の記事を提示しておきます(直接説明しているものではありません)。

Illustratorのカラーモードを変更すると透明効果の描画モードを使用したデータが意図しない状態になる

私はそれほど詳しくないので、仕組みとか理由とかは聞かないでください(^^)

 

投票

翻訳

翻訳

レポート

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

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

コピー完了

最新

ウインドウ>分版プレビューを表示し、ブラックを表示・非表示すると分かると思いますが、K100から画像の黒への透過は無理です。こういった黒背景に溶かしたい要望は結構ありますが、

・総インキ量をオーバーしないこと

・画像のフチが全く分からない状態まで溶かすこと

両方を満たす、イラレ上でできる手法はありません。

 

添付データの下のグラデーションはRGBブラックをCMYKにしたもの…つまり画像の最も濃いところのCMYK値です。ここから上のK100に溶かすことはできませんから、上のK100オブジェクトを同じ黒の数値にするか、画像のほうを加工するか、になると思います。

 

※ちなみに、こういったグラデを作成する際には「オーバープリントプレビュー」をオンにした状態で見てください。表示色が正確になります。オンにした状態では、サンプルデータの下のグラデ(RGBの黒から白)は中間がレッドにブレていることが確認できると思います(グラデの数値の移行と、CMYKグレーバランスが合っていないためです)。

 

 

 

Yamonov

投票

翻訳

翻訳

レポート

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