ブログで稼ごう　ガリンペイロ

映りこみ画像（ミラー・反射画像）を使って、３Ｄイメージをバナーに使っているサイトをよく見かけます。
サイトを立体的に見せることで、視覚的にも心地よく注目されるサイトになるのでチャレンジしてみてください。
もちろん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でもなんとか出来ましたので、ようやく画像を変更しました。出来てしまえば簡単なことでしたが、正規な記載ではないと思いますので、参考にされる方はご注意ください。もし、他にいい方法があれば、是非教えてください。(笑)