以下のURLのようなグラデーションがかった３D的なグラフィックは何のソフトでどうやって制作しているんでしょうか？

質問

平面、２Dのアイコンやちょっとした絵はこれまでイラストレーターで作っていたことはあるのですが、この頃Webを見ているとあちこちで

●デザインが２Dではなく３Dになっている
●グラデーションが取り入れられ、なおかつ曲線のグラデーションが使われている

を見かけます。
具体的にどんなグラフィックなのかを見ないとわかりにくいと思いますので例を記します。
あちこちありますが例えば以下のページにもいくつもこういったデザインがあります。

http://www.rensaba.com/service/bsv/

お尋ねは、

[1] いったい何のソフトでつくっているのか？（イラレ？Photoshop？、それとも両方使わないとできない？？それとも別の３Dツール？？）

[2] これらのグラフィック制作に一番使われているソフトで、どのようにして曲線のグラデーションを描いているのでしょうか？
（例えばPhotoshopで手早くつくる場合、直線のグラデーションしかできないはず）

実際制作のご経験がある方などご存知の方いらっしゃいましたらご教授いただけますと幸いです。
宜しくお願い致します。

回答No.15

tako3743

No.15・16です。
添付するつもりが出来ませんでした。今回できるかどうか？

立体的な画像について
> 例えばサーバの画像ですが、あれも立体的に描かれてありますよね。
3Dソフトを使えばできますが、この程度のものはアングルが決まっているのであればイラレで疑似的に描いた方が速くて簡単でしょう。

> ヘッドフォンの下の「24h」というコインみたいな画像も立体的です。
イラレのプラグインにKPTというものがあり、これで出来ますがバージョン８位までの対応だったと記憶しています。また。イラレのCS2には(CS1は無いので未確認)「効果」→「3D」→「3D押し出し・ベベルオプション」があり、平面を立体にしてくれます。

お礼

たびたびありがとうございますm(_ _)m

>No.15・16です。
>添付するつもりが出来ませんでした。今回できるかどうか？

なぜでしょうかね、また添付されていないですね。OKWAVEの方のプログラミングの問題でしょうね。手間をかけてつくっていただいたのが残念です。

>立体的な画像について
>> 例えばサーバの画像ですが、あれも立体的に描かれてありますよね。
>3Dソフトを使えばできますが、この程度のものはアングルが決まっているのであればイラレで疑似的に描いた方が速くて簡単でしょう。

３Dソフトは何というソフトが良いのでしょうか？
Shadeでしょうか？

>> ヘッドフォンの下の「24h」というコインみたいな画像も立体的です。
>イラレのプラグインにKPTというものがあり、これで出来ますがバージョン８位までの対応だったと記憶しています。

はい、KPTありますね。私もこれともうひとつを昔の個人用MACで使っていました。
が、今は会社用PCがCS3でなおかつWindowsになっており、環境がマッチしていないようですね。自宅のPowerMacを会社にもってくかなぁ・・・笑

>また。イラレのCS2には(CS1は無いので未確認)「効果」→「3D」→「3D押し出し・
>ベベルオプション」があり、平面を立体にしてくれます。

確かにありますね。立方体的なものはこれでいけるので利用はしております。
ここをもっと研究しないといけません。

ありがとうございますm(_ _)m

回答No.14

tako3743

添付漏れでしたごめんなさい。
No.15用の添付です。

お礼

色々とありがとうございます。

ところで添付がされていなかったようです。
よろしければまた添付くださいね。
ありがとうございました。

回答No.13

tako3743

No.11のtakoです。　この板、随分賑わってますね。。。
方向性があっていたようですのでもう少しだけ詳しく記述します。
添付画像を見てください。先ほどは四角を５つと書きましたが、ごめんなさい丸の方がやりやすいです。私は四角でやっていたもので。。

> その程度なんですか、それなら何とかいけます！
今回時間計ったら微調整込みで10分ちょうどでした。

> 要はグラデにしたい曲線の流れに乗せるようにして四角形をS字の上に重ねて置いていくのだと思ったのですが、
その通りです。その時、どちらか端のほうから順番に置いてください。コピーでいいと思います。

> 四角形と次の四角形の境界を綺麗に合わせられないので、背面のS字という下地が見えてしまいます。
後でマスクをかけるので大きめの丸(四角)でブレンドしてください。綺麗にあわせる必要はなく、おおざっぱに色を変えたいところに置くだけです。ブレンドする時は全て同じポイント(右ならば全て右)でブレンドします。

> もしかしてブレンドしてからパスを調整してS字という下地が見えないようにするということかな？
はい。ブレンドするだけですと直線的ですから(曲線ぽくもなりますが)ペンツールで「option:Mac alt:Win」を押しながらブレンド中心線の角になっているところをクリックドラッグすると曲線になって調整できます。添付ではＳの上に丸がないところにもポイントを追加して調整しています。
最後にマスクをかけてください。

立体的とはどのようなことをおっしゃっているのか解りませんが、フォトショップの「ベベルとエンボス」あたりでいいのでしょうか？

お礼

>立体的とはどのようなことをおっしゃっているのか解りませんが、フォトショップの「ベベルとエンボス」あたりでいいのでしょうか？

質問欄で質問したのは「曲線グラデーションの作り方」だけで、3Dの作り方は質問しておりませんので回答頂かなくても大丈夫だったのですが、方法を教えていただけるのはなおのことありがたいです。

あまりにも豊富に高度なグラフィックを多用してあったので、もしかしてイラレやPhotoshopよりももっと手早くこれらの画像が作れるようなソフトがあるのかも、という気がして制作ソフトをお尋ねいたしました。

ちなみに、「ベベルとエンボス」ではないです。
例えばサーバの画像ですが、あれも立体的に描かれてありますよね。
また、ヘッドフォンも二次元ではなくやはり三次元的に立体的に描かれてあります。ヘッドフォンの下の「24h」というコインみたいな画像も立体的です。

Webではこれまで真正面から描いたようなベタっとした画像や斜めからでも平面的な画像が多かったですが、参考URLはそうでない感じです。

ありがとうございますm(_ _)m

回答No.12

ORZTX

3Dの意味がわからなかったんで…。
添付ファイルはSに虹グラデ+エンボス加工したものを、少し邪道ですがAEにて3Dレイヤーを使用してシャドウを加えたものです。

お礼

質問欄で質問したのは「曲線グラデーションの作り方」だけで、3Dの作り方は質問しておりませんので回答頂かなくて大丈夫ですm(_ _)m

AEとはもしかしてアフターエフェクトのことでしょうか。持ってません。いろいろできそうでうらやましいです。

なんどもありがとうございますm(_ _)m

回答No.11

wandwand

ふーん、それのどこが立体なの？
どっから見ても２Dだし

グラデーション描いてマスクで乗算かければ、色つけたい所に色つくやん(^_^;

CS３使わなくても、別のバージョンでもできますよ。(^_^;

回答No.10

ORZTX

#2です。出ていたので遅くなりました。どうも目的のものと違ったようで。

Ｓをご所望？でしたので
Photoshopでテキストをうち選択、新規レイヤーを作成して大きめサイズの筆(柔らかさを小さく設定)で順に塗っていったものです。
これならせいぜい1分もあれば出来ます。

今回は等分してないので色のバランスにずれがありますが。

お礼

------------------------------------------------------
【再確認】
質問欄で質問したのは「曲線グラデーションの作り方」だけで、3Dの作り方は質問しておりませんので回答頂かなくて大丈夫です。
------------------------------------------------------

色々ありがとうございますm(_ _)m

この方法は思い浮かびましたが綺麗にするのには手動で調整が難航する気がして実行はしませんでした。
しかし一応今やっている最中です。ネイビーから水色へとしているのですが、中間色の設定からあれこれとやっています。なかなか綺麗に流れずガチャガチャとやっています。
何度もありがとうございますm(_ _)m

回答No.9

tako3743

全質問・回答読みました。添付のようなグラデーションでしょうか？

イラストレーターのブレンドで作りました。長くみても１０分はかからなかったと思います。
Ｓ字の形に添って四角を５個置いて白・黄色・赤・マゼンタ・紺の色を付けてブレンド。ペンツールでブレンドの中心線を調整してＳのアウトラインで全体をマスクしました。※添付しやすいようにＪＰＧに書き出してあります。

最新の機能では他の方法があるかもしれませんが、この方法でずっと作ってます。少し慣れが必要かもです。

お礼

ありがとうございますありがとうございますm(_ _)m

>全質問・回答読みました。添付のようなグラデーションでしょうか？

はい、全くその通りです！！素晴らしい！！

>イラストレーターのブレンドで作りました。長くみても１０分はかからなかったと思います。

その程度なんですか、それなら何とかいけます！
数字ばかりの製品扱う会社なのでデザイン制作の手間に理解が全くありませんので・・・

>Ｓ字の形に添って四角を５個置いて白・黄色・赤・マゼンタ・紺の色を付けてブレンド。

済みません最初からうまくいきませんでした。要はグラデにしたい曲線の流れに乗せるようにして四角形をS字の上に重ねて置いていくのだと思ったのですが、
四角形と次の四角形の境界を綺麗に合わせられないので、背面のS字という下地が見えてしまいます。
どうすればいいんでしょうか・・・・

>ペンツールでブレンドの中心線を調整してＳのアウトラインで全体をマスクしました。※添付しやすいようにＪＰＧに書き出してあります。

ウン？もしかしてブレンドしてからパスを調整してS字という下地が見えないようにするということかな？
もう少しやってみます

>最新の機能では他の方法があるかもしれませんが、この方法でずっと作ってます。少し慣れが必要かもです。

もしかしたらCS3でもっと早い方法あるかも知れませんがこれでも嬉しいです。
本当に助かっています。引き続きやってみます

回答No.8

1568_001

8です。たびたびすみません…

http://blogimg.goo.ne.jp/user_image/2b/c6/e2cc8e9d2698b565a2368af1268511f2.jpg

参考URL：

http://blogimg.goo.ne.jp/user_image/2b/c6/e2cc8e9d2698b565a2368af1268511f2.jpg

お礼

ありがとうございますありがとうございますm(_ _)m

画像拝見しました。

イラレで長方形をつくって、その塗りをグラデにして、選択状態でブラシツールで、「新規ブラシ」でやるのですかね。

「カリグラフィブラシ」とか色々と種類が出ますね。これのどれかでやるのでしょうと思ってやってみるのですが形状が何も変わらず？状態です。

やったことはないのですが、画像の中の、パスでクルっと回してある太い線でのグラデが登録したブラシだと理解しました。
一瞬、これだと曲線が固定されてしまって、その都度オブジェクトにかけたい曲線度合いに調整できないと思いましたが、よく見るとパスでつくってあるので、
普通のパスと同様にパスを掴んで曲げを調整すれば良いのかな？

ブラシツールが使いこなせていないので取り組み中です(^^;

回答No.7

noname#235092

No.6です。疑問にお答えします。

＞どうやって使えば曲線グラデができるか

たとえばＳという文字をアウトライン化して、同じ場所に200％に拡大したものを背面に複写します。
それぞれ塗りを別の色にしたあと両方を選択しブレンドすると、簡単にＳの形どおりのグラデーションが出来上がります。

＞分割線が縦か横の直線になってしまう

たとえば長方形に作成したメッシュでも、アンカーポイントやハンドルを移動することによって、自由に曲線に変更することが出来ます。
たしかに作業量は膨大になることもありますが、苦労すればしただけ見栄えのよい作品を完成させられますよ。

回答No.6

noname#235092

Illustratorなら「ブレンド」とか「グラデーションメッシュ」なんかがありますが、そういう機能のことではないのですか？

お礼

ありがとうございますm(_ _)m

ブレンドツールは確かに応用が広いですからできるんでしょうかね・・・
どうやって使えば曲線グラデができるか、しかも簡単に、ということで先ほどから
トライ中です。

グラデーションメッシュは以前何度かトライしましたが、あれは直線グラデでさえもものすごい力技になりますよね。
まして曲線グラデとなるとどうなんでしょう。分割自体が大変では？何故ならば分割線が縦か横の直線になってしまうからです。

力技でやればいずれはできるのかも知れませんが作業量が膨大になっては仕事にならないですね・・・・

ブレンド、メッシュツールともに再トライ中です・・・・

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