Thu
10
Mar
2011
昔のメインタイトロゴを復元したくなり、ロゴとバナーを作ってみました。以前、わざわざフラッシュで作成しましたが、今回はオフィスワードのワードアートとフリーソフトのレタッチソフト(JTrim)のみでお手軽に作ってみました。昔作成したロゴのフォントなどはすっかり忘れていたのですが、今はほんとに便利でフォントを画像から検索してくれるサービス
My Font : WhatTheFont
というサイトもあり、これを使って無事にフォントも探り当てることが出来ました。
ただ単なる画像ロゴでは寂しいため、アマゾンなどでよくあるマウスオンとなると画像が変わる(ロールオーバーというらしい)効果を探ってみました。昔はわざわざフラッシュやGIFアニメなど懐かしい手法を使っていましたが、現在はCSSやJAVAで簡単にできてしまうようです。今回使わせていただいた手法はJAVAスクリプトで実現できる下記サイトの内容です。
TAG index : ポイント時に画像を切りかえる(1)
CSSデザインサンプル : CSSで指定するロールオーバー(1)|上級CSSレイアウト講座
コメントはお気軽にどうぞ