Color Illusion

白黒写真がカラーに見える目の錯覚の画像の作り方。まず、画像を Photoshop で開きます。

Step 1

レイヤーパネルの背景でメニューを開き「レイヤーを複製...」選んで背景の複製を作ります。

Step 2

複製したレイヤーは一旦非表示にして、背景を選び、メニューの「イメージ」「色調補正」「彩度を下げる」適用して背景を白黒にします。

Step 3

カラーパレット（描画色設定）をグレー 50%にしておきます。

Step 4

非表示にした複製したレイヤーを表示し選択してから、メニュー「編集」「塗りつぶし...」を「描画色」「輝度」で適用します。

Step 5

適用すると以下のような画像が出来上がります。

Step 6

さらに、「イメージ」「色調補正」「階調の反転」を適用します。

Step 7

最後に、「背景」と「背景のコピー」レイヤーを別々のファイルに保存します。JavaScript を利用してマウスオーバーで画像を切り替えるようにする事で、白黒写真がカラーに見える目の錯覚を利用したページを作る事が出来ます。

「背景のコピー」画像の中心に黒い点を置き、見つめてもらう場所を指定する事で効果がよりいっそう得られます。また、色調や明るさを調整する事で効果を変える事が出来ます。

デモページは、ここをクリックしてください。