Skip to main content
Participant
July 8, 2023
Answered

グラデーション同士の補完について

  • July 8, 2023
  • 3 replies
  • 434 views
はじめまして。お世話になります。
早速ですが質問させてください!
 
①・③の領域にあるグラデーションを、②の領域に上から下に補完するようなグラデーションを作成するにはどうしたらよいでしょうか。
自分なりにやりたいことを具体的に言語化してみると、以下のようにしたいです。
 
「①から③に向かって(上から下に)グラデーションしてほしい。その際に、②の領域の左端には、①の左端の青と③の左端のオレンジに対応するような色が来て、同様に②の領域の右端には、①の右端の水色と③の右端の黄色が対応するような色が来る形で、②の領域でも左から右に向かってグラデーションしてほしい。」

補足
・①、③のレイヤーは分けてますが、作成できるのであればどのような方法でも構いません。
・なお、②の領域に補完される際には境界がはっきりしない形でグラデーションできると、尚良いです。
 
自分なりにGoogle検索やChatGPTに聞いてみたりしたのですが、解決できませんでした。
初歩的な質問で申し訳ありませんが、ご教授いただければ幸いです。よろしくお願いします!
This topic has been closed for replies.
Correct answer Mukaida

<追記>
Photoshopで作成する場合は、下記の方法はどうでしょう。
1・2のグラデーションをそれぞれ引き伸ばします。

レイヤーが上部になるグラデーションの「マスク」に白黒グラデーションを適用します。

 

上部のレイヤーのマスクにグラデーションを適用して合成すると下図のようになります。

 

操作で不明な点があれば返信して下さい。

3 replies

Community Expert
July 8, 2023

After Effects を使用できるようでしたら、標準機能の「コンテンツに応じた塗りつぶし」を試してみると良いでしょう。
素材は、添付されていた画像を使用しています。


参考ですが、サードパーティの有料プラグインを使用した例もアップしておきます。

MukaidaCommunity ExpertCorrect answer
Community Expert
July 8, 2023

<追記>
Photoshopで作成する場合は、下記の方法はどうでしょう。
1・2のグラデーションをそれぞれ引き伸ばします。

レイヤーが上部になるグラデーションの「マスク」に白黒グラデーションを適用します。

 

上部のレイヤーのマスクにグラデーションを適用して合成すると下図のようになります。

 

操作で不明な点があれば返信して下さい。

Participant
July 8, 2023

設定等も付けていただいた画像付きで分かりやすく解説してくださり、ありがとうございます!!

おかげさまで、やりたかったことが上手くできました!

Afteraeffectsも一応使えますので、この後学習がてらやってみようと思います。

 

昨日悩んでた時間が一瞬で吹き飛び、本当に感謝です!

ありがとうございました!

ajabon grinsmith
Community Expert
Community Expert
July 8, 2023

それぞれのグラデーションを斜めに適用してみてください。

レイヤースタイルのグラデーションオーバーレイで運用するとラクです。

Participant
July 8, 2023

素早いお返事ありがとうございました!

レイヤースタイルのグラデーションオーバーレイは、正に苦手としていた機能なので、やってみたいと思います!

ajabon grinsmith
Community Expert
Community Expert
July 10, 2023

あ、すみません、やりたいことを見誤ってました。自分のはわすれてください。

 

Mukaidaさんの回答で満足できたら、正解マークをつけてあげてください。

他の投稿についてもそういう感じでお願いしますー。

といったことは ↓こちらに書かれていますのでぜひ読んでみてください。

質問するときの参考テンプレート

Participant
July 8, 2023

書き忘れましたので補足です!


環境
・製品版Photoshop(Ver24.6.0)
・Windows10

上記質問に画像が文章内に表示できるように貼れなかったため、最下部に添付してあります。

お手数おかけしますが、どうぞよろしくお願いいたします。