市松模様のZoom背景の作り方｜マスの寸法・余白とロゴの配置

市松模様の背景は、同じ大きさの正方形を2色で交互に並べて作れます。ロゴや団体名を入れれば、記者会見のバックボードのようなバーチャル背景になります。

この記事では、1920×1080ピクセルの画像に、横7列×縦4行のマスを並べる作成例を紹介します。画像編集ツールで図形の大きさ・位置を指定するときの参考にしてください。

まず背景全体と1マスのサイズを決める

カメラの縦横比が16:9なら、背景全体は1920×1080、または1280×720ピクセルが目安です。対応形式や容量は、Zoom背景画像のサイズ・形式と見切れ対策もご確認ください。

この表は正方形のマスをすき間なく並べ、左右に同じ余白を残す場合の計算例です。上下の余白はありません。「列」は横方向に並ぶ数、「行」は縦方向に並ぶ段数を表します。

▲横7列×縦4行の配置例

▲横5列×縦3行の配置例。マスを大きくすると、一つひとつのロゴや文字も大きく置きやすくなります。

1920×1080ピクセルで市松模様を作る手順

• 背景を用意する：横1920×縦1080ピクセルの編集領域を作り、背景全体を白にします。
• 正方形を作る：270×270ピクセルの図形を作ります。枠線を付けず、塗りつぶしの色を指定します。
• 1段目を並べる：左端から15ピクセル空け、正方形を横に7個、すき間なく並べます。色は白ともう1色を交互にします。
• 4段に増やす：1段目を複製して下へ並べ、2段目は色の順番を逆にします。3段目は1段目、4段目は2段目と同じ配色です。
• 全体を確認する：高さは270×4＝1080ピクセル、幅は270×7＝1890ピクセルです。左右15ピクセルずつの白い余白が残ります。

使用するソフトの単位がcmなどの場合は、ピクセルの数値をそのまま入力しないようにします。編集画面の単位と、書き出した画像のピクセル数を確認してください。

色・ロゴ・文字を配置するポイント

配色は会社や団体の指定色を基本に、文字が読みやすい2色を選びます。色の組み合わせに迷ったら、白と落ち着いた1色から試してみましょう。

• 正方形の中に余白を残し、ロゴや文字を端まで広げすぎない。
• 写真やロゴは縦横比を保って配置し、横や縦だけに引き伸ばさない。
• 白い四角が付かないように重ねたいロゴは、背景が透過されたPNGなどの素材を用意する。PNG形式でも、もともと背景が白なら自動的に透明にはなりません。
• 人物の体や画面の端で隠れる位置を避け、文字を詰め込みすぎない。

作成ツールと保存するときの確認点

Illustrator、PowerPoint、Canvaなど、図形・文字・画像を配置できるツールで作れます。まずは使い慣れたものを選び、サイズ指定・複製・整列・画像の書き出しができるか確認しましょう。利用できる機能や料金は各ツールの案内をご確認ください。

編集中のデータを残したうえで、背景用の画像をJPG／JPEG、または24ビットPNGなどZoomが対応する形式で保存します。保存後は画像の幅・高さを確認し、本番と同じ端末・カメラでプレビューしてください。

ロゴ画像の背景を加工したい方は、写真の背景を消す方法の記事もご覧ください。素材を使う場合は、配布元や会社の利用ルールを確認しましょう。

背景を会議で使う前に確認する

• 普段の姿勢で座り、名前やロゴが体に隠れないか。
• 画面の端が見切れても、必要な情報が分かるか。
• 参加者の表示が小さくなっても文字が読めるか。

用途に合う背景の選び方は、仕事のオンライン会議の背景選びへ。Zoomの基本操作を練習したい方は、Zoom講座、初めての方の30分無料相談（体験）をご覧ください。