Skip to main content
Participant
March 15, 2022
Answered

オブジェクトの形に沿って中心にグラデーション入れたい

  • March 15, 2022
  • 4 replies
  • 2961 views

初めての投稿で失礼などございましたら申し訳ありません。

 

今回ご助力いただきたいのは、グラデーションについてです。

添付画像のように、オブジェクトの中心にグラデーションを

かけているのですがこのグラデーションを左右のオブジェクトの

形に沿って曲げて下部にも適用したいです。

 

色々と調べてみましたがやり方が見つからず途方に暮れております。

もし、やり方が分かる方がいらっしゃいましたらご教授お願い致します。

This topic has been closed for replies.
Correct answer ajabon grinsmith

使用バージョンぐらいの情報は記載があれば回答したい人達もお互い助かります。

参考まで。

https://community.adobe.com/t5/%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%AC%E3%82%A4%E3%83%89-discussions/%E8%B3%AA%E5%95%8F%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88-%E3%82%B3%E3%83%94%E3%83%9A%E3%81%97%E3%81%A6%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84-%EF%B8%8E/td-p/11369772

 

バージョン2021で、ブレンド案でちょっとやってみました。

 

画像を拝借して赤い線でトレース。

 

赤い線をコピー > ロック> 前面にペーストして黄色に

この黄色を明るい領域にしたい。

ダイレクト選択ツール(白矢印)で天辺のアンカーポイントを2こ選択して縮小2%。

 

以下、下に向かい、2こずつ選択しては縮小した状態。

ただしXの外側と内側でアンカーポイントの個数が合わなかったため、

股のところは1個、隣と重ねてしまいました。

ブレンドの条件として、アンカーポイントの個数が一致していないとかっこよくならないためです。

 

一旦、色をいくらか寄せる。

赤も黄色も線をなしに、塗りをスポイトで拾いました(誤ってCMYKで作業したため色が濁ってます。。)

 

赤だった物と黄色だった物、2つ選択してブレンド作成。

メニューから オブジェクト >ブレンド > 作成

問題なくグラデーション状になっていることをここで確認。

 

確認したら、選択そのままでオブジェクトメニューからブレンドオプション。

間隔:ステップ数:2 に変更。

 

オブジェクトメニュー > 分割・拡張。「塗り」にチェックを入れてOKボタン。

ブレンドが分割されてオブジェクトが4つに。

 

4つそれぞれ、選択して画像からスポイトで色を拾ったところ。

(ここでしれっとRGBモードに変更しました)

 

4つまとめて選択して、もう一度ブレンド作成。ブレンドオプションはスムーズカラー。

 

で、ほぼ完成(仕上げはお任せします)。

天地のアンカーポイントを水平に整列、

四隅の広がりを尊重してブレンドのパーツの端を少し水平に拡大(やりすぎ問題)、

反転複製。ここまでですかね。

4 replies

ajabon grinsmith
Community Expert
ajabon grinsmithCommunity ExpertCorrect answer
Community Expert
March 16, 2022

使用バージョンぐらいの情報は記載があれば回答したい人達もお互い助かります。

参考まで。

https://community.adobe.com/t5/%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%AC%E3%82%A4%E3%83%89-discussions/%E8%B3%AA%E5%95%8F%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88-%E3%82%B3%E3%83%94%E3%83%9A%E3%81%97%E3%81%A6%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84-%EF%B8%8E/td-p/11369772

 

バージョン2021で、ブレンド案でちょっとやってみました。

 

画像を拝借して赤い線でトレース。

 

赤い線をコピー > ロック> 前面にペーストして黄色に

この黄色を明るい領域にしたい。

ダイレクト選択ツール(白矢印)で天辺のアンカーポイントを2こ選択して縮小2%。

 

以下、下に向かい、2こずつ選択しては縮小した状態。

ただしXの外側と内側でアンカーポイントの個数が合わなかったため、

股のところは1個、隣と重ねてしまいました。

ブレンドの条件として、アンカーポイントの個数が一致していないとかっこよくならないためです。

 

一旦、色をいくらか寄せる。

赤も黄色も線をなしに、塗りをスポイトで拾いました(誤ってCMYKで作業したため色が濁ってます。。)

 

赤だった物と黄色だった物、2つ選択してブレンド作成。

メニューから オブジェクト >ブレンド > 作成

問題なくグラデーション状になっていることをここで確認。

 

確認したら、選択そのままでオブジェクトメニューからブレンドオプション。

間隔:ステップ数:2 に変更。

 

オブジェクトメニュー > 分割・拡張。「塗り」にチェックを入れてOKボタン。

ブレンドが分割されてオブジェクトが4つに。

 

4つそれぞれ、選択して画像からスポイトで色を拾ったところ。

(ここでしれっとRGBモードに変更しました)

 

4つまとめて選択して、もう一度ブレンド作成。ブレンドオプションはスムーズカラー。

 

で、ほぼ完成(仕上げはお任せします)。

天地のアンカーポイントを水平に整列、

四隅の広がりを尊重してブレンドのパーツの端を少し水平に拡大(やりすぎ問題)、

反転複製。ここまでですかね。

Participant
March 18, 2022

書き込みの仕方まで教えていただきありがとうございます。

はじめてブレンドツールを使ってみましたが、説明が細かく

とても分かり易かったです。

おかげで様で無事作成する事が出来ました!

とても助かりましたし、自身のスキルアップにも繋がりました。

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

 

katayanagi51
Community Expert
Community Expert
March 16, 2022

グラデーションだと難しいですねぇ(いい感じにならなかったです…)。

手間はかかりますけど,ブレンドを使うのがいいんじゃないかと思いました。

 

追記:

ajabon先生が書かれているようにアンカーポイントの数が異なるといい感じにならないです(わたしは足しました)。

test.pdf(Ai編集可)の右側は先生とほぼ同じ作り方だったのでひと安心(^^)

Participant
March 19, 2022
わざわざ試していただきありがとうございます!
ブレンドも考えてみましたが他のオブジェクトとの統一性が無くなるので諦めます…
Participating Frequently
March 15, 2022

グラデーションには、線形、円形グラデーション、フリーグラデーション(点、線)、ブレンド機能などなどありますが、

 

グラデーション
https://helpx.adobe.com/jp/illustrator/using/gradients.html

ブレンドオブジェクト
https://helpx.adobe.com/jp/illustrator/using/blending-objects.html

 

お手軽にやるには発想を変えて、線上にグラデーションをし、X形状でマスクしてみてはどうでしょうか。

その後に、分割・拡張して変形してみても面白いかもしれません。

Participating Frequently
March 16, 2022

線にグラデーション方法の改版

 

お手軽方法、もう少しやってみました。

3分割して、垂直と斜めを変つながるように線幅を調整すればもう少し良くなるかな。

でもちょっとややこしくなり始めて、やっぱりブレンドが自由度あるかも。

Ten A
Community Expert
Community Expert
March 15, 2022

グラデーション軸はおることはできませんから上下の中心で図形自体を分割して別の図形として調整するしかありません。

 

Participant
March 19, 2022
返信ありがとうございます!
やっぱり無理ですか…
参考になりました!