• ベストアンサー

グローバルメニュー画像の作り方

よく1枚の画像で二段重ねになっているグローバルメニュー(水平タイプ)を作ってあるのを見かけますが、あの画像の作り方を詳しく教えて頂けませんでしょうか? 若しくは、詳細な説明があるサイト等・・・。 単純に画像作成のノウハウが無いだけなのかも知れませんが・・・ フォトショップは持っていません。 ウェブアートデザイナーかGIMP等のフリーソフトでお願いしたいです。 宜しくお願い致します。

  • bb1234
  • お礼率97% (131/135)

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

#1,2です。 ここで図解は出来ないのでサンプルを作りました。 今回はペイントではなくGIMPです。参考になれば。 http://cgi43.plala.or.jp/zaq_501/sample/a.html

bb1234
質問者

お礼

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

その他の回答 (2)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

#1です。 これならペイントでも作れそうな気もしますが、 GIMPだと白地にテキスト書いてレイヤーを複製→階調(か明度)を反転。 各テキストを任意の色で塗りつぶし→全部選択してコピー→元レイヤー選択してキャンバスサイズを縦だけ倍にしてレイヤーをキャンバスサイズに合わせる→貼り付け→位置調整。 みたいな感じでしょうか。 テキストや色、全体のデザインなどはお好みで。 テキストとかはガイドを使うと位置調整がやりやすいです。 色を反転しないでテキスト色だけ変えても良いでしょうね。

bb1234
質問者

お礼

ありがとうございます。 ペイントのようなソフトでも作れるわけですね!? 差し支えなければ、図解を混じえてご説明頂ければありがたいのですが・・・・。 何せ自ら画像作成をしたことが無くて・・・。 ともかく、ありがとうございます。

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

「1枚の画像で二段重ね」 イメージがいまいちつかめません。 「例えばこんな感じ」みたいな模擬になるようなサイト挙げてくれませんか?

bb1234
質問者

お礼

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

bb1234
質問者

補足

すみません、言葉足らずで・・・・。 例えばですが、こちらのサイト・・・。 「http://jewely.qee.jp/wordpress-3.0.1-ja/wordpress/?page_id=954」の「cssでグローバルメニューを作る」という項目欄にあるようなものです。 宜しくお願いします。

関連するQ&A

  • 画像加工ソフトについて。

    ホームページを作るにあたりソフトは使用せず、 タグ入力で作っています。 …が、 流石に画像(写真)の加工に関しては、 ホームページビルダーに附属している”ウェブアートデザイナー”に頼っています。 しかしながら、 このウェブアートデザイナーなるソフトですと、 機能的にも弱く、思った通りの事が出来ません。  ※特に、画像のぼかし具合のレベルが低く、   背景と画像をとけ込ませようとしても出来ません。 高機能は望んではいないのですが、 ある程度の機能を持った画像加工ソフトは、何が良いのでしょうか? フリーでも市販の物でも構わないのですが、 使い易いソフトは何がイイでしょうか? フォトショップは全く使いこなせず断念しました。(T.T) よろしく御願い致します。m(__)m

  • 簡単な画像処理ソフト(無料)を探しています。

    簡単な画像処理ソフト(無料)を探しています。 画像の簡単な加工・合成、バナー作成や、フォトレタッチ(色調補正・ぼかしetc.)をしたいと考えています。 今まで、Adobe PhotoDeluxe for ファミリー 4.0、Adobe Photoshop Elements、ウェブアートデザイナー(ホームページビルダー7付属)と使い、今はGIMP2.6.6を使っているのですが… 何とか慣れたのはウェブアートデザイナーくらいで、フォトショエレメンツやGIMPのレイヤーがまるで使いこなせません 。 でも、有料ソフトや何かに付属のソフトではなく、無料でどこでも入手できるものを使えるようになりたいです。 初心者ならこれをマスターすべき!というような、おすすめの無料ソフトがありましたら教えて下さい。

  • ホームページビルダー10でGIF画像

    ホームページビルダー10でGIF画像のバナーを作ろうとおもい、あらかじめフォトショップでつくったGIF画像(バナー本体)に付属のウェブアートデザイナーで読み込ませ、文字を入れて完成させたところ、 バナー本体の背景が透けてみえるはずがベタ塗りになってしまいます。 保存の際に、スポイドみたいなもので、色を選んであげると透過するのですが、透過率が100%になってしまいます。 やりたいことというのは あらかじめフォトショップでつくったバナー本体(不透明度30%)をウェブアートデザイナーで読み込ませ、文字をいれ、そのままバックの色は不透明なままで保存したいのですが、いい方法はないでしょうか? よろしくご教授お願いします。

  • WEBアートデザイナーのような画像編集ソフト

    ホームページビルダーに付属している画像編集ソフト「WEBアートデザイナー」を使っているのですが、バージョンが旧く、WINDOWS7ではうまく動作しません。レジストリをいじって再起動かけると動きますが、使う度に再起動が必要になるので参ってます。 他の画像編集ソフトをいろいろ試してみたのですが、どれも、使い勝手が良くなくて、結局はまたWEBアートデザイナーを使うようになります。 試したソフトはGimpやPicasaです。おそらく、PhotoShopやFireWorksも同じようなものだと思うのですが、ほかにWEBアートデザイナーのようなソフトはないでしょうか? なければ、ホームページビルダーは使わないですが、そのためだけに最新版を手に入れることも考えたいです。

  • gif画像の色を変えたい

    gif形式で保存した画像(現在、単色・黒1色)の色を変え、他の色の単色(たとえばブルー一色など)にしたいのですが、やり方がわかりません。手持ちのソフトのヘルプもあたってみましたが、うまく探せなかったり、思うようにならなかったりしています。 グラフィック系のソフトとして、手元にフォトショップエレメンツ、windowsに付属のペイント、HPビルダー8(付属のウェブアートデザイナー)があります。できればこれらのうちのどれかを使ってやりたいです。または、フリーソフトなどご紹介ください。ちなみにOSはWinMeです。 慣れた方にとっては簡単なことだと思います。どなたか教えてください。よろしくお願いします。

  • 画像からロゴだけを切り取って使いたい。

    やりたいことは、お店の看板を撮った画像やロゴの入った封筒などをスキャンしたものから、ロゴだけをそのまま使用して、バナーみたいなものを作りたいのですが、いい方法がよくわかりません。 こちらのサイトなどでも色々検索してみて、やってみたことは、フォトショップ6でその画像を開き→色はRGB、背景のレイヤーを0にする→自動選択ツールか色域指定で透明にしたい部分を選択し、Deleteで削除→web用に保存をして、Gifを選択・透明部分にチェックを入れて保存。 この保存したものを、イラストレーターかウェブアートデザイナーで作った背景にかぶせる。 という風にすると、背景は透明になっているのですが、ロゴの周りに白くギザギザしたものがあってみにくいのです。 フォトショップやイラストレーターはほんとに初心者なので、どうすればいいかまったくわからず質問させて頂きました。 やはり初心者のできるレベルでは、ないのでしょうか・・・? 持っているソフトは、フォトショップ6とイラストレーター10などです。 質問もわかりにくいかもしれませんが、どうぞ宜しくお願いします。

  • 画像の横にメニューボタンを並べたい

    企業HPなどでロゴ画像のすぐ横にメニューボタンが綺麗に並んでいるヘッダースタイルをよく見かけますが、どう設定すれば画像とテキストを水平線上に並べられますか? web初心者ゆえ参考サイト等色々調べて見よう見まねでやってみたのですが、横には並ぶものの画像の下部、下揃えにテキストが並んでしまいうまくいきません。 画像の中心部から横1列にしたいのですが… テーブルをはめ込めばよいのでしょうか? また、ウィンドウを縮めると連動してテキストが勝手に動いて段分かれしてしまうのも気になるのでこの問題も宜しければ教えて頂けないでしょうか。 何卒宜しくお願いします。

    • ベストアンサー
    • CSS
  • フリーの画像ソフト

    現在、ホームページビルダーに入っている、ウェブアートデザイナーを使っています。なかなか使えるソフトなのですが、画像の透明化にグラデーションをかけるなどの加工はできません。(フィルタリングで0%→100%のように) フリーで透明化のグラデーションをかけた画像が作成できるソフトはありませんでしょうか?

  • photoshopで作った画像をwebアートデザイナーへ・・・

    photoshopで作った画像をwebアートデザイナーへ移行するにはどうすればよいのでしょうか??photoshopで保存した画像がwebアートデザイナーから開けません・・・。どうかパソコン初心者の僕に教えてください。

  • アイコン(拡張子.ico)で保存するのは?

    アイコンを作りたいのですが、フォトショップやウェブアートデザイナーなどのシェアウェアでは作れないですか? またどういったソフトで作るか教えてください。

専門家に質問してみよう