小さなお店のオーナー
手作りのマグカップが、雑然としたキッチン用品に囲まれています。切り抜き画像のように平面的にするのではなく、持ち手や釉薬の質感、接地感を出す控えめな影を残しましょう。
商品の個性を生むディテールを保ちながら、ほかの出品商品と比較しやすくなります。
白背景エディターすっきりした画像のアイデア
白背景の美しい作例から、自分らしいスタイルを見つけよう
白背景の美しい作例は、ルールではなく出発点として活用しましょう。白背景なら被写体を見やすくしながら、意図的な影や構図、個性を表現する余地も残せます。
ユーザーがすでに使っている制作フロー
多くの人はすでに被写体と大まかな画像を用意しており、その画像の掲載先も決まっています。大切なのは、掲載先に届ける前に、白背景で何を明確にしたいかです。
被写体別の、すっきりした背景のアイデア
美しい白背景を作るうえで大切なのは、すべてを取り除くことより、どのディテールに目を向けてもらうかを決めることです。次の例では、同じ落ち着いた背景がさまざまな目的にどう役立つかを紹介します。
ポートレート制作者
プロフィールや登壇者紹介に使う上半身の写真には、より落ち着いた背景が必要です。白背景では、細い髪の毛や眼鏡、淡い色の服の輪郭に注意しましょう。
ポートレートに奥行きを与える輪郭や自然なコントラストを損なわずに、顔を際立たせられます。
iPhone用の白背景アクセサリー写真の撮影者
ネックレスの輪郭が見えるよう、周囲に余白を設けましょう。金属が白に埋もれないよう、中心から少しずらした構図と柔らかな影を試してください。
余白を生かした洗練された画像で、後からトリミングしたりキャプションを入れたりする余地があります。
png用の白背景SNS投稿デザイナー
複数のサイズの投稿で、1つの被写体をテキストの横に配置する必要があります。被写体で画面を埋めず、意図的に余白を残しましょう。
被写体を窮屈に見せることなく、文字の配置やさまざまなトリミングに対応できます。
無料で使えるオンラインの白背景Whitebgを使う場面
Whitebgは、被写体を選んでから完成した画像を配置するまでの間に役立ちます。背景をきれいにした画像は、元画像の代わりではなく、確認するための画像として扱ってください。
-
1
画像の役割を決める
質感を見せるのか、人物を紹介するのか、テキスト用の余白を残すのかを決めましょう。参考にするビジュアルは、その目的に合っていてこそ役立ちます。
-
2
背景をきれいにした画像を作る
被写体を出発点に、自然な輪郭と見分けやすい淡色のディテールを保った白背景を目指しましょう。被写体を地に着いた印象にする必要があれば、影も残します。
-
3
使用場面で確認する
想定する表示サイズで仕上がりを確認し、元画像と比べましょう。すっきりした構図で重要な情報が失われる場合に方向転換できるよう、両方を残しておきます。
背景をきれいにしても直せないこと
白背景にすると画像をすっきり見せられますが、撮影時に写らなかったディテールは復元できません。説得力のある美しい仕上がりには、まず被写体がはっきり見えることが大切です。
写っていない被写体のディテール
ラベルのぼやけ、白飛びした明るい部分、物体の隠れた側面は、周囲を白くするだけでは正確に再現できません。
対処法
より鮮明な元画像を使うか、写っていない部分を撮り直しましょう。
処理が難しい輪郭
ほつれ毛、透ける布、ガラス、白い物体は、背景に溶け込んだり、輪郭に不自然な跡が出たりすることがあります。
対処法
画像を原寸で確認し、効果的な箇所には適度なコントラストや自然な影を残しましょう。
完成されたブランドスタイル
白い背景を選んでも、文字組み、トリミング、色の調整、視覚的な優先順位まで自動で決まるわけではありません。
対処法
実際に組み合わせるテキストや色と並べて、画像を確認しましょう。
変更前／変更後
要素の多い見せ方と、すっきりした背景の見せ方を比べ、最初に何に目が向くかを確認しましょう。背景を控えめにすることで、被写体の個性を消さずに、より明確に見せられるはずです。
変更前：視覚的な煩雑さを確認
変更後：被写体を確認
これらは説明用の画像であり、同じ写真を編集したことが確認されたものではありません。数値で検証された変化としてではなく、構図の違いを比較してください。
納品ファイルの仕様
美しい仕上がりの参考例は、実際の用途で使えるファイルにつながってこそ役立ちます。完成した白背景の画像が必要か、使い回しやすい切り抜き画像が必要かを決める前に、2つの納品形式を比較しましょう。
- 完成した白背景の画像
- 背景が透明な切り抜き画像
背景
完成した白背景の画像
白が画像の一部として表示されます。
背景が透明な切り抜き画像
被写体の周囲は透明です。
適した用途
完成した白背景の画像
そのまま使える商品掲載画像、ポートレート、投稿画像。
背景が透明な切り抜き画像
別のデザインの上に配置する被写体。
影
完成した白背景の画像
白背景に影を残せます。
背景が透明な切り抜き
合成する際は慎重な調整が必要になる場合があります。
淡い色の輪郭
完成した白背景画像
見やすさを保つには十分なコントラストが必要です。
背景が透明な切り抜き
輪郭に白っぽいにじみが出ないよう、きれいな透過処理が必要です。
後から背景を変更する場合
完成した白背景画像
再編集するか、別途切り抜きを作成する必要があります。
背景が透明な切り抜き
切り抜きを新しい背景の上に配置して作成できます。
最終確認
完成した白背景画像
実際の表示サイズで、白い背景の上で確認してください。
背景が透明な切り抜き
明るい色と暗い色の両方を背景にして確認してください。
自分の被写体で作ってみる
自分の画像で、すっきりした仕上がりを試す
残したいディテールを1つ、取り除きたい不要な要素を1つ選びましょう。そして、実際に見られるサイズで仕上がりを確認してください。魅力的な白背景は、ただ何もないのではなく、意図が感じられるものです。
画像を作成する- 比較用に元画像を残す
- 輪郭と淡い色のディテールを確認する
- 最終的な切り抜き用に余白を残す
シナリオに関するよくある質問
白背景のおしゃれな事例を探すと、さまざまな種類の画像が見つかります。適したものは、被写体と画像の掲載先によって異なります。
構図を工夫し、被写体が見やすいコントラストと控えめな影を付けることで、シンプルな画像にも意図が感じられます。余白は被写体を引き立てるか、テキストを置くために使い、構図が未完成に見えないようにしましょう。
特徴的な形の商品、アクセサリー、人物のポートレートは、いずれもすっきりした背景で引き立ちます。大切なのは、白背景でも重要なディテールが見えることです。
柔らかく自然な影があると、商品が地面に置かれているように見えます。影が強すぎたり、被写体の光の当たり方と合っていなかったりすると、元の背景以上に気になることがあります。
多くの場合は使えますが、掲載先ごとの切り抜き範囲とテキストの配置を確認しましょう。商品一覧向けに被写体を大きく写した画像では、SNS用のテキストを入れる余白が足りないことがあります。広めに撮った画像も残しておくと便利です。
いいえ。白は目に見える背景ですが、透明背景では背後の別の色や画像が透けて見えます。すっきりした完成画像には白背景を、被写体を別のデザインに配置する場合には透明背景を選びましょう。