白い背景と黒い背景で別の絵に変わる画像を作りましたが、これをカラーでやるのは無理だと思っていました。
ですが、がんばればできることが分かりました。
その画像がこちらです。
ドラミちゃんがドラえもんに変わる画像
こちらの画像をクリックすると大きい画像が表示されるので、そちらを保存してください。
先ほどの動画のように、iPhoneのカメラロールで表示するか、PC上でPowerPointやExcelに挿入してやると、よくわかります。
Twitterに投稿すれば、色まで変わる「クリック推奨画像」になります。
(再)今までカラーの「クリック推奨画像」を作った人はいただろうか？
なぜ黄色が青や赤に変わるのか、作った自分でも不思議。
(PCの公式クライアントでないと多分見えません)https://t.co/VCBdJRtDjo pic.twitter.com/AFUVte0r1O— Yusuke Ochiai (@taro_x) May 8, 2016
背景が黒から白に変わっただけで、なぜ黄色い部分が赤くなったり青くなったりするの？
これは、1つのドットだけでは不可能です。
先ほどの画像を白い背景と黒い背景の境目に置いた時の様子を拡大すると、以下のようになっています。
ドラミちゃんがドラえもんに変わる画像の拡大
2×2のブロックごとに色を表していて、離れて見ると絵柄が見えるようになっています。
ポイントは、標準的なディスプレイのガンマ値が、1より大きい2.2に設定されていることです。
例えば、2×2のブロックの中に、補色の関係にある色を入れておくと、遠目には灰色に見えるのですが、
このうちの片方の色の透明度を大きくしておくと、
黒い背景では黒っぽくなります。
黒っぽくなったときに、ガンマ値が大きいディスプレイでは、より極端に黒に近づいて表示されます。
そうすると、灰色に見えていたカラーバランスが崩れ、色がついたように見えるのです。
いやー、不思議ですね。
実際に作ってみたら、想像していた以上に色がはっきりと出たので、作った自分が一番驚きました。
もはや2枚の別の画像にしか見えないので、画像ファイルをいじったことのある人でないと、なかなかこの不思議さは伝わらないかもしれません。
もっと複雑な画像もできる？
カラーのグラデーションを表現できれば、カラーの写真を別の写真に切り替えることもできるかもしれません。
かなり大変そうなので、私はもう多分やりませんが、興味を持った方がいればぜひよろしくお願いします。
（追記）
前に作ったこちらのサイトを復活させました。
2枚の画像をアップロードすると、白い背景で1枚目の画像に、黒い背景で2枚目の画像に変わる、透過PNGファイルを作成します。
白黒ですが、他の画像で作ってみたい方は使ってください。
作成後の画像は、PCのTwitter公式クライアントからはTwitterにアップロードできますが、iOSのTwitter公式アプリからアップロードすると、透明ではなくなってしまいます。
iPhoneからは、「TheWorld for Twitter」など、透過PNGファイルのままアップロードできるアプリを使ってください。
iPhoneで、カメラロールに保存するには、生成された画像を長押しして「イメージを保存」を押してください。