ニュース

Photoshopの「透明」が「白とグレーの市松模様」の理由

Photoshop共同開発者のトーマス・ノール氏に聞いてみました。

advertisement

 Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。

 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。


見える人には透明に見える「白とグレーの市松模様」

(左)Photoshop共同開発者のトーマス・ノール氏、(右)筆者

 実はこの表現は、バイオロジーの分野(生物学など)から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「透明」は市松模様で表されている。

advertisement

 しかし、白と黒では目がチラチラしたため、見た目の優しさを重視して黒をグレーにしたのだとか。歴史をたどると、レイヤー機能はAdobe Photoshop 3.0のために開発したもので、最初のバージョンでは透明も「白」で表していたが「白と透明は違う」ことをどうしても表現したくて、この透明レイヤーを作ったという。

 さらにPhotoshopの「白とグレーの市松模様」には、「透明を表す」以外にもう一つ大きな役割がある。それは、画像を拡大したときに格子の大きさが変わらないということ。格子を常に同じ大きさで固定することで「画像の一部とは違う」ことをユーザーが認識しやすくしている。

 Photoshopで「透明」を示す「白とグレーの市松模様」には、こんなストーリーが隠れていた。

太田智美

Copyright © ITmedia, Inc. All Rights Reserved.

記事ランキング

  1. 天井裏から変な音がする→スマホを突っ込んで撮影したら…… 映った“とんでもねぇ”モノに「恐ろしい」「何これ」と騒然の196万表示!
  2. 11カ月娘、帰宅したママの顔を見た瞬間……! ママ「うれしそうすぎてうれしすぎる」100点満点のお出迎えに「これは可愛いよ」
  3. 亡き父が植えた思い出のモミの木が巨大化→次男が伐採していると兄が現れ…… リアルな庭じまいの記録に共感と応援の声
  4. 釣りに行こうとしたら、海岸に子猫が打ち上げられていて…… 保護後、予想だにしない展開に「神様降臨」「涙が止まりません」
  5. 「あのおじさん誰?」 お笑い芸人、解散後の激変ぶりにネット驚き「ピスタチオ 懐かし」
  6. しぶとい雑草“ドクダミ”を生やさない超簡単な方法が115万再生! 除草剤を使わない画期的な対策に「スゴイ発見」
  7. 1歳女の子に赤ちゃんのころの服を着せてみたら…… 成長感じるほほ笑ましい姿に「プリプリww」「かわいすぎ〜!」
  8. アルミ板に水銀を垂らしたら……? 5000万再生の“衝撃的な実験結果”に「不気味」「一生忘れられない」
  9. 【今日の計算】「37+63×2−1」を計算せよ
  10. 「虎に翼」、「カムカム」の俳優が終盤に登場 急展開の予感に「ホント似合うよね、こういう役!!」