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

[Y.H.atk]

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

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

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

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

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

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

[r360studio Kazue Mori · Accepted solution]

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

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

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

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

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

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

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

検証データ：test.ai

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

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

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

r360studio Kazue Mori 🦔
（執筆時間：23分）
ー ー ー ー

[Y.H.atk]

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

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

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

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

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

「左端：黒（不透明度0％、位置0％）」「右端：黒（不透明度100％、位置100％）」

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

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

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

[Omachi · Accepted solution]

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

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

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

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

[Yamonov]

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

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

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

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

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

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