「Apex Legends」というゲームをご存じでしょうか?
プロゲーマーだけでなく数多くの有名人もプレイしており、動画投稿やゲーム配信も盛り上がっている、非常に人気のFPSゲームです。
普段ゲーム配信をしない方でも、このゲームを配信してみようと思った方も多いのではないでしょうか。
Apexなどの人気ゲームを配信する際には、オーバーレイという枠や装飾を表示することで他の配信者と違いを出すことができます。
今回は、自作のオーバーレイでゲーム配信をしている私が、無料で簡単なApex用オーバーレイの作り方を紹介します。
- Apex Legendsの配信を始めようと思っている方
- 他の配信者と差別化をしたい方
Apexオーバーレイの作り方
Apexで主に表示されるオーバーレイはこちらになります。
- 配信画面全体を装飾する枠
- HPバーを装飾する枠
配信画面を全体的に装飾するオーバーレイの作り方を紹介したページを作りましたので、あわせてご覧ください。
>>配信オーバーレイの作り方
本記事では、ApexのHPバーを装飾するオーバーレイについて紹介します。
Apexオーバーレイの作成に必要なもの
作成に必要なのはこちら。
- Apexのスクリーンショット
- 画像編集ソフト(Photoshop、GIMPなど)
スクリーンショットですが、進化シールドやヘルメット等装備した状態で撮影してください。
そして今回の記事では、画像編集ソフトとしてGIMPを使用します。
![kero](https://i0.wp.com/keronote.com/wp-content/uploads/2022/01/icon.png?resize=150%2C150&ssl=1)
無料で高機能な画像編集ソフトなので、非常におススメです!
Apexオーバーレイの作り方
▼まずは、GIMPにて「ファイル」→「開く/インポート」をクリックし、Apexのスクリーンショットを選びます。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-0-1.png?resize=323%2C171&ssl=1)
▼スクリーンショットの画面が表示されたら、「レイヤー」→「新しいレイヤーの追加」をクリックします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-1.png?resize=547%2C128&ssl=1)
▼塗りつぶし色が白となっていることを確認し、「OK」をクリックします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-2.png?resize=600%2C525&ssl=1)
▼画面左上のバケツのマークをクリックし、その下にある2つの色が重なっているアイコンをクリックします。
「描画色の変更」という画面が表示されますので、オーバーレイにする色を選び「OK」をクリックします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-3.png?resize=660%2C491&ssl=1)
▼画面中央をクリックすると、選択した色で塗りつぶされます。
その後、画面右の「レイヤー」横にある目のアイコンをクリックします。
![kero](https://i0.wp.com/keronote.com/wp-content/uploads/2022/01/icon.png?resize=150%2C150&ssl=1)
目のアイコンはレイヤーの表示オン/オフを切り替えるボタンです。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-4.png?resize=1024%2C512&ssl=1)
▼HPバナーの部分を拡大し、画面左上の「パス」をクリックします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-5.png?resize=901%2C385&ssl=1)
▼HPバナーの枠の型を取るように、各ポイントをクリックして1周します。
1周した後Enterキーを押すと、型を取った部分が点線で表示されますので、次に進みます。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-6.png?resize=606%2C155&ssl=1)
▼「選択」→「選択範囲の反転」をクリックした後、deleteキーを押します。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-7.png?resize=371%2C161&ssl=1)
deleteキーを押しても画面が何も変わらないので混乱する方もいるかと思いますが、レイヤーを表示させると、型取った部分が切り抜かれているのでご安心ください。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-8.png?resize=892%2C271&ssl=1)
▼次に、HPやシールド、ヘルメットなどの部分を切り抜きます。
バナー全体を切り取った時と同様、「パス」を選択します。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-9.png?resize=602%2C146&ssl=1)
![kero](https://i0.wp.com/keronote.com/wp-content/uploads/2022/01/icon.png?resize=150%2C150&ssl=1)
Shiftキーを押しながらポイントをクリックすることで、型取りの始点から始められます。
選択後deleteキーを押すと、シールドやHP等の部分が切り抜かれますので、お好きなようにアイコン・名前など挿入してください。
▼作成完了したら、Apexのスクリーンショットのレイヤー横の目アイコンをクリックし、非表示にします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-10.png?resize=880%2C239&ssl=1)
▼作成したHPバーのみ表示されます。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-11.png?resize=880%2C238&ssl=1)
▼「ファイル」→「名前を付けてエクスポート」をクリックします。
拡張子はPNGで保存するようにしましょう。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-12.png?resize=341%2C403&ssl=1)
▼「背景色を保存」のチェックを外し、「エクスポート」をクリックします。
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/1-13.png?resize=380%2C509&ssl=1)
▼エクスポートが完了したら、配信ソフトにてオーバーレイを表示する設定をしてください。
オーバーレイを表示する方法についても以下の記事で紹介しています。
![kero](https://i0.wp.com/keronote.com/wp-content/uploads/2022/01/icon.png?resize=150%2C150&ssl=1)
こんな感じで作ってみました!!
![](https://i0.wp.com/keronote.com/wp-content/uploads/2022/09/0-4.png?resize=382%2C90&ssl=1)
作れなさそうな人は他の人に作ってもらうのもアリ
Apexのオーバーレイの作成方法を紹介してきましたが、画像編集が苦手で作れない、という方もいらっしゃると思います。
そういった場合は、無料ではありませんが、ココナラやSKIMA
などのサイトで他の人に作ってもらうというのもアリです。
![kero](https://i0.wp.com/keronote.com/wp-content/uploads/2022/01/icon.png?resize=150%2C150&ssl=1)
安いと1000円程で依頼できる方もいますので、作ってもらいたいという方はぜひ!
無料で会員登録できますので、まずは登録してみてください。