• ベストアンサー

アイコンの作り方

お世話になります。 致違いかもしれないのですが、お答えいただけると幸いです。 会社のホームページをリニューアルするのですが、 今のホームページではアイコン(リンクが張ってある)の上にマウスを持っていくと文字の色が変わり、 クリックするとそのリンク先へ行くようになっています。 前任者がフォトショップで作成したようなのですが、色を変わるようにする作り方がわかりません。 言葉足らずかもしれませんが、上記のような図の作成の仕方を教えていただけますか。 よろしくお願いします。

  • Flash
  • 回答数2
  • ありがとう数7

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

  • ベストアンサー
回答No.2

はじめまして、通りすがると申します。 大雑把では、ありますがイメージ的に、色が変わる前の画像と色が変わってるときの画像を 二つ作ります。 あとは、JS(java Script)でマウスイベントの(カーソルがボタンの上に来たらってって イベント)で二つの画像を切り替える仕組みになります。 なお、作成する画像の大きさ、文字の位置は寸分とも同じサイズおよび位置で作成してください。 この機能を作成することにより、色が変わるように見えます。

stormrush
質問者

お礼

ありがとうございます。 お礼が遅くなり失礼しました。 参考にさせていただきます。

その他の回答 (1)

  • hisajiro
  • ベストアンサー率37% (124/329)
回答No.1

お知りになりたいのは画像の作成方法ですか? それともタグの書き方でしょうか? タグの書き方と解釈しますと、 簡単な方法は <img src="画像1" onmouseover="this.src='画像2';" onmouseout="this.src='画像1';"> src=の画像1とonmouseout=の画像はマウスが乗っていない場合です。 画像2はマウスが当たった場合になります。

stormrush
質問者

お礼

ありがとうございます。 お礼が遅くなり失礼しました。 参考にさせていただきます。

関連するQ&A

  • webアイコンで、ぼやけない文字の作りかた。

    イラストレーター9(OS-WINDOWS)で、 ホームページのアイコンを制作してるのですが、 WEB用に(GIF、JPG)書き出しすると、 文字がぼやけたようになってしまいます。 小さなアイコンを作りたいので、文字がはっきりした アイコンをつくりたいです。 ドットで書かれたような、 (今表示されているこの文字みたいな) はっきりとした文字のアイコンは どうすれば作れるのでしょうか? 教えてください。 よろしくお願します。 (フォトショップ7も使用可能です。)

  • Web用のアイコン作成について

    アイコンの作成手順についてどなたかアドバイス下さい。(超初心者です) アイコンはほとんど作った経験がないのですが、今まではイラストレーターで形をつくって、着色し、その後フォトショップに持っていってGIF画像に書き出す、という作業をしていました。 今日WEBデザインに関する本を読んでいましたら、イラストレータですべてのアイコンやロゴを黒色で同一ファイルに一気に全部つくり、その後フォトショップで着色、ImageReadyでファイルを開いて切り出す、と解説されていました。 今まで1つずつアイコンを作っていた私には目からウロコで、確かにこの本の手順でやるとかなり効率よくアイコンやロゴが作れるなーと思いました。 しかしここで疑問が2つ出てきました。 まず本には「着色はフォトショップで」とあるのですが(もしかしたら特にそうしなくてもいいのかもしれませんが)、イラストレータであらかじめ色をつけるのと、フォトショップでファイルを開いてから色をつけるのとでは何か違いがあるのでしょうか? 今まで何気にイラストレータで色付けをしていたので何だか気になってしまいます。 そして2つ目の疑問ですが、まとめて1つのファイルの中に作った複数のアイコンなどをImageReadyで1つ1つ切り出すとは具体的にいったいどのようにしたら良いのでしょうか? 初歩的な質問かもしれませんが、どなたか教えて下さい。 どうぞ宜しくお願いします。

  • IEのショートカットアイコンから特定のサイトを開きたいのですが

    インターネットエクスプローラのショートカットをデスクトップに作成して、このアイコンをクリックしてあるサイトを開くことが出来るようにしたいのですが、実際にショートカットを作りプロパティを見ると、リンク先が灰色の文字で変更することが出来ません。 どうすればリンク先を指定できるショートカットを作ることが出来るのですか?

  • フォトショップ5.0でアイコンを作っています。

    フォトショップ5.0でフォルダアイコンを作っているのですが、 どうしても背景が透過しません。 ホームページ素材としてWEBにアップすると透過されているのですが、 デスクトップにフォルダアイコンとして置くと透過されないのです。 (情報を見るでコピーする方法をとると 透過させたくて流し込んだ背景色もやはり四角く表示されてしまうんです。) フォトショップでの透過方法はチャンネルの透過マスクをかけてます。 色々調べてみたのですが、わかりません。 もしかしたら、ホームページ素材には可でも デスクトップアイコンの背景の透過には フォトショップは有効ではないのでしょうか? どなたかわかる方教えてください。

    • ベストアンサー
    • Mac
  • デスクトップのアイコンを作成したい

    デスクトップに貼り付けるアイコンを作成したいのですが、フォトショップなんかでbmfで作っていますが、アイコンで作りたいのです。 御存知方お教え下さい、よろしくお願いします。

  • アイコンへのドラッグ&ドロップができません。

    いつもお世話になっています。 フォトショップ6のエイリアスアイコンをボタンにして使っています。 フォトショップ6をインストールし直してから、クイックタイムの絵のjpgアイコンをドラッグ&ドロップしてもフォトショップが起動しません。 アイコンの上に乗せた時に通常はアイコンの色が反転すると思うのですが、反転すらしません。 フォトショップ自体はふつうに動いており、「ファイル」→「開く」から開けば反応します。 epsのデータにはちゃんと反応します。 何かの設定でしょうか? インストールの状態が悪かったのでしょうか 解決方法をおしえてください よろしくお願い致します

  • アイコンを上手に作る

    HPを作っていて、アイコンや変わり文字を入れたいのですがjpgファイルで作ると 文字がにじんでしまいます。 ソフトはあまり持っておらず、知識もあまりないのですが綺麗に作れる方法を教えてください。 文字はilluststudio1.0で打って、jpg画像にしています。 予算の都合上フォトショップなど有名どころは買えないです。 隷書などの特殊な文字をきれいに打ち出せないか悩んでいます。

  • ページを開いているときのリンクの文字色を変えたい

    パソコン初心者です。 ソフトを使わず、メモ帳で入力してホームページを作成しています。 リンクの文字で、通常は黒、マウスを乗せたとき白に変わり、クリックしてページを開いたときにも白(どのページにいるのかわかるように)としたいのですが、うまくいきません。 スタイルシートで、マウスを乗せたときのa:hoverを#ffffffと設定し、選択したときのa:activeを#ffffffと設定しています。 マウスを乗せたときには白く変わるのですが、クリックしてページを開いても、リンクの文字の色は黒のままです。 これを白に変えるにはどうすればいいのでしょうか? どなたかアドバイスよろしくお願いします。

    • ベストアンサー
    • HTML
  • フォトショップのアイコンがミニに(泣)

    フォトショップの6.0が入っているのに 5.5もあるので、5.5の方をアプリケーションの 追加と削除で削除しました。 その後、jpgファイルのアイコンが フォトショップのアイコンが小さくなって 白いアイコンスペースに入っているという (うまく説明できないのですが・・・) 状態になってしまいました。 右クリック+シフトで、 アプリケーションから開くで設定しても、 そのままです…。 一応、クリックするとフォトショップで 開くのですが、なんか気味が悪くて・・・。 一端IEに関連づけして元に戻しても 同じ状態です。再起動しても同じなのです。 どうしたら元に戻るのでしょうか。 教えて下さい。よろしくお願いします。

  • アイコン作成

    こんにちは! アイコン画像 .ico を作成することになりました。 フォトショップかイラストレーターで直接保存できればうれしいのですが、そんなことできるのでしょうか? 過去の質問を調べていて、「エレメンツでアイコンを作る」というようなことを書かれていたので、もしやと思い質問させていただきました。 ご存知の方、どうかご教示ください。よろしくお願いいたします。

専門家に質問してみよう