Skip to main content
Inspiring
September 1, 2025
Answered

グラデーションの掛け方について

  • September 1, 2025
  • 3 replies
  • 544 views

複数のウェーブに、画像にあるようなグラデーションをかけたいのですが上手くゆきません。

画像と全く同じように作成しようとするとどのような手順を踏めば良いでしょうか。

描画モードもスクリーン等試しましたが思うようになりません。

Correct answer artwork-wing-ai

これは、グラデーションのフリーグラデーション(ライン)を使用し、不透明度の数値で濃さを調整しています。
参考になれば良いのですが。

 

↓フリーグラデーション(ライン)の使い方
https://www.adobe.com/jp/learn/illustrator/web/freeform-gradient?learnIn=1#step07&locale=ja

3 replies

artwork-wing-ai
Community Expert
artwork-wing-aiCommunity ExpertCorrect answer
Community Expert
September 3, 2025

これは、グラデーションのフリーグラデーション(ライン)を使用し、不透明度の数値で濃さを調整しています。
参考になれば良いのですが。

 

↓フリーグラデーション(ライン)の使い方
https://www.adobe.com/jp/learn/illustrator/web/freeform-gradient?learnIn=1#step07&locale=ja

Qatar1Author
Inspiring
September 3, 2025

本件解決にあたり、ご協力いただきまして本当に感謝しております。

Ten A様、artwork-wing-ai様誠にありがとうございました。

Ten A
Community Expert
Community Expert
September 2, 2025

よく観察するとグラデーション自体がリニアに変化せず曲線に沿う形で変化しているのが分かると思います。こういった処理をIllustratorで行うにはブレンドを不透明度だけ変化させてかけるのが良いでしょう。RGBモードでやるなら描画モードは通常かスクリーンで不透明度で調整。あとはぼかしを適宜かけると近づくかと思います。

Qatar1Author
Inspiring
September 3, 2025

ありがとうございます。

 

不透明度だけをブレンドするやり方がわからなかったので、画像の通りステップ数で試してみました。

気になる点もいくつかあり、線画できてしまうことと、ガウスをかけると白黒になってしまいました。

不透明どだけをブレンドするやり方と、ブレンドにガウスをかけても問題のない方法を教えていただけますでしょうか。宜しお願いいたします。

 

画像を順にご説明しますと、まずブレンドした2つの波の画像

ブレンドオプションの詳細

線が発生している状態

ガウスをかけた時に白黒になった画像

 

Ten A
Community Expert
Community Expert
September 2, 2025

まず、どのようにやってみたのか見せて頂いたほうが指摘のしようもあるのですけど、とりあえずウェーブは曲線だけでなく塗りになっていますか?

また、スクリーンモードなどは各チャンネルに対して演算されますから、CMYKモードの場合グラデーションを赤にかけて機能させるにはグレースケールのグラデーションでは効果が出ない場合があります。
以下の例ではスクリーンとソフトライトで処理していますが、グラデーション自体はCMYK各チャンネルが100→0に変化するものを利用しています。その際に注意する点は下の赤からはみ出た部分ではCMYKが全て100%の領域が出てくる部分ができる可能性がある点です。TAC値が完全にオーバーしてしまうので注意が必要です。

この例にあるグラデーションが交差するようにみえる部分は曲線同士のブレンドで表現可能です。
RGBモードでも同様で、以下のように


グラデーションとブレンドを利用して処理します。描画モードは各チャンネルごと演算されるという基本は同じなので被せるグラデーションの状態に注意してください。

Qatar1Author
Inspiring
September 2, 2025

Qatar1Author
Inspiring
September 2, 2025

一枚目は、曲線ツールでウェーブを描きスクリーンで処理しました。

二枚目は、ソフトライトで処理をしましたが、背景の赤とバックにあるウェーブとの色合いが理想のものとかなり異なりました。

質問に添付しました参考となるウェーブにするにはまだ手順が判明しておりません。

 

ご教授いただけますとたすかります.....