Journal

写真の余白は、撮影後にはつくれない

写真の余白は、撮影後にはつくれない

美しい写真を受け取ったのに、Webへ置くと急に窮屈になる。
写真の余白は、あとから足せません。余白のある写真は、撮る前の設計で決まります。

PCでは成立したのに、スマートフォンでは顔が切れる。Instagram用に縦へ抜くと、服の構築が消える。OG画像にすると、文字を置く場所がない。

これは、写真の質が低いからではありません。

撮影した一枚を、あとからすべての用途へ合わせようとしたからです。

写真の余白は、空いている場所ではありません。見出しが入る場所。視線が進む方向。画面が細くなっても、主役が呼吸できる範囲。その用途まで含めて、撮影前に設計するものです。

写真を撮る前に決めるべきなのは、ポーズだけではない。
その一枚が、どこで呼吸するかです。

一枚の完成度と、使える強さは違う

撮影現場では、写真単体の完成度に目が向きます。

モデルの表情、服の線、商品の艶、光の落ち方。画面の中だけを見れば、申し分なく美しい。けれど、公開される場所には写真以外の要素があります。

Webのファーストビューには、見出しと導線が入ります。記事のカバーには、タイトルが重なることがある。SNSでは、正方形、縦長、横長へ切り替わる。スマートフォンでは、PCより狭い画面の中で同じ主役を残さなければなりません。

完成した写真の上へ、あとから文字と導線を押し込む。その瞬間、人物の顔と見出しが競い、商品の輪郭にボタンが重なり、せっかくの緊張がUIにほどかれていきます。

撮影の成功を「その一枚が美しいか」だけで判定すると、この事故が起きます。

必要なのは、写真単体の美しさと、使われる場所での強さを、別々に確認することです。

黒い布を掛けた枠が立つ空の部屋

トリミングは、救済ではない

横位置の写真を縦へ切れば、SNSにも使える。そう考えたくなります。

しかし、トリミングで変えられるのは画面の範囲だけです。光の方向、身体の重心、背景との距離、視線の行き先までは変えられません。

たとえば人物を中央に置いた横長写真は、左右を切っても人物が残ります。一見、使いやすそうです。ただし、見出しを置く余白は消えます。人物と文字が同じ中心を奪い合い、広告のような強さだけが残ることがあります。

反対に、人物を端へ寄せた写真でも、視線の先がフレーム外へ詰まっていれば、縦へ切った瞬間に緊張が窮屈さへ変わります。

トリミングは最後の調整です。撮影時になかった関係性を、あとから作る魔法ではありません。

「横から縦へ切れるか」ではなく、「縦に切られても、光と視線と重心が同じ物語を保てるか」。そこまで見て、初めて使える一枚になります。

黒い台に置かれた薄い布と紙

撮影前に、用途の地図を一枚つくる

長い撮影指示書を作る必要はありません。

撮影前に、一枚の用途地図を置きます。

どのページの、どの位置で使うのか。PCとスマートフォンでは、どちら側に主役を残すのか。文字は画像の上に置くのか、外に置くのか。OG画像では、どこまで切られるのか。縦型SNSへ展開するのか。

この五つが見えていれば、カメラの距離も、人物の立ち位置も、背景の量も変わります。

ファーストビュー用なら、見出しのための余白を画面の片側に確保する。サービス紹介なら、商品や人物を切らずに読める距離を取る。記事カバーなら、縮小表示でも消えない明暗差を一箇所に置く。縦型へ展開するなら、横位置の安全策ではなく、最初から縦の一枚も撮る。

用途地図は、創造性を狭めるものではありません。

写真家が、何を自由にしてよいかを明確にするものです。守る範囲が決まるほど、その内側でアングルや光を大胆にできます。

ここで大切なのが、安全域を「全部に使える無難な範囲」と考えないことです。

一枚ですべてを賄おうとすると、人物は中央へ寄り、カメラは遠ざかり、光は均されます。確かに切りやすくなりますが、どの画面でも決定的な強さを持たない素材になりやすい。

共通の一枚に必要なのは、何にでもなれる曖昧さではありません。どの比率でも失ってはいけない核です。顔なのか、商品の輪郭なのか、布の対角線なのか。その核だけを安全域へ置き、周囲の構図は用途ごとに思い切って変える。

そして、ファーストビューと縦型SNSの要求が両立しないなら、同じセットの中で専用カットを分けます。横位置を無理に延命するより、光の温度とスタイリングを揃えたまま、縦のための距離と動きを撮り直す。そのほうが、ブランドの統一感も一枚ごとの強さも守れます。

廊下いっぱいに広がる長い布

余白には、役割を与える

余白を広く取れば、高級感が出るわけではありません。

何も起きていない壁を半分残すだけでは、弱い写真になります。必要なのは、その空間が何を受け止めるのかです。

見出しを受け止める余白。人物の視線を先へ運ぶ余白。商品の輪郭を孤立させ、価格の重みをつくる余白。画面が横から縦へ変わるときに、主役を守る余白。

役割のある余白には、方向があります。

人物が左にいるなら、視線や身体の傾きは右の空間と関係しているか。商品を小さく置くなら、周囲の暗部は質感を残しているか。文字を置くなら、最も強いハイライトと競わないか。

ホームページの高級感の出し方を考えるとき、余白はよく語られます。けれど、格をつくるのは面積ではありません。写真、文字、導線のうち、どれを先に見せ、どれを一歩引かせるかという順序です。

余白は、空白ではなく編集です。

光の当たる壁と薄布と椅子

同じ被写体を、同じ距離で撮り続けない

素材が足りなくなる撮影には、もう一つ共通点があります。

どのカットも、同じ距離で整いすぎていることです。

胸上の人物が十枚あっても、Webでは一枚分の役割しか持てません。商品を同じ角度で並べても、一覧には使えても、ブランドの入口や記事の転換点には使いにくい。

必要なのは枚数ではなく、距離の階層です。

空間ごと見せる一枚。人物や商品と余白の関係を見せる一枚。質感へ寄る一枚。動きの途中を拾う一枚。光や影だけで章を切り替える一枚。

この階層があると、Webは同じ温度のまま呼吸できます。大きな写真で世界へ招き、寄りの写真で確かさを渡し、抽象的な一枚で次の文章へ静かに移れる。

すべての写真に主役を背負わせないことも大切です。主役の一枚を強く見せるには、間をつなぐ写真が要ります。

撮影枚数を増やす前に、役割の種類を増やしてください。

余白のある写真の例。暗い部屋の左に布を置き、右の三分の二を見出しのための余白として残した構図

余白のある写真の撮り方

余白のある写真は、引いて撮れば生まれるわけではありません。距離を取るほど主役は小さくなり、画面はただ遠くなります。

撮る前に決めるのは、次の四つです。

一、余白の側を決める。見出しを右に置くなら、主役は左の三分の一へ。視線や身体の向き、光の流れも、空ける側へ向けます。主役が余白に背を向けると、空間は「空いている」だけになります。

二、余白の量を数字で持つ。PCのファーストビューで見出しを二行置くなら、画面の四割前後が目安です。縦型SNSまで使うなら、上下にも一割ずつ逃げを残す。感覚ではなく、現場のモニターに線を引いて確かめます。

三、余白の質感を残す。真っ白な壁や真っ黒な闇は、縮小すると平らな面になります。壁の凹凸、床の反射、光の減衰。文字の邪魔をしない程度の質感があるだけで、余白は写真の一部として呼吸します。

四、余白に最も強い光を置かない。画面で一番明るい場所は、文字より先に目を奪います。ハイライトは主役の側へ。文字が乗る場所は、中間の明るさでなだらかに落としておきます。

この四つを決めてからシャッターを切ると、写真の余白は「余った場所」ではなく、最初から設計された場所になります。

撮影現場で、四つだけ確認する

現場でモニターを見るとき、良い表情が撮れたかだけで終わらせない。

まず、PCの横長で見出しを置けるか。次に、スマートフォンの縦長へ切っても主役が残るか。三つ目に、小さなサムネイルでも最初の明暗差が消えないか。最後に、そのカットと違う距離の素材が揃っているか。

この四つを確認すれば、撮影後に初めて用途不一致へ気づくことが減ります。

可能なら、その場で仮の文字を重ねます。完成したデザインでなくてよい。見出し二行とボタン一つを置くだけで、空いているように見えた場所が、本当に使える余白か分かります。

人物の顔を避けた結果、文字が光の主役を潰していないか。スマートフォンで切ったとき、肩や商品の端が事故のように欠けていないか。画像を小さくしたとき、暗部が一枚の黒へ沈んでいないか。

撮影現場で一分見るほうが、公開直前に何時間も救済するより確実です。

Webに置くとき、写真の余白をどう扱うか

撮影で余白を設計しても、Webへの置き方で潰れることがあります。

画像を枠いっぱいに広げる指定では、画面幅が変わるたびに端が切られます。PCで右に残した余白が、スマートフォンでは丸ごと消える。よくある事故です。

防ぎ方は単純です。切られても残したい核の位置を、撮影時の用途地図と同じ座標で実装へ渡すこと。主役が左にある写真なら、縮んだときに左側を優先して残す。文字が乗る写真なら、スマートフォンでは文字を写真の外へ出すか、縦の専用カットへ差し替える。

写真の上へ文字を重ねるときは、暗い膜を全面に敷いて読みやすくする手に頼りすぎないでください。読みやすくはなりますが、写真の階調も一緒に沈みます。余白の側だけをわずかに落とすか、余白そのものの明るさで文字を支えるほうが、写真の格は保たれます。

そして、公開前に三つの幅で必ず見ます。PC、タブレット、スマートフォン。写真の余白が、どの幅でも同じ役割を果たしているか。それが確認の最後の一行です。

写真の余白について、よく聞かれること

撮影済みの写真に、あとから余白を足すことはできますか。

背景を描き足す編集で、面積を広げることはできます。ただし、光の方向や床の遠近まで自然につなげるのは難しく、Webの大きな画面では継ぎ目が見えやすい。小さな調整には使えますが、ファーストビューのような主役の一枚は、余白を含めて撮るほうが確実です。

余白は広いほど、高級に見えますか。

広さだけでは決まりません。役割のない余白は、寂しさや未完成に見えます。高級に見えるのは、余白が主役を引き立て、文字を受け止め、視線を先へ運んでいるときです。

一枚の写真を、Web・SNS・バナーに使い回せますか。

核になる主役を安全域に置けば、ある程度は使い回せます。けれど、横長のファーストビューと縦型SNSでは、必要な余白の向きが逆になります。重要な用途ほど、同じ撮影の中で専用カットを撮っておくほうが、結果的に早く、強い仕上がりになります。

写真家に、余白のことをどう伝えればいいですか。

「余白を多めに」では伝わりません。どのページの、どこに、何行の文字が入るのか。スマートフォンではどこまで切られるのか。用途地図を一枚渡すだけで、写真家はその内側で自由に攻められます。

美しい写真を、働く写真にする

ブランド写真は、作品であると同時に、場所を持つ素材です。

美しさを実装へ従わせる必要はありません。反対に、実装の都合で美しさを削る必要もない。

撮影前に用途を決め、光と視線が残る切り方を考え、距離の違う素材を揃える。その順番があれば、一枚の緊張を壊さずに、Web、記事、SNSへ渡せます。

写真の余白は、撮影後にはつくれない。

だから、空けて撮るのではありません。

その場所で何を語るのかまで決めて、撮る。

その一枚が使われる場所を先に見せていただければ、写真と画面のあいだに必要な呼吸を、こちらから一枚にしてお返しします。

Read next
撮影やWeb制作の前に、ブランドが先に決めておくべきこと
来てほしい客層は、最初の一枚で決まっている
Journal 一覧へ
Image Direction

写真と画面のあいだに、使える余白を設計する。

Web、記事、SNSまで見据え、撮影前に必要な距離・光・余白を見立てます。構想の段階からご相談いただけます。LINEにご登録いただいた方には、ブランドのための方向性を一枚、お描きします。

ご相談するLINEで受け取るビジュアル制作を見る