今までは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ランキング
-
After Effects タイムラインに...
-
バッチファイル内のコマンドプ...
-
HPのPCでサインイン処理に失敗
-
esimは1台の携帯電話に何個まで...
-
Firefox 完全にアンインストー...
-
firefox : ストリーミング、ダ...
-
ブラウザのアドレスバーのに表...
-
OUTLOOKで受信したメールがうま...
-
スマホのブラウザーでfirefoxと...
-
Thunderbirdのprofile移行がで...
-
アドオンを無効にするとは、ど...
-
サンダーバードメール移動しない
-
Operaの全設定を他のPCに移行...
-
Firefoxのブックマークのマウス...
-
firefoxショートカットキーの無...
-
emacs(linux)の起動ができない
-
Firefoxで動画が再生されません...
-
Google Chrome で訪問済みのリ...
-
firefoxにurlを打ち込むときにi...
-
仕事で使っているGmailがログイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
再生ソフトで下にバー(早送り...
-
firefoxをキオスクモードにする...
-
After Effects タイムラインに...
-
タイトルバーをクリックすると...
-
firefox2.0.0.3の検索バーの虫...
-
スマホのブラウザーでfirefoxと...
-
バッチファイル内のコマンドプ...
-
選択しているソフトの ウィンド...
-
Google Chrome で訪問済みのリ...
-
Firefoxの新ウィンドウのabout:...
-
仕事で使っているGmailがログイ...
-
メールのリンクをクリックする...
-
サンダーバードでリンクURLと違...
-
Thunderbirdのprofile移行がで...
-
至急 学校のiPadの監視について
-
Firefoxで動画が再生されません...
-
アドオンを無効にするとは、ど...
-
Android Virtual Device のハー...
-
Firefoxが複数立ち上がるのを解...
-
CSS の flexbox を display: no...
おすすめ情報