漫画投稿画像の透過を確認する｜背景が変わる場合の対処

出したら背景が変わっていた

自分の画面では問題なかったのに、出した先で背景が変わり、絵の一部が見えなくなることがあります。

描き足りないわけではありません。透明なところに何が入るかが、置かれた場所で決まるからです。

試した透過画像

使ったのは、この記事のために作った 640×420ピクセルの透過画像です。中身は四つに分けてあります。

• 不透明な黒い線（六本）
• 半透明の黒い帯（透け具合は半分）
• 不透明な白い塗り
• 何も置いていない透明なところ

置いた背景は白・暗い色・灰色の三つです。 明るさは0から255までの数で見ます。

透過が要るかを先に決める

透過は、使う理由があるときだけ残します。

背景の色に合わせたい場合は要ります。 置かれた場所の色がそのまま出ます。

背景が決まっている場合は要りません。 自分で背景を敷いたほうが、どこでも同じに出ます。

どちらか分からない場合も、敷いたほうが崩れにくくなります。 透過は置かれる先に結果を預ける形だからです。

透過を	そのとき
残す	色に合わせたい
外す	見え方を固定

背景ごとに消えるものが違う

白い背景では、白い塗りと背景の差が0.0でした。 置いてあるのに見分けが付きません。線と背景の差は51.9、半透明の帯との差は119.0で、この二つは残っています。

暗い背景では、黒い線の差も半透明の帯の差も0.0でした。 白い塗りだけが差238.0で残ります。

灰色の背景では、線の差が24.2、帯の差が56.0、白い塗りの差が127.0でした。 どれも残りますが、差の大きさは揃いません。

見るところの六つ

見る部分	何が起きるか
透明な部分	背景の色が出る
半透明	背景と混ざる
不透明な線	背景に近いと沈む
白い塗り	白背景で消える
文字のふち	細いほど沈む
背景の想定	変わることがある

半透明は、背景と混ざった色になります。 元の色のままでは出ません。

不透明でも、背景と近い色なら見分けが付きません。 透過だけの問題ではありません。

差の大きさをどう読むか

背景との差は、0 に近いほど見分けが付きません。 ただし何以上なら大丈夫という線は引けません。

同じ差でも、面の広さで見え方が変わります。 細い線は、広い面より沈んで見えます。

同じ差でも、周りの色で見え方が変わります。 隣に濃い色があれば目立ちます。

だから数は、背景どうしを比べるために使います。 一つの数から読めるかどうかを決めません。

0.0 だけは例外です。 そこは置いた色と背景が同じ値なので、見分けが付きません。

半透明は背景と混ざる

同じ帯が、白背景では136.0、灰色では72.0、暗い背景では17.0になりました。 帯そのものは一度も変えていません。

暗い背景では、帯と背景の差が0.0でした。 混ざった結果が背景と同じ明るさになったためです。

半透明を使った部分は、背景ごとに測り直します。 一度の確認では決まりません。

背景を敷いた版も作るか

透過のまま出す版と、背景を敷いた版の二つを持っておく手があります。

出す先ごとに選べます。 背景色が分かっている先には敷いた版、分からない先には透過の版を出します。

二つを作るなら、名前で見分けが付くようにします。 取り違えると、敷いたはずの版が透過で出ます。

敷く色は、白か暗い色のどちらかに決めておきます。 中間の色にすると、どちらの画面でも中途半端になります。

敷いた版も、三つの背景に置いて一度見ます。 敷いてあれば背景は出ませんが、周りの色との差は残ります。

確認の並べ方

並べる列	何を置くか
白い背景	同じ画像
暗い背景	同じ画像
別の背景	同じ画像

三つを横に並べると、消える部分が見つけやすくなります。 一枚ずつでは気づきません。

測った明るさも一緒に残します。 見た目の印象と別に残せます。

見えなくなったとき

手が止まる場面を、三つ並べます。 どれも確認の話です。

どの例でも原稿を描き直していません。背景だけを入れ替えて測っています。

三つの背景で差を確かめる

白と暗い背景の両方で見たか。 片方では気づきません。

半透明の部分を測ったか。 背景ごとに変わります。

原稿を変えずに比べたか。 変えると比較になりません。

白と暗い背景を敷く

透過の確認に、特別な道具は要りません。出す前に、白と暗い背景の上へ同じ画像を置くこと。

消える部分はあったか。半透明はどこまで沈んだか。 そこまで見れば、出したあとで驚かずに済みます。

差がわずかでも構いません。 どこが沈むかを先に知っていれば、直す場所が決まります。