学校を舞台にした動画やノベルゲームでは、背景だけで場面の切り替わりを伝えたいことがあります。場所を変えれば足りるのか、時間も進めたほうがよいのか。彩景の学校カテゴリにある11か所の画像を測り、前後のカットでどれだけ画面が変わるかを確かめました。
11か所の画像を、色で測る
学校カテゴリ11か所の、昼・夕方・夜の合計33枚を測りました。大きさの内訳は1376×768pxが24枚と1024×572pxが9枚です。比べやすいように、画像は16:9の枠で読み込みました。縦横比がずれる分は、端をわずかに切り落としています。
画面の違いを、画像全体の平均色で比べて数字にしました。色は「Lab」という、人の目の感じ方に近づけることを目指した表し方で扱います。2枚の平均色の距離をΔE(デルタイー)と呼び、数字が大きいほど色合いが離れています。明るさは0〜100で、大きいほど明るくなります。
昼の11か所を並べる
図1は昼の11か所を、明るい順に並べたものです。明るさは屋上が71.6で最も高く、保健室の69.9、廊下の64.3が続きました。いちばん低いのは放課後の教室の40.4で、図書室の43.0がその次です。
| 場所 | 昼の明るさ | 昼→夕方の差 | 昼→夜の差 | 昼で色が最も近い場所(差) | 昼で色が最も遠い場所(差) |
|---|---|---|---|---|---|
| 屋上 | 71.6 | 30.7 | 54.4 | 保健室(13.4) | 放課後の教室(35.9) |
| 保健室 | 69.9 | 25.9 | 42.8 | 廊下(6.2) | 放課後の教室(29.9) |
| 廊下 | 64.3 | 26.8 | 37.7 | 音楽室(5.1) | 放課後の教室(24.3) |
| 音楽室 | 59.4 | 27.3 | 34.5 | 廊下(5.1) | 屋上(20.6) |
| 渡り廊下 | 58.6 | 26.5 | 37.4 | 職員室(7.6) | 放課後の教室(23.9) |
| 職員室 | 56.7 | 22.4 | 29.6 | 昇降口(6.7) | 放課後の教室(19.1) |
| 体育館 | 51.3 | 15.7 | 26.2 | 理科室(3.5) | 屋上(27.7) |
| 昇降口 | 50.4 | 23.9 | 26.5 | 職員室(6.7) | 屋上(22.6) |
| 理科室 | 49.3 | 15.0 | 28.3 | 体育館(3.5) | 屋上(27.4) |
| 図書室 | 43.0 | 15.4 | 26.9 | 放課後の教室(3.2) | 屋上(34.6) |
| 放課後の教室 | 40.4 | 17.1 | 21.7 | 図書室(3.2) | 屋上(35.9) |
表1の右の2列は、昼の画像どうしで色が近い場所と遠い場所です。屋上は最も近い保健室でも13.4離れていて、各場所との差は13.4から35.9に広がります。ほかの10か所は、最も近い相手との差が3.2〜7.6にとどまりました。昼の平均色が青みの側に傾くのは屋上だけで、残る10か所は黄みの側です。屋上が離れるのは、図3の屋上のように空が広く入る画像だからと考えられます。
場所を変えると、どれだけ違って見えるか
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | 16.1 | 14.1 | 20.3 | 9.3 | 6.7 | 13.9 | 22.6 | 12.0 | 13.2 | 12.5 | |
| 2 | 16.1 | 24.3 | 6.2 | 15.1 | 10.3 | 22.0 | 17.0 | 13.5 | 5.1 | 12.8 | |
| 3 | 14.1 | 24.3 | 29.9 | 10.5 | 19.1 | 3.2 | 35.9 | 12.4 | 19.6 | 23.9 | |
| 4 | 20.3 | 6.2 | 29.9 | 21.0 | 14.1 | 27.6 | 13.4 | 19.7 | 11.3 | 15.8 | |
| 5 | 9.3 | 15.1 | 10.5 | 21.0 | 10.8 | 8.8 | 27.4 | 3.5 | 10.2 | 14.5 | |
| 6 | 6.7 | 10.3 | 19.1 | 14.1 | 10.8 | 17.9 | 17.0 | 12.0 | 8.9 | 7.6 | |
| 7 | 13.9 | 22.0 | 3.2 | 27.6 | 8.8 | 17.9 | 34.6 | 10.0 | 17.3 | 23.0 | |
| 8 | 22.6 | 17.0 | 35.9 | 13.4 | 27.4 | 17.0 | 34.6 | 27.7 | 20.6 | 16.0 | |
| 9 | 12.0 | 13.5 | 12.4 | 19.7 | 3.5 | 12.0 | 10.0 | 27.7 | 8.5 | 15.5 | |
| 10 | 13.2 | 5.1 | 19.6 | 11.3 | 10.2 | 8.9 | 17.3 | 20.6 | 8.5 | 12.2 | |
| 11 | 12.5 | 12.8 | 23.9 | 15.8 | 14.5 | 7.6 | 23.0 | 16.0 | 15.5 | 12.2 |
図2は昼どうしの全55組の差です。中央値は14.1で、10未満は10組、25以上は6組でした。最小は放課後の教室と図書室の3.2で、理科室と体育館の3.5が続きます。どちらの組も、画面の色合いはほとんど同じです。
最大は放課後の教室と屋上の35.9です。夕方どうしの中央値は11.3、夜どうしは10.4で、暗くなるほど下がります。夜の放課後の教室と理科室は差が0.6で、平均色はほぼ同じです。
平均色が近くても、明るい所と暗い所の位置が近いとは限りません。各画像を32×18の明暗の格子にして相関(1に近いほど配置が似ている)を測ると、昼どうしの中央値は0.14でした。最大は放課後の教室と理科室の0.55です。色が最も近い放課後の教室と図書室は−0.32で、明るい位置はむしろ逆になります。
時間を進めると、どれだけ変わるか
| 動かし方 | 組の数 | 中央値 | 最小〜最大 |
|---|---|---|---|
| 場所だけ(昼どうし) | 55 | 14.1 | 3.2〜35.9 |
| 場所だけ(夕方どうし) | 55 | 11.3 | 3.0〜27.0 |
| 場所だけ(夜どうし) | 55 | 10.4 | 0.6〜24.6 |
| 時間だけ(同じ場所で昼→夕方) | 11 | 23.9 | 15.0〜30.7 |
| 時間だけ(夕方→夜) | 11 | 36.4 | 19.8〜51.6 |
| 時間だけ(昼→夜) | 11 | 29.6 | 21.7〜54.4 |
| 場所も時間も(昼→夕方) | 110 | 23.8 | 8.8〜50.3 |
| 場所も時間も(夕方→夜) | 110 | 34.6 | 13.8〜52.8 |
| 場所も時間も(昼→夜) | 110 | 34.1 | 14.6〜57.2 |
同じ場所で昼から夜に進めたときの中央値は29.6で、昼の場所替え(14.1)の約2.1倍です。夕方から夜への変わり方は36.4と、昼から夕方の23.9より大きくなりました。
場所も変えた組の中央値は、昼から夕方で23.8でした。時間だけを進めた組とほぼ同じ数字です。同じ場所での変化は、昼から夕方が理科室の15.0から屋上の30.7まで広がります。
5つのカットで確かめる
図3は昼の昇降口から夜の図書室まで、5枚の画像を上から順に並べた例です。画像の間の棒は前後の差を表します。並べ方は測り方を見せるための一例で、順番を変えれば数字も変わります。昼の昇降口から廊下は、場所だけを変えて16.1でした。廊下から夕方の放課後の教室は、時間も進めて36.0です。
教室から同じ夕方の屋上は25.4で、屋上から夜の図書室は44.1でした。場所だけの2回より、時間も進めた2回のほうが大きな差です。ただし25.4は、夕方の場所替えの中央値11.3の2倍を超えます。屋上は夕方でも、ほかの10か所との差の中央値が15.5あり、離れやすい場所です。
つなぎ方を決めるときの目安
場面がつながって見えてほしいときは、同じ時間帯で色の近い場所を選びます。昼なら、廊下と音楽室の5.1や、理科室と体育館の3.5が候補です。背景の色が大きく動かないので、カットが変わっても雰囲気が保てます。
切り替わりをはっきり見せたいときは、時間帯を進めるか、屋上のように色の離れた場所を選びます。時間を進めるほうが、場所を変えるよりも差が大きく出ます。
ここで測ったのは平均色と明暗の配置だけです。物の形や人物の動きまでは数字に入っていないので、最後はプレビューで見比べてください。
1024×572pxの画像があるのは、廊下と放課後の教室(3枚とも)、音楽室(夕方と夜)、保健室(夜)です。小さい画像を広げて使う場合の考え方は、サイズと比率の合わせ方にあります。時間帯ごとの使い分けは昼・夕方・夜の背景の使い分け方、探し方の全体はノベルゲーム・動画制作で背景素材を探すときのコツにあります。