【illustrator】光沢と影のある立体的なボタンを作るには?

このQ&Aのポイント
  • イラストレータCS2(Win-Xp)使用者です。Web用にボタンを作成していますが、光沢と影のあるボタンを作る方法が知りたいです。
  • グラデーションメッシュでは線の数だけ微妙に波打ってしまい、きれいに作ることができません。
  • 実際の例と同じような立体的なボタンを作成するための効果やテクニックについて教えてください。
回答を見る
  • ベストアンサー

【illustrator】光沢と影のある立体的なボタンを作るには?

イラストレータCS2(Win-Xp)使用者です。 Web用にボタンを作成していますが、光沢と影のあるボタン(東京電力の[Switch!]みたいなボタン・下記↓) http://event.tepco-cp.com/denka/experience/event-jyouhou.html はillustratorで作れるのでしょうか? グラデーションメッシュでは線の数だけ微妙に波打ってしまいきれいにできません。 「効果」では全周が同じ色になりますし・・ そもそもillustratorで作ること自体無謀なのでしょうか? お詳しい方、よろしくお願いいたします。 *例は画像が小さいですが、実際は拡大しても不自然にならない方法を希望します。

質問者が選んだベストアンサー

  • ベストアンサー
  • fivetec
  • ベストアンサー率56% (257/455)
回答No.2

この東電のボタンのケースは外枠になる下のオブジェクトには左上(明るめの赤)から右下(黒を含んだ赤)でグラデーションをかけておきます。 次に上になるオブジェクトはほぼ赤単色でいいと思います。 気になるようでしたら下の方が少しくらい暗い赤で上下にグラデーションをかけておけばいいと思います。 外枠の線はもちろん消してありますよね?

takosuke88
質問者

お礼

できました~~!!! Shadeとかの分野かと思ってましたがイラレでも簡単にできるんですね! 感謝です!ありがとうございました。

その他の回答 (1)

  • fivetec
  • ベストアンサー率56% (257/455)
回答No.1

>illustratorで作れるのでしょうか? 出来ます。 このようなボタンを作成する場合は色々方法がありますが、大きさと色の異なるボタンのオブジェクトを上下に配置してブレンドさせるとうまくいくはずです。 ブレンドオプションは「間隔」を「ステップ数」を選択、「数値」は8くらいから試してみてください。

takosuke88
質問者

お礼

ありがとうございます。 ブレンドオプションはしらなかったので感激しております。 ただブレンドですと全周均一に白や黒にならざるを得ず、立体的ではありますが光が差し込んだようになりません。ブレンドは3者間ではうまくいかないような気がします。 はたして「白→黒」へのつなぎはどうすればいいのでしょうか。 たびたびですがよろしくお願いいたします。

関連するQ&A

  • Illustratorでリアルなトレースの手順を教えて下さい。

    Illustratorを使用したリアルなトレースをしたいのですが、どこから始めたらいいのか、手順がイマイチ分かりません。 下記のURLの画像をトレースしたいです。 http://www.linkstyle.co.jp/free/food/dri/dri0004-001.html この場合、全体をトレースしてから 皿、皿の影、スプーン、スプーンの影、カップ、カップ取っ手、コーヒーの水面  の順番でトレースしてからグラデーションメッシュの手順でいいのでしょうか? また、スプーンの口を入れる所の、影の部分と光っている部分は、ペンツ-ルでトレースするのがいいのか、グラデーションメッシュで表現した方がいいのか、どちらがいいでしょうか? バージョンは、CS3です 効率のよい手順がありましたら、アドバイス宜しくお願いします。

  • Illustratorのアンカーハンドル対称操作

    度々の投稿失礼します。 Illustrator cs3を使っている者ですが、 左右対称のオブジェクトの編集が難しくつまずいています。 ポイントを対称移動するだけならshift選択でまとめて選択し移動・拡大できるのですが アンカーハンドルを右と左で揃えるのは至難です。 検索するとオブジェクトを半分に割って後に合成と書いてあったりするのですが、 僕はグラデーションメッシュなどを多用するので半分に割って…というのは 中々綺麗にきまりません。 アンカーハンドルの対称操作、又はハンドルの情報を対面に反転コピーできるような方法は無いでしょうか? 宜しくお願いします。

  • illustratorで立体的なボタン

    illustratorCS2を使用しております。photoshopにあるようなベベルやエンボス機能の表現を実現させたいのですが、ボタンのオンとオフの区分けがわかるようなカンジのものがベストです。 どこかにデフォルトでそのような機能がありますでしょうか? グラフィックスタイルのボタンを設定してみたのですが、いまいちでした。 メッシュもみためはいいんですが、ボタンを押した感をだすのが難しいです。 やはり、プラグインを別途購入するしかないのでしょうか? イラストレーターの機能内ですめばべストです。やり方があれば教えてください。 またなければどこかお勧めのプラグインを教えてください。 よろしくおねがいします。

  • イラストレーターで立体的なボタン

    イラストレーター10を使用しています。 下記のサイトの右の「全講座の一覧へ」「資料請求」のような ボタンを作るにはどうすれば良いでしょうか? 立体的なボタンの作り方が載っているサイトを 教えていただければ助かります。 よろしくお願いします。 http://www.u-can.co.jp/index.html

  • Illustratorで立体感のある影を作るには

    http://www.graphersrock.com/ こちらのサイトにあるworks>page-03>TOON LOGO の画像に立体感のある影があるのですが、この影を表現しようと思ったのですが、どうやっても表現できません。 ドロップシャドウや3Dの押し出し・ベベルで試してみたのですが、 文字の形の影で、浮き出ていて、下に行くほど真ん中に集まるような影の表現ができないのです。 どなたかアドバイス宜しくお願いします。

  • 光沢のあるボタンの作り方について

    光沢のあるボタンの作り方について デザインド素人です、Photoshop Elements7を使用しています。 ホームページのメインメニューなどにweb2.0風?(光沢のあるかっこいいやつ)の画像を作成したいのですが、ネットをみてもphotoshopを使用してるものしか見つからず、やってはみるもののElementsにはない機能がいつもでてきて、いつも途中で挫折してしまいます。 ネットでは色を指定したら自動で作成するものもありますが、後学のためにやはり自分で作ってみたいです。 作り方をご存知の方ご教授お願いします。もしくはElementsでも作成できるサイトのご紹介をお願いします。

  • イラストレーターで影をつけたいのすが。

    イラストレーターで影をつけたいのすが。 イラストレーターで影をつけるには、どのようにするときれいに影が出来るでしょうか。 ライブドアのロゴマークの横の丸いボール状の影が理想です。 イラストレーターCS2を愛用しています。 よろしくおねがいします。

  • 影で立体を表現できるでしょうか

    影で立体を表現できるでしょうか?例えば、影絵。ボールという球体に光をあてて影をつくりだします。影を見る人間は2Dの影としてボールは見えますが、3次元の球体として影を見ることはできません。これを3次元の球体として見せることはできるでしょうか?

  • 影付きボタン

    フォトショップで画像ボタンを作成したいのですが、 画像の左と上の方が光ったような感じで、 右と下の方に影がついた感じなのですが、 手順を教えていただけますでしょうか。 確か「フィルタ」の何らかのメニュから簡単にできたような 記憶があるのですが、忘れてしまいました。 よろしくお願いいたします。

  • イラストレーターで立体図を描きたい

    初歩的な質問ですみません。 当方イラストレーター憶えたてでよくわからないのですけど、この前イラストレーターで立体図を作成してる方がいました。(知り合いでない為聞けなかったんですけど)それは靴でしたけど、こういう立体的に描く(又は立体的に見せてるのかな)にはどんなコマンドを使用するんでしょうか?