2007年09月01日

WEB2.0風 バナーデザイン (今更カスタマイズ)

映りこみ画像(ミラー・反射画像)を使って、3Dイメージをバナーに使っているサイトをよく見かけます。
gar_web20.png
goldbars00.png
サイトを立体的に見せることで、視覚的にも心地よく注目されるサイトになるのでチャレンジしてみてください。
もちろんPhotoshopやGIMPなどで作るのもいいですが、最近はミラー画像を簡単に作成出来るサイトが沢山ありますので、是非ご利用ください。

Kagami - Web2.0風 映りこみ(反射)画像API - Bambino Labs
http://kagami.bambino.jp/


使い方は至って簡単。
ページ下方の「おためし作成フォーム」から
画像URL、背景色、透明度、高さ、元画像と鏡面画像の距離を選んで「作成」ボタンをクリックします。
非常に簡単にできますね。

海外にも同様のサービスがあります。
Web2.0 - Logo Creatr
http://creatr.cc/creatr/


Reflection.js
http://cow.neondragon.net/stuff/reflection/

ダウンロードして使えるフリーウェアです。

Logo Maker : Web 2.0 Stylr
http://web2.0stylr.com/


Web 2.0 Free Logo Generator
http://www.simwebsol.com/ImageTool/



当サイト用にPhotoshopでとりあえず画像は作ったのにずっと使っていませんでした。
というのも、背景画像の上に文字をテキストとして重ねて、しかも背景画像の一部にブログトップページへのリンクを張るのが面倒だったので、後回しにしたのです。
上のバナーを見てください。
「ブログで稼ごうガリンペイロ」の部分はトップページへのリンク
その下の「ブログ(blog)とアフィリエイトでお小遣いを・・・」は背景に重ねたテキスト
になっていますね。

JavaScriptを使えば出来るのでしょうが、CSSでもなんとか出来ましたので、ようやく画像を変更しました。出来てしまえば簡単なことでしたが、正規な記載ではないと思いますので、参考にされる方はご注意ください。もし、他にいい方法があれば、是非教えてください。(笑)




posted by がりんぺいろ Edit | Comment(0) | WEBデザイン
ブックマークに追加する

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
メルマガ、ホームページ、メールアンケート、アフィリエイト、懸賞メールなど様々な方法でインターネットで副収入を得る方法がありますが、今から始めるにはブログとアフィリエイトの組み合わせは最も効率的に稼ぐことが出来ます。私もブログをはじめて2ヶ月目には約2万円を得ることが出来、以前から作成しているホームページより売り上げ上昇が早いので、最近はブログ作りに集中しています。
では何故そんなに稼げるのか、そしてその方法を解説したいと思います。
はじめの一歩  ブログをはじめよう  アフィリエイトをはじめよう  ブログの機能を使おう 見栄えを良くしよう(html入門) 写真を掲載しよう リンクを使いこなそう
月に1万円稼ぐアフィリエイターは実は少数派。売り上げが伸びない方、アクセスを伸ばしたい方は必ず読んで下さい。
Firefoxを使おう ブログをカスタマイズしよう ブログツールを使いこなそう 人気ブログを研究しよう アクセスアップ・SEOを考えよう ランキングサイトへ登録しましょう アフィリエイト的ブログサービスの選び方 アクセス解析を使おう 目的にあったブログを選ぼう
月に5万円稼げるようになるとようやく一人前のアフィリエイターと言えるでしょう。最初の壁を越えるためのテクニックです。
独自ドメインを使おう 日本語ドメインを使おう Google サイトマップに対応させよう もっとアクセス解析



×

この広告は1年以上新しい記事の投稿がないブログに表示されております。