Pixlrでフェイスカメラオーバーレイを作成する方法：2025年に向けたカスタムデザインのヒント
高価なソフトウェアを使わずにフェイスカメラオーバーレイを作成する方法
もし私と同じように、まともなオーバーレイで配信をグレードアップしようと考えているなら、少し苦労した後、ようやくうまくいった方法を共有します。正直、もっと複雑になると思っていたのですが、無料ツールと少しの試行錯誤で、なんとかまともなものが作れることがわかりました。私も何度か試行錯誤を繰り返しましたが、私が行ったことと注意点の要点を以下にまとめました。
はじめに: キャンバスのサイズと背景を選ぶ
お気に入りの無料エディタを開きました。Photoshopにかなり近いPhotopeaを使いましたが、CanvaやGIMPでも使えます。新しいプロジェクトを作成しました。ここが重要なポイントです。1920x1080フルHDを目指すなら、サイズをピクセル単位で設定してください。1280x720低スペックのパソコンでも扱いやすいようにファイルサイズを小さく抑えるようにしましたが、鮮明さを求めるならフルHDの方が優れています。そして、ファイル作成時に透明な背景を選択することを強くお勧めします。例えばPhotopeaでは、 「背景コンテンツ」の下にある「透明」File > Newのボックスにチェックを入れます。こうすることで、後でオーバーレイ用の白いボックスが表示されなくなり、動画に重ねる際に見栄えが悪くなります。
次に、色をいろいろと試してみました。配信環境によって多少異なるかもしれませんが、私は中間色の青を選びました。ポイントは、背景と調和する色を選ぶことです。明るすぎたり地味すぎたりしない色を選びましょう。「」のようなカラーコード#336699や、見栄えの良い色を使うことをお勧めします。重要なのはコントラストで、オーバーレイが目立ちながらもプロフェッショナルな印象を与えるようにすることです。これは主に境界線や背景レイヤーに関するもので、フェイスカメラ自体に関するものではありません。
外枠を描く – 基本的な境界線
次に、境界線として長方形を追加しました。ほとんどのツールにこの機能は備わっています。アウトラインだけが必要なので、塗りつぶしをオフにして（内側が透明になるように）ください。Photopeaでは、長方形を描いてから、塗りつぶしを「なし」、線（アウトライン）を約 に設定します50 px。Canvaでは「境界線」と呼ばれ、塗りつぶしを透明に設定してから、境界線の太さを選択します。約50ピクセルの太さにすると、派手になりすぎずに、きれいで目立つ境界線が得られることがわかりました。これはフェイスカメラの周りの「フレーム」なので、境界線の太さを考えてください。境界線が太いほど目立ちますが、私はすっきりとした見た目にするために中程度の太さにしています。
フェイスカメラを配置したい場所を大まかに描きます。サイズや位置は後から変更できます。配信プログラム（OBSなど）でカラーソースや透明画像オーバーレイを追加できる場合は、この部分を事前にデザインしておくと、後でOBSに直接インポートするだけで済みます。目標は、動画全体を邪魔することなく、顔をうまく囲む、しっかりとした輪郭線を描くことでした。
内側のレイヤーで深みを加える
オーバーレイが平面的に見えないようにするのが一番難しい部分でした。新規レイヤー（通常はエディターの「プラス」ボタン）を追加し、メインの境界線の内側に少し小さめの長方形を描きました。レイヤースタイルやエフェクトを使って、黒や濃いグレーなどの濃いアウトラインを周囲に追加し、25 px目立つようにしました。自由変形ツール（通常はCtrl + T）を使って、内側の長方形を中央に配置し、サイズを完璧に調整しました。これにより、微妙なインセット効果が得られ、オーバーレイが平面的なボックスではなく、より洗練された印象になりました。ドロップシャドウやレイヤーエフェクトを使うことで、やりすぎずに奥行き感を表現することができました。
名前またはカスタムラベルを追加する
パーソナルブランディングは重要なので、自分の名前をテキストに追加しました。テキストツールでは、Arial、Robotoなど、読みやすくクリーンなフォントを選びました。レイアウトに合わせて、下部または上部に配置します。私は左下、少し目立たない位置に配置しました。サイズは、目立ちながらも邪魔にならないように調整しました。ほとんどのツールでは、テキストにアウトラインやストロークを追加できますが、私はコントラストのために黒に設定しました。これは、プロフェッショナルな印象を与える重要な要素の一つです。フォントサイズと配置を微調整し、全体のデザインにうまく溶け込むように調整するのを忘れないでください。
テキストを読みやすくする
小さな画面でもラベルが読みやすいように、テキストの周囲にストロークを追加しました。通常はテキストスタイルオプションで設定できます。「ストローク」を有効にし、黒を選択して、太さを約 に設定します3-5 px。くっきりと見えるまで調整してみてください。特にモバイル端末や閲覧者がウィンドウを縮小している場合、このわずかな違いがテキストを鮮明に見せるか、ぼやけて見えるかの違いを生み出します。重要なのはコントラストです。明るいフォントには黒のアウトライン、暗い背景には白のアウトラインが最適です。
オーバーレイの仕上げとエクスポート
満足のいく仕上がりになったら、ファイルをPNG形式でエクスポートしました。透明度が保持されていることを確認することが非常に重要です。白い背景や四角形は表示されません。Photopeaでは透明度は ですFile > Export As > PNG。そうすれば、OBSにインポートして、背景を一切表示せずにビデオフィードに重ねることができます。この手順を省略すると、カメラの後ろに巨大な白い四角が映り込み、見た目が台無しになり、視聴者の注意をそらす可能性があります。また、保存設定で透明度を再確認してください。これが最終的な結果を左右します。
フェイスカメラオーバーレイの作成は、ロケット科学的な難解さではありませんが、細かい設定や選択肢が重要になります。重要なのは、境界線、色、透明度がどのように連動するかを理解することです。私はOBSの隠しオプションをいじったり、適当なチュートリアルをいじったりして、かなりの時間を費やしましたが、基本を押さえてしまえば、すべてがずっとすっきりと見えるようになりました。さらに、自分でデザインできるので、ありきたりなテンプレートを使う必要がなくなり、自分だけのスタイルを加えることができます。
これがお役に立てば幸いです。私も解決するまでにかなり時間がかかりました。でも、これで配信用の素敵なオーバーレイが完成しました。お金をかけたり、Photoshopで何時間もかけたりすることなく、ずっとプロフェッショナルな仕上がりになります。頑張ってください。配信を楽しんでください！
この記事は役に立ちましたか？