Skip to main content
Participant
October 14, 2023
解決済み

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

  • October 14, 2023
  • 返信数 1.
  • 13907 ビュー

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

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

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

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

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

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

 

解決に役立った回答 Omachi

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

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

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

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

 

返信数 1

r360studio Kazue Mori
Community Expert
Community Expert
October 14, 2023

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作成者
Participant
October 14, 2023

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

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

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

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

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

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

 

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

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

 

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

 

Omachi
Omachi解決!
Legend
October 14, 2023

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

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

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

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