Remove BGのアカウント作成と、Figma用APIキーの作成方法。 / いがわ

.

Memo

Remove BGのアカウント作成と、Figma用APIキーの作成方法。

Remove BGのアカウント作成手順。

Remove BGのサイトから。

アカウントはRemove BGのサイトの右上の「Sign up(サインアップ)」から無料で作成可能。

写真・画像の背景を一瞬で消すRemove BGのサイトの画面。

アカウントを作成。

「Sign up(サインアップ)」をクリックすると、アカウント作成の画面に切り替わる。

Remove BGのサインアップ画面。

日本語翻訳。

日本語化されていないページがあるので、ブラウザの翻訳機能を使いながら進む。

メールアドレスとパスワードを設定し、利用規約やプライバシーポリシーなどを確認し、チェックを入れる。

Remove BGのサインアップ画面。

認証し、サインアップ完了。

「Sign up(サインアップ)」を押すと、入力したメールアドレス宛に認証メールが届く。

remove bgから届いた認証メールの画面。

「Activate account」をクリックで、認証が完了。


Remove BGのAPIキー作成方法。

Remove BGのサイトの「Tools & API」から。

ツール & API

APIキーはWindowsやMac、Linux用、Android用、Photoshop用などが用意されている。

remove bgのツール & APIの画面。

Design & Photo Editingから、Figmaを選択。

Figma Plugin

Figmaで使用する場合は、Figma Pluginを選択する。

ページが切り替わるので、画面の下の方にある「API Key」のリンク(青い文字)をクリック。

remove bgのAPI取得の画面。

APIキーを作成。

New API Key

Remove BGへログインし、右上の「New API Key」をクリックする。

Remove BGのAPI Keyを作成する画面。

Create API Key

「New API Key」のパネルが現れるので、「Key label」に任意の名前を付ける。

Remove BGのAPIキーの作成画面。

「Create API Key」を押すと、APIキーが作成される。

Remove BGのAPIキーの作成画面。

「Copy」を押すと、APIキーをコピーできる。

これをFigmaへ貼り付ければOK。

Remove BGのAPIキーの作成画面。

FigmaへRemove BGのAPIキーを設定。

Set API Key

Remove BGのAPIキーが作成できたら、FigmaへAPIキーの設定を行う。

ツールバーの「Actions(アクション)」から、「Plugins(プラグイン)」のパネルを開き、「remove bg」で検索する。

新しいインターフェイスのUI3では、ツールバーは画面下部に移動しています。)
Resources(リソース)はActions(アクション)に名称が変わっています。)

Ftgmaへremove bgのAPIを設定する画面。

APIキーの設定。

「Set API Key」を選択すると、設定画面が表示される。

FigmaへRemove BGのAPIキーを設定。

Remove BGのAPIキーを入力する。

Remove BGからコピーしたAPIキーをペーストし、Save(保存)を押す。

FigmaへRemove BGのAPIキーを設定。

以上で、APIキーの設定が完了。

これでFigmaでRemove BGプラグインが利用可能となる。

再起動などは不要で、そのまますぐに使うことができる。)


FigmaでのRemove BGの使い方。

背景削除したい画像を選択する。

Unsplashから、ニャンちゃんの画像を用意。

FigmaのRemove BGプラグインで背景画像を削除する。

Photo by Daniel Octavian

Remove BGを実行する。

ツールバーの「Actions(アクション)」 > 「Plugins(プラグイン)」 > 「remove bg」のパネルで、「Run(実行)」をクリック。

FigmaでのRemove BGの実行の画面。

背景が削除される。

今回の画像は輪郭がはっきりしていないため、毛先などの細かな箇所はアバウトになっている。

FigmaのRemove BGプラグインで背景画像を削除する。

それでもサムネイルなど、小さな素材には十分に使えそうで、クオリティがすごい。


Remove BGとは?

背景画像を一発で削除。

Remove BGは、写真などの画像の背景を自動的に削除してくれる。

サイトへアクセスして、画像をドラッグ&ドロップするだけで良い。

Remove BG:https://www.remove.bg/ja

写真・画像の背景を一瞬で消すRemove BGのサイトの画面。

無料版と有料版。

高解像度の画像の場合、無料プランでの利用はひと月に一度のみとのこと。

たくさん使いたい場合は、サブスクプランもしくは従量制の課金で使用することができる。

商用利用。

商用利用する場合は、有料だと思われる。

Remove BGの、料金とよくある質問の画面。

参照元:料金とよくある質問 – remove.bg

Remove BGのアカウント作成と、Figma用APIキーの作成方法。

以上、参考になれば幸いです。

関連メモ:Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン。

FigmaからCMYKでエクスポート。画像軽量プラグイン「TinyImage Compressor」の使い方。


Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。(元々はメモ書きでした。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真は主にUnsplashPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

井川 宜久 / Norihisa Igawa
デザイナー、ディレクター、講師、コーチ / 井川宜久

Figma 関連メモ。

デザインツールFigmaのロゴ。

使い方 & プラグインなど。


免責事項について

  • 記事ページ(Memosのページ)は当初は文字通りメモ書きでした。その後、修正や更新をしております。
  • 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ早急に対応いたします。
  • 一個人のポートフォリオサイトですので、万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。