カテゴリ「WEBデザイン」の記事一覧
ホーム > WEBデザイン
2007年08月20日
写真合成サイト MorphThing
よくテレビなどで、2人の写真を合成したものを作っていますが、MorphThingは、その合成写真が簡単に出来るサイトです。有名人や知人などどんどん合成してあげましょう。
大きめの写真で、髪の毛が顔にかかっていないもので作ったほうがいいようです。
もちろんこだわるならphotoshopなどでチャレンジしてみてください。
小池栄子 & 坂田亘 の合成を作ってみました。

藤原紀香 & 陣内智則 の合成
新規登録からはじめて5分ほどで完成。
結婚関係ネタとか、似たもの同士とか、もしも●●が遠山の金さんだったらとかいろいろ使えそうです。
倖田來未と中居正広はイマイチ収まりが悪いかな。
何となく辺見えみりに似ているか。

以下はサンプルです。

Colin Farrell と David Beckham
コリンファレルとベッカム、アンジェリーナジョリーとジェニファーアンダーソンのように元々似ていると収まりがいいですね。
ビンラディンやヒトラー、シュレック君、ブッシュ&ブレアなど笑えます。
それぞれの画像をクリックすると合成前の写真も確認できます。
photoshopなどで合成を極めるとこういう動物が生まれます。Photoshopped Animalsより
MorphThingの設定方法
続きを読む
2007年09月01日
WEB2.0風 バナーデザイン (今更カスタマイズ)
映りこみ画像(ミラー・反射画像)を使って、3Dイメージをバナーに使っているサイトをよく見かけます。


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


もちろんPhotoshopやGIMPなどで作るのもいいですが、最近はミラー画像を簡単に作成出来るサイトが沢山ありますので、是非ご利用ください。
http://kagami.bambino.jp/
使い方は至って簡単。
ページ下方の「おためし作成フォーム」から
画像URL、背景色、透明度、高さ、元画像と鏡面画像の距離を選んで「作成」ボタンをクリックします。
非常に簡単にできますね。
海外にも同様のサービスがあります。
http://creatr.cc/creatr/
http://cow.neondragon.net/stuff/reflection/
ダウンロードして使えるフリーウェアです。
http://web2.0stylr.com/
http://www.simwebsol.com/ImageTool/
当サイト用にPhotoshopでとりあえず画像は作ったのにずっと使っていませんでした。
というのも、背景画像の上に文字をテキストとして重ねて、しかも背景画像の一部にブログトップページへのリンクを張るのが面倒だったので、後回しにしたのです。
上のバナーを見てください。
「ブログで稼ごうガリンペイロ」の部分はトップページへのリンク
その下の「ブログ(blog)とアフィリエイトでお小遣いを・・・」は背景に重ねたテキスト
になっていますね。
JavaScriptを使えば出来るのでしょうが、CSSでもなんとか出来ましたので、ようやく画像を変更しました。出来てしまえば簡単なことでしたが、正規な記載ではないと思いますので、参考にされる方はご注意ください。もし、他にいい方法があれば、是非教えてください。(笑)
メルマガ、ホームページ、メールアンケート、アフィリエイト、懸賞メールなど様々な方法でインターネットで副収入を得る方法がありますが、今から始めるにはブログとアフィリエイトの組み合わせは最も効率的に稼ぐことが出来ます。私もブログをはじめて2ヶ月目には約2万円を得ることが出来、以前から作成しているホームページより売り上げ上昇が早いので、最近はブログ作りに集中しています。
では何故そんなに稼げるのか、そしてその方法を解説したいと思います。
はじめの一歩 ブログをはじめよう アフィリエイトをはじめよう ブログの機能を使おう 見栄えを良くしよう(html入門) 写真を掲載しよう リンクを使いこなそう
では何故そんなに稼げるのか、そしてその方法を解説したいと思います。
はじめの一歩 ブログをはじめよう アフィリエイトをはじめよう ブログの機能を使おう 見栄えを良くしよう(html入門) 写真を掲載しよう リンクを使いこなそう
月に1万円稼ぐアフィリエイターは実は少数派。売り上げが伸びない方、アクセスを伸ばしたい方は必ず読んで下さい。
Firefoxを使おう ブログをカスタマイズしよう ブログツールを使いこなそう 人気ブログを研究しよう アクセスアップ・SEOを考えよう ランキングサイトへ登録しましょう アフィリエイト的ブログサービスの選び方 アクセス解析を使おう 目的にあったブログを選ぼう
Firefoxを使おう ブログをカスタマイズしよう ブログツールを使いこなそう 人気ブログを研究しよう アクセスアップ・SEOを考えよう ランキングサイトへ登録しましょう アフィリエイト的ブログサービスの選び方 アクセス解析を使おう 目的にあったブログを選ぼう
月に5万円稼げるようになるとようやく一人前のアフィリエイターと言えるでしょう。最初の壁を越えるためのテクニックです。
独自ドメインを使おう 日本語ドメインを使おう Google サイトマップに対応させよう もっとアクセス解析
独自ドメインを使おう 日本語ドメインを使おう Google サイトマップに対応させよう もっとアクセス解析









