2006/06/24(土)

モノクロがカラーに見える錯覚画像の作り方 このエントリをはてなブックマークに追加 

Filed under: 雑記 — KAY @ 12:28:25

まずはこちらを。
モノクロがカラーに見える錯覚画像

なんか、最初に見たとき「簡単に画像作れそうだなー」と思ってたんですが、作り方を解説したページもあるみたいですね。

http://www.johnsadowski.com/color_illusion_tutorial.html

……英語やん。
KAYさん英語ダメなんですよね。でもなんとなくフィーリングで読みました。
で、せっかくだから日本語でチュートリアル。photoshopを想定して解説しますが、まあ同じ事が出来るなら別のソフトでも全然おk。

  1. まず、元となる画像を読み込んでレイヤをコピー。
  2. 下のレイヤを選択して「イメージ」→「色調補正」→「彩度を下げる」
  3. 上のレイヤを選択して「編集」→「塗りつぶし」
  4. 「塗りつぶし」のダイアログでは、使用色が「50%グレー」、描画モードが「輝度」、不透明度が「100%」
  5. 上のレイヤを選択した状態で「イメージ」→「色調補正」→「階調の反転」
  6. 「ビュー」→「定規」および「スナップ」および「スナップ先」→「ガイド」にチェックを入れる。
  7. 定規からドラッグして画像の中心にガイドを入れる。(中心付近に来ると自動的に中心点でスナップされるはず)
  8. 一番上に新規レイヤを作成して、黒い点を真ん中に打つ。
  9. 真ん中のレイヤを非表示にした画像と表示した画像を個別に保存。
  10. サイトに載せる際は以下のHTMLを使うべし。
    <img src="補色画像" width="横幅" height="縦幅" alt="" onmouseover="this.src='モノクロ画像';" onmouseout="this.src='補色画像';" onload="i=new Image();i.src='モノクロ画像';" />
  11. 完了。

で、これ。

(・∀・)♪

コメント(0)

コメントはまだありません。

トラックバック(0)

この記事へのトラックバックはありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする