モノクロがカラーに見える錯覚画像の作り方
まずはこちらを。
モノクロがカラーに見える錯覚画像
なんか、最初に見たとき「簡単に画像作れそうだなー」と思ってたんですが、作り方を解説したページもあるみたいですね。
http://www.johnsadowski.com/color_illusion_tutorial.html
……英語やん。
KAYさん英語ダメなんですよね。でもなんとなくフィーリングで読みました。
で、せっかくだから日本語でチュートリアル。photoshopを想定して解説しますが、まあ同じ事が出来るなら別のソフトでも全然おk。
- まず、元となる画像を読み込んでレイヤをコピー。
- 下のレイヤを選択して「イメージ」→「色調補正」→「彩度を下げる」
- 上のレイヤを選択して「編集」→「塗りつぶし」
- 「塗りつぶし」のダイアログでは、使用色が「50%グレー」、描画モードが「輝度」、不透明度が「100%」
- 上のレイヤを選択した状態で「イメージ」→「色調補正」→「階調の反転」
- 「ビュー」→「定規」および「スナップ」および「スナップ先」→「ガイド」にチェックを入れる。
- 定規からドラッグして画像の中心にガイドを入れる。(中心付近に来ると自動的に中心点でスナップされるはず)
- 一番上に新規レイヤを作成して、黒い点を真ん中に打つ。
- 真ん中のレイヤを非表示にした画像と表示した画像を個別に保存。
- サイトに載せる際は以下のHTMLを使うべし。
<img src="補色画像" width="横幅" height="縦幅" alt="" onmouseover="this.src='モノクロ画像';" onmouseout="this.src='補色画像';" onload="i=new Image();i.src='モノクロ画像';" />
- 完了。
で、これ。

(・∀・)♪

