終了

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

Community Beginner ,
Mar 15, 2022 Mar 15, 2022

リンクをクリップボードにコピー

コピー完了

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

 

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

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

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

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

 

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

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

キーワード
ツール , 描画とデザイン

表示

1.2K

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines

correct answers 1 件の正解

Community Expert , Mar 15, 2022 Mar 15, 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で、ブレンド案でちょっとやってみました。

 

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

スクリーンショット 2022-03-16 14.02.29.png

 

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

この黄色を明る

...

投票

翻訳

翻訳
Community Expert ,
Mar 15, 2022 Mar 15, 2022

リンクをクリップボードにコピー

コピー完了

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

 

スクリーンショット 2022-03-16 8.08.38.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 18, 2022 Mar 18, 2022

リンクをクリップボードにコピー

コピー完了

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Mar 15, 2022 Mar 15, 2022

リンクをクリップボードにコピー

コピー完了

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

 

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

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

 

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

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

線グラデーション.jpeg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Contributor ,
Mar 16, 2022 Mar 16, 2022

リンクをクリップボードにコピー

コピー完了

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

 

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

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

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

線にグラデーション2.jpg

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 15, 2022 Mar 15, 2022

リンクをクリップボードにコピー

コピー完了

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

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

 

追記:

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 18, 2022 Mar 18, 2022

リンクをクリップボードにコピー

コピー完了

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Mar 15, 2022 Mar 15, 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...

 

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

 

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

スクリーンショット 2022-03-16 14.02.29.png

 

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

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

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

スクリーンショット 2022-03-16 14.05.24.png

 

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

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

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

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

スクリーンショット 2022-03-16 14.06.31.png

 

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

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

スクリーンショット 2022-03-16 14.07.16.png

 

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

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

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

スクリーンショット 2022-03-16 14.08.14.png

 

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

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

スクリーンショット 2022-03-16 14.09.08.png

 

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

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

スクリーンショット 2022-03-16 14.09.20.png

 

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

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

スクリーンショット 2022-03-16 14.10.16.png

 

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

スクリーンショット 2022-03-16 14.10.34.png

 

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

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

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

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

スクリーンショット 2022-03-16 14.40.27.png

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Mar 17, 2022 Mar 17, 2022

リンクをクリップボードにコピー

コピー完了

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

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

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

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

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

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

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines