このサイトで使っているグラフィックソフトと作成方法は?

このQ&Aのポイント
  • この記事では、グラフィックソフトとして使用されているソフトウェアと、作成方法について詳しく紹介します。
  • 具体的な問題として、メニューボタンの作り方、メニュの下の波を打っている画像の作り方、コメントを囲んでいる枠の作り方について解説します。
  • この記事を通じて、グラフィック技術に興味がある方々に役立つ情報を提供し、ソフトウェアの選択や作成方法に迷っている方々をサポートします。
回答を見る
  • ベストアンサー

このサイトで使っているグラフィックソフトと作成方法は?

下記のサイトのグラフィック技術を習得したいのですが、 作成できない部分があるので、教えてください。 サイト http://www.age-nt.jp/whatisage/whatisage.html 問題は次の3つです。 (1)「メニューボタンのグラフィックの作り方」 メニューボタンはマウスオーバーした際に、青色に変わります。 このボタンは、2つの図形を組み合わせているようですが、 下の図形の絶妙な青色の散らばりは、どう作るのでしょうか。 (2)「メニュの下の波を打っている画像の作り方」 マウスをあてると、 「フラッシュイメージ」と出る画像です。 (3)「コメントを囲んでいる枠の作り方」 単一で作った画像をCSSで連結させているようです。 http://www.age-nt.jp/formatimages/info-background.gif しかし、この画像をillustratorで作ろうとしても、 段階的に色を変えた図形を上手く結合できませんでした。 詳しい方、本当にお手数ですが、 どうしてもこの技術を習得したいのです。 それぞれの問題に対して、 (1)作成できるソフトと、 (2)作成の方法を、 わかる範囲で構いませんので、できる限り教えてください。 なお、現在私が所有しているソフトは、 illustrator、photoshop、fireworks、flashですが、 未熟な部分もあり、再現ができませんでした。 どうか宜しくお願い致します。

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

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

基本的にこのような表現はPhotoshopやFireworksが得意です。 絶妙な青色の散らばりの表現はPhotoshopのレイヤースタイルで 光彩・ベベルエンボス・グラデーションオーバレイ・カラーオーバレイなどを組み合わせて表現します。 言葉が違うけど参考になるかな? http://www.imasters.com.br/artigo/3417/fireworks/fireworks_aqua/

miraikuru
質問者

お礼

fivetecさん なるほど、Photshiop系統ですか。 教えて頂いたサイトを参考にしてみます。 (2)「メニュの下の波を打っている画像の作り方」 の波の表現の仕方など、現在の技術では無理ですが、 fivetecさんのおっしゃる組み合わせを勉強させて頂きます。 アドバイスありがとうございました。

その他の回答 (1)

回答No.1

>サイト http://www.age-nt.jp/whatisage/whatisage.html グラフィック技術って、どのことですか?

miraikuru
質問者

補足

FUURINKAASANさん コメントありがとうございます。 http://www.age-nt.jp/whatisage/whatisage.html 上記サイトの、 メニューバー下の波形の画像の技術です。 「What is age  AGEとは」 と書かれており、 マウスをあてると、「フラッシュイメージ」と出る長方形の画像です。 グラフィック技術というか、作成テクニックですね。 もしご存じでしたら、アドバイスお願いいたします。

関連するQ&A

  • このページの作成は難しことなのか 作成費用は?

    http://www.stickerlabo.com/editor/のような FLASHで作成するのは かなりむずかしいことなのでしょうか illustrator photshopは ある程度使用できるのですが FLASHは 使用したことがありませんこのようなページを作製できる技術の習得はかなり困難なのでしょうか FLASHの習得方法や勉強法など ありましたら 教えてください また上記のページをFLASH作成で制作会社に作成をお願いすると どれくらいの金額を費やすのでしょうか教えてください 

  • flashのメニュー作成について

    FLASHでの作成になると思うのですが、メニュー(画像)にマウス、(マウスオーバー)を置くと、そのメニューについてちょっとした説明書きが出てきて、そのメニューをクリックするとリンク先のページへとぶようにする方法を勉強したいのですが、参考サイトなどがもしありましたら教えてくださいませんでしょうか。

  • イラストレーターCS グラフィックスタイルのアイテムの編集

    教えてください。 イラストレーターCSで、ホームページで使う格好いいボタンを作ろうと、 四角の図形にグラフィックスタイルを適用し1ヶは出来たのですが、 グラデーションの色合いだけ他の色に変更して別のコピーボタンを作りたい場合、 どうすればいいのでしょうか? 自分で作ったグラデーションなら、それを登録して、同じコピーボタンを作り、 色合いを変更することは可能です。 グラフィックスタイルの内容は編集できないのでしょうか? どなたかご存知でしたら、教えてください。

  • DVDStyler、リモコンのカーソルが機能しない

    【メニュー1】に画像を入れて「menu」ボタンを付け、【メニュー2】に「オープニング」「サムネイル画像のボタン(5つ)」「エンディング」「TOP」のボタンを作成しました。 下記が【メニュー2】の配置図です。 オープニング (1)● (2)● (3)● (4)● (5)● エンディング、TOP (●はサムネイル画像) その後、そのままDVDに書き込んだのですが、途中で失敗(確かDVD書き込みの表示で)したので、ISOイメージファイルを作成してから「ImgBurn」で書き込みました。 DVDレコーダーでの再生も確認できたのですが、【メニュー2】が画面に出て(1)(選択時の色は青)からリモコンのカーソルボタン(→)を押しても、(2)が青になりません。 ちなみに、(1)からカーソルを↓にすれば(4)が青になります。 その他、エンディングからカーソル(←)でも(5)が青にならず、カーソル(↑)で(3)が青になります。 カーソル移動だけでも結構面倒です。 選択時の色も確認しましたが、全て青になっています。 【メニュー2】は、サムネイル画像ボタン(1)(2)(3)(4)(5)、オープニング、エンディング、TOPの順で作成しました。 パソコンで再生するときは、マウスを使うので問題ないのですが・・・。 何が原因かお分かりになる方いましたら教えてください。 あと、ISOファイルを作成した後、取り込んだ「VIDEO_TS」は削除しても大丈夫でしょうか? すみませんが、こちらもお願いします。

  • PCでのグラフィック制作について

    【グラフィック制作】透明処理の効果の付け方について質問です。 画像のワンピースの柄を再現したものを作りたいと思っています。 そこでこの三角形が透けて重なり合った柄をイラストレーターを使って作ってみようとしたところ、なかなか思うようにいかず質問させていただきました。 画像のグラフィックのオブジェクト同士が重なり合っている部分の色を忠実に再現したいのですが・・・ ちなみに今まで自分でやってみた段階では、 ・Adobe イラストレーターCS3にて作成 ・個々のオブジェクトの透明度を調節(70%) ・グループを選択して透明パレットから「差の絶対値」を選択 近いニュアンスにはなるのですが重なり合っている部分の色味が本物とは違う色になってしまいます。 例)グリーンの上にピンクを重ねた部分…本物→青 自分で作ったもの→緑 どう設定したら本物に近くできるでしょうか? 使用ソフトはAiでなくても構いません。 拙い説明で申し訳ありませんが、どうぞよろしくお願いします。

  • メニューの作成について

    毎度お世話になっております。 http://www2.waldmann.com/WGAPublisher/wltde/html/default/BNEN-5Y4999.EN.0 上記のページの上のメニュー(青と灰の混じったような色のバー) のようなメニューを作成するのはビルダーよりも ドリームウェーバーの方が好ましいのでしょうか? (別にポップアップメッセージは必要ありません。 もしポップアップを出す場合はドリームウェーバーになりますよね?) またリンクを貼ってあるのはテキストでしょうか? ボタンなのでしょうか? このバーはやはり画像なのでしょうか? 画像の場合、サイズ等が決められてくるはずですが このバーはブラウザがどんなに大きくても際限なく 伸びているように思われます。 画像であればその辺りの設定はどうなっているのでしょうか? また、イラストレーターで作るよりも ファイアーワークスで作る方が良いのでしょうか? 逆に画像でない場合は、htmlなどのコードなのでしょうか? 当方何回かこういった感じの構成のページを目指したのですが どうしても解らずボタンを作ってごまかすことが多いのです。 おわかりでしたら、教えていただけるとありがたいです。

  • HTML オンマウスじゃなくてフォーカスでイベント発生させる方法

    こんにちは。よろしくお願いします。 HTMLとPHPを使って携帯サイトを初めて作成しています。 メニュー(ボタン風の画像)にマウスが乗ると、 そのメニューについての説明書き画像が隣に出現するという メニュー画面を作成したのですが、 携帯電話から見てみるとマウスが無いので機能しません。 オンマウスでは無くて、フォーカスでこの説明書き画像が出せれば 携帯電話でも機能するのかな~と考えているのですが、 フォーカスだけで画像を出す(画像を代える)処理が出来るでしょうか? また、それは携帯電話で実現可能でしょうか? または、そもそも私のやっていることはもしかしておかしいですか? こういうのはflashとか使えないと作れるような機能では無いのでしょうか? アドバイスよろしくお願いします!

  • PhotoShopなどのグラフィックソフトのしくみ

    基本的な質問でごめんなさい! イラストレーターさんのHPをみると、 まるで紙にペンで書いたもののようにきれいな 自作画像がたくさんあって、それは フォトショップなどのソフトで作るということ なのですが、どういうふうに作るしくみなのでしょうか?? わたしの想像力では、ペン型のマウスが同梱されて いるのかなということしか思い付きません。。。 いろいろ調べてみたのですが、なかなかこれという情報がみつからなかったので、簡単な作業の流れを教えていただけるとうれしいです。 それと、もし今購入するなら、どのグラフィックソフトがおすすめでしょうか。そちらももしよかったら教えてください*よろしくおねがいします。

  • Webデザインで使うグラフィックソフトてどれを使えばいいですか?

    Webデザイン初心者です。 Webのアイコンやボタンなどの画像を作ろうと思ってるのですが、 どのグラフィックソフトが最適なのでしょうか? 今、photoshop、illustrator、ImageReadyが手元にあります。 一応、自分的にぐぐって調べてみたのですがFireWorksが良いとか 書いてましたが一番いいのはそれなのでしょうか?? 自分的にはCSS SPRITE用の画像や、ロールオーバー用の画像を 作りたいのですが。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • FLASHで作成したボタンのマウスを外した時の動作

    FLASHでボタンを作成するとマウスをオンしたときにはアニメーションが指定できますが、 その逆をしたいです。 (マウスをボタンから外した時に色がフェードアウトするような。) どのようにしたらできるでしょうか? よろしくお願いします。