![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
今までは1コづつ単体でボタンを作り(イラストレーターで)ホームページビルダーに貼り付けてリンクを挿入してホームページを作成していましたが、ボタンを単体ではなくナビゲーションバーに作り変えたいのです。作業工程を教えてください。
ナビゲーションバーってもしかして素材を同じ色・大きさで作って並べてるだけ?
素材作成ソフトはフォトショップかイラストレーターです。そしてImage Readyも必要でしょうか?使ったことないですが、あります。
オンマウスでロールオーバーさせたりしたら分りやすい見だしになる
と思うのですが・・・Image Readyで出来るのですか???
はてなマークばかりですいませんっ
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
PhotoshopとImageReadyを連携させて、メニューバーや画像などいっぺんに作って、一つの大きな画像を、ImageReadyでスライス(分割)して、それぞれにロールオーバーなどの動きを作り、書き出す(保存する)と、分割された複数の画像とロールオーバーなど用の画像ができます。
HTMLを同時に作成することもできますので、私の場合は、Deamweaverにコピペして、ロールオーバーのスクリプトなどを設定し直しています。ありがとうございます。
Photoshopで作ってImageReadyに貼り付け効果を付けていくのですね。
実はまだまだ初心者でして、最近ようやくPhotoshopって画像の加工だけでないんだと気付いたレベルなのです。
今回初めてシェイプでボタンを作って並べてナビゲーションバーにしてみようと思い立ちまて・・・
ImageReady開いてみました。
Photoshopで作った素材を貼り付けて色々やってみてだめで閉じてしまいました・・・スライスの意味すら分らないので勉強します。
目標はImageReadyを使用してよりアクティブなページを作れるようになる事です!ありがとうございました。
No.2
- 回答日時:
> 並べてるだけ?
そうです。
|項目1|項目2|……
と並べているだけです。
統一感出したいなら文字を入れないボタンを一つ作って、
それをコピーして文字入れればいいです。
ロールオーバーの作り方は検索すれば、解説(図解)しているページがいくらでも見つかるから、それを参考に。
ここで言葉だけで説明するよりその方が判りやすいでしょう。
http://www.google.co.jp/search?hl=ja&q=ImageRead …
ありがとうございます。
適当にボタン作って並べてみました。
出来ました。
ボタンに影とかつけると若干背景がお邪魔するので今後の課題です。
初心者なのでコピペも画面睨み付けて場所狂わないように必死です。
(同じ場所でテキスト作らなきゃロールオーバーがずれるって思い・・・)
頑張りたいです。
ありがとうございました。
No.1
- 回答日時:
私もホームページを作っていて、ナビゲーションバーを付けています。
…が、ナビゲーションバーって呼ぶ程の代物ではないです。(笑)
>ナビゲーションバーってもしかして素材を同じ色・大きさで作って並べてるだけ?
私はそうですね。(笑)
他に作り方が思いつかなかったので、そうしてます。
正式な作り方があるのかは知りませんが、これで困った事とかはないですよ。
ありがとうございます。
性格上少しづついろんなものかじっている次第で・・・どれも中途半端で今回も突如ナビゲーションバーが気になりまして、自分のページにも取り入れようと必死です。
そして質問させていただいたとおり同じ素材を並べる手法でナビゲーションバー完成しました!
ロールオーバーボタンもテキスト色と背景変えて作って動かしてみたらうまくいっちゃいました。うれPです!!!
きっと複雑なロールオーバー(ポップアップメニューとか)になるとImage Readyでスライス使って・・・ということになっていくんだと勝手に結論付けています。
念願のナビゲーションバーデビューです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- その他(データベース) pythonでsqlight勉強中、クエリー結果の利用法教えて下さい 1 2022/04/28 20:38
- PDF いきなりPDFで文書の切り取り 3 2022/10/29 13:25
- 父親・母親 夫の質問に対する答えがわかりません 12 2022/09/01 15:00
- 画像編集・動画編集・音楽編集 A1サイズで画像作成(300枚以上の写真を並べたいです) 1 2023/08/03 12:18
- デスクトップパソコン google chrome、イラストレーター、フォトショップの同時作業におすすめのPC構成 1 2022/10/19 14:23
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- その他(Microsoft Office) windows10で作業を終了する際の「保存しますか はい いいえ」を表示させずに自動で保存する方法 6 2023/03/15 11:29
- Excel(エクセル) エクセルの大きなシートでグラフを見つける 4 2022/07/28 10:07
- その他(芸術・クラフト) こちらのトレス素材のイラストレーターさんが、どなたかわかる方教えてください!!! 作成者 作者 2人 1 2022/12/02 15:34
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
友達にドッキリをしたくて、ホ...
-
ビルドとリビルドの違いを教え...
-
ホームページを作りたいのです...
-
ゲームを作ったのでホームペー...
-
ホームページの画面文字を濃く...
-
XREA使用で作成したHTMLファイ...
-
秀丸に関して教えて下さい。
-
ホームページビルダーを複数の...
-
FFFTPでサーバに新規フォルダが...
-
ホームへーじ作り
-
他人のホームページ(一部)を...
-
広告無しのホームページ作りた...
-
vtuverになりたいのです。 しか...
-
ネットについて質問です。 ホー...
-
メールフォーム設置の文字化け...
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
再生ソフトで下にバー(早送り...
-
ナビゲーションバーの作り方に...
-
After Effects タイムラインに...
-
タイトルバーをクリックすると...
-
火狐のアドオン
-
HPが長くなって下にあるスライ...
-
FireFoxロケーションバーで終わ...
-
firefoxをキオスクモードにする...
-
Firefox26.0で、ボタンが消える
-
firefox 11.0 64bit のキャッシュ
-
Photoshop6の絵の全体ナビ(図説有)
-
firefox2.0.0.3の検索バーの虫...
-
バッチファイル内のコマンドプ...
-
Google Chrome で訪問済みのリ...
-
Firefoxが複数立ち上がるのを解...
-
jpeg/sRGBをRGBに変換すること...
-
Firefoxクラッシュ頻発
-
サンダーバードでリンクURLと違...
-
Firefoxで動画が再生されません...
-
CSS の flexbox を display: no...
おすすめ情報