目次
1. すでに撮影した写真をぼかす方法
2. 撮影前に写真をぼかす方法
3. HTML で背景画像だけをぼかす方法
4. よくある質問

画像の一部または背景をぼかす方法:写真編集ツールと HTML を使う

スカイラー・リードスカイラー・リード2023年3月07日更新フォトエディター

ほとんどの人にとって、写真をぼかす機能は、もっとも便利な写真編集機能のひとつです。写真の一部をぼかす方法を知っていれば、写真内の情報を隠したり、被写体の一部を強調したりと、とても効果的に使えます。一部のブロガーは、画像の一部分をぼかして被写界深度効果を作り出し、印象的な写真を作成しています。写真の一部分をぼかす方法を身につけることは非常に有益です。では、もっともよいぼかし画像の作り方とは何でしょうか。ここでは、画像をぼかすためのもっとも簡単な方法をご紹介します。これらの方法は、すでに撮影済みの画像をぼかす場合にも、撮影前にぼかしをかける場合にも応用できます。以下の内容をご覧ください。

画像をぼかす方法
1. すでに撮影した写真をぼかす方法 2. 撮影前に写真をぼかす方法 3. HTML で背景画像だけをぼかす方法 4. 写真をぼかす方法に関するよくある質問

1. すでに撮影した写真をぼかす方法

方法1:スマホの編集機能を使って写真をぼかす

iPhone XS、iPhone XR、または iPhone 11 シリーズでポートレート風の写真を撮影した後で、背景のぼかし設定を変更できます。詳しい手順は次のとおりです。

1.

上記のいずれかの iPhone を使い、ポートレートモードで写真を撮影します。写真アプリを開いたら、編集をタップします。

2.

編集画面で写真を開くと、同時に被写界深度(デプス)コントロールスライダーも表示されます。

3.

適切なぼかし効果を得るには、スライダーを動かします。調整したら、完了をタップします。

iPhone 写真編集機能

方法2:写真編集アプリで背景をぼかす

どの iPhone モデルをお使いでも、最後に紹介する方法で iPhone 写真の背景をぼかすことができます。これらのアプリは、撮影後に背景をぼかす技術を用いているため、数十年前の写真でも、数分前に撮った写真でも利用できます。他にもぼかし効果を作れるアプリはありますが、Snapseed は無料で、複数の写真編集機能を備えています。

1.

Snapseed をダウンロードしたら、iPhone でSnapseedを開きます。編集する写真を選ぶため、画面をタップしてフォトライブラリを表示します。ツールを選択したあと、表示される一覧をスクロールします。次に、レンズぼかしを選択します。

2.

画面には、ピントを保つ領域を囲む円とともに写真が表示されます。被写体の周囲にある円を、指をすぼめたり広げたりして拡大・縮小します。さらに調整したい場合は、画面下部の編集スライダーをタップし、ぼかしの強さ、ぼかしからピントへの移行部分の幅、ビネットの強さなどを変更します。

3.

仕上がりに満足したら、右下のチェックマークをタップします。その後、写真を共有または保存する前に、書き出しを選択します。

Snapseed にはデスクトップ版はありませんが、こちらからPC および Mac 用の Snapseedを入手できます。

Snapseed のぼかし機能

2. 撮影前に写真をぼかす方法

方法1:iPhone で写真の背景をぼかす方法

上記の iPhone をお持ちであれば、ポートレートモードを使用するべきです。編集なしでも美しい効果が得られ、iPhone で写真をぼかすもっとも簡単な方法です。ここでは、iPhone のポートレートモードを使って背景をぼかす方法を説明します。

1.

iPhone のカメラアプリを起動します。シャッターボタン付近をスワイプして、メニューからポートレートを選択します。

2.

シャッターボタンの上部に、複数のポートレートライティングオプションを含む第2のメニューが表示されます。輪郭強調自然光スタジオ照明など、さまざまなライティングオプションから選択します。そのうえで、画面の指示どおりに、撮影したい被写体にカメラを向けます。iPhone から、被写体との距離をもっと近づける/離すように指示される場合があります。

3.

ポートレートモードが構図が適切だと判断すると、ライティングのバナーが黄色に変わります。その状態でシャッターボタンを押します。

iOS ポートレート機能

方法2:被写体をレンズの近くに配置する方法

iPhone にポートレートモードが搭載されていなくても、被写体に近づくことで、ある程度きれいな背景ボケを得ることができます。被写体に近づくほどピントが合う範囲は狭くなり、iPhone はより浅い被写界深度を用いるようになります。ポートレートモードのほうが簡単で自然ですが、この方法は旧型の iPhone でも有効です。理想的な写真にするには、主役となる被写体がしっかりとピントが合い、背景はしっかりぼけている必要があります。

レンズ近くに配置

方法3:一眼レフカメラで背景をぼかす方法

一眼レフ(DSLR)のレンズでは、マニュアルモードやセミオートモードで設定を調整し、望みどおりの被写界深度を得ることができます。DSLR や高性能なコンパクトデジカメのマクロ・クローズアップ設定では、自動的に浅い被写界深度が使われます。一般的なコンパクトデジカメは、幅広い距離にピントが合うように設計されています。マクロ機能や絞り・シャッタースピードを変更する機能がないカメラでは、浅い被写界深度を得るのは難しくなりますが、不可能ではありません。そこで、次の手順で簡単に背景をぼかす方法を見ていきましょう。

1.

絞り優先モード(A または AV)を選びます。DSLR カメラとレンズを使う場合は、可能な限り小さい f 値を選択します。多くのキットレンズでは、ズーム時の最小値はおおよそF5.6です。

DSLR 絞り F5.6
2.

ピントを合わせる被写体の位置は、背景よりもカメラに近い場所に保ちます。

3.

ここで、狙った被写体にピントを合わせ、DSLR のシャッターボタンを押して撮影します。

DSLR ぼかし写真

3. HTML で背景画像だけをぼかす方法

CSS の filter プロパティを使うと、要素に対してぼかしや色相の変化などの効果を適用し、ぼかし効果を作成できます。filter の blur 関数は、入力画像にガウスぼかしを適用します。半径(radius)の値は、ガウス関数の標準偏差、すなわち画面上で何ピクセル分を混合させるかを決めるため、数値を大きくするほどぼかしは強くなります。引数が指定されない場合は 0 が使用されます。引数は CSS の長さの単位で指定しますが、% のような値は受け付けません。

背景画像にぼかし効果を追加するには、blur 関数を使用します。要素の積み重ね順序や幅・高さを決めるには、z-index プロパティを使用します。もっとも近い位置指定済みの先祖要素を基準に要素を配置するには、position プロパティを absolute に設定します。(filter: blur(px);

CSS / HTML で写真をぼかす

4. 写真をぼかす方法に関するよくある質問

なぜ背景をぼかしたくなるのか?

やわらかくぼかした背景の写真は、被写体を際立たせるのに最適です。背景をぼかすことで、見る人の視線を奪わず、より洗練された印象の画像に仕上げることができます。ぼかした背景は、ポートレート写真やマクロ写真(花・昆虫・料理など)、暗所での撮影、そして特定の一要素にだけ注目を集めたい写真に役立ちます。

背景のぼけ方はどのように変わるのか?

背景のぼけ具合に大きく影響する要因は次のとおりです。1つ目は絞りです。絞り値(f値)によって決まります。f値が小さい大きな絞り開口では、より多くの光がカメラセンサーに届きます。大きな絞りを使って写真が露出オーバーになるのを防ぐには、シャッタースピードを速くする必要があります。f値が低いほど背景のぼけはより柔らかくなります。2つ目は被写体に近づき、被写体にしっかりとピントを合わせ、背景を被写体から十分遠ざけることです。これにより背景をぼかしやすくなります。また、小さなセンサーは焦点距離が短く、画角が広いという特徴があります。大型センサーのカメラではより長い焦点距離が可能になり、その結果、より優れた背景ぼけが得られます。

Android スマートフォンでも写真をぼかせますか?

はい。Android端末で写真を撮った後、YouCam Perfect のようなアプリを使って画像の任意の部分をぼかすことができます。無料アプリの YouCam Perfect では、ペイントブラシや図形を使って画像の好きな箇所をぼかせます。さらに、SnapSeed や PicsArt も写真をぼかすのに最適なモバイルアプリです。また、これらのアプリに加えて、Android スマートフォンには iOS と同様のポートレートモードも搭載されています。この機能を使えば、背景がぼけた写真を簡単に撮影することができます。

結論

まとめると、このガイドがあれば写真をぼかすことは可能です。ここまでで見てきたように、その手順はさまざまな方法で実現できます。iPhone、Android、DSLR、そして HTML 上でもぼかしが行えることが分かりました。この記事が、あなたの写真をうまくぼかす手助けになれば幸いです。写真撮影が好きな友人がいれば、ぜひこの記事を共有してください。さらに多くのヒントやテクニックについては、当社のウェブサイトもご覧いただけます。

AnyMP4 Video Converter Ultimate

AI によって高度化された、オールインワン動画変換・編集・強化ツール。

AnyMP4 Video Converter Ultimate