【無料】PixlrEditorで簡単に背景透過！写真を切り抜いて背景を透明に（透過）する方法

こんにちは、マルキ(@maruki40)です。

ブログやSNSで、加工された画像を目にする機会が増えました。

一方で「この画像、よくあるパターンだな」「もっと自分の思い通りに加工したい！」と感じている方も多いのではないでしょうか。

画像を自由な形に切り抜くことができるようになると、画像に「プロ感」が出て、周りと一歩差をつけることができます。

「フォトショップは難しそうだし、そもそも有料で高いし…」
「わざわざツールをインストールするのも面倒くさい…」

と思っている方、ご安心ください。

無料かつインストール不要のオンラインサービス「PIXLR EDITOR(ピクセラ エディター)」を使えば、簡単に画像を自由に切り抜くことができます。

画像の切り抜き方法は、一度覚えてしまえば色々と使えて便利。
マルキはブログやSNSだけでなく、仕事の資料作成や、年賀状づくりにも使っています。

皆さんもぜひトライしてみてください！

PIXLR EDITORとは

PIXLR EDITORは、オートデスク社が提供している無料で使える画像加工のオンラインサービス。

簡単に言うと「フォトショップ的なことがウェブブラウザ上で無料でできちゃうツール」です。

ちなみにオートデスク社は図面作成(CAD)のソフトウェア開発をしているアメリカの企業。
日本の設計事務所などでもよく使われている設計ソフト「AutoCAD」を開発しています。

つまり、PIXLR EDITORは技術的にも信頼がおける企業の無料サービス。使わなければもったいない…！

1.画像をアップロードする【無料で簡単！PIXLR EDITORで画像の切り抜き】

PIXLR EDITOR(https://pixlr.com/editor/)にアクセスし、「コンピューターから画像を開く」を選択します。

※Safariだとうまく動かないので、ChromeかFirefoxをオススメします

切り抜きたい画像を選択します。
今回は、息子が描いた魚の絵をアップロード。「きんめだい」だけを切り抜きたいと思います。

<

h3>2.余分な部分をざっくり四角形で切り抜く【無料で簡単！PIXLR EDITORで画像の切り抜き】

作業をしやすくするために、きんめだい以外の余分な部分を切り抜きます。

左上の切り抜きツールを選択し、切り抜く範囲を指定します。
「変更を適用しますか？」という画面が表示されるので、「はい」をクリックします。

これで余分な部分をざっくり四角く切り抜くことができました。

3.余分な部分や背景を消す【無料で簡単！PIXLR EDITORで画像の切り抜き】

ここからは余分な部分や背景を消していきます。

選択ツールを選択し、消したい背景部分を適当な場所でクリックします。
「変更を適用しますか？」という画面が表示されるので、「はい」をクリックします。
すると、選択範囲が点線で表示されます。

選択範囲が点線で表示されている状態で、キーボードの「delete」ボタンを押すと選択範囲が白くなります。
（一回押しただけでは削除しきれない場合があるので２、３回押しておきます）

このままだと、上と下にまだ余分な部分があるので、それぞれ消していきます。

投げ縄ツールを選択し、さらに、多角形投げ縄ツールを選択します。
適当な場所からスタートし、ポチポチとクリックしながら、消したい範囲を指定していきます。

範囲を指定しながら、最後にスタート地点をクリックすると、囲まれた選択範囲が点線で表示されます。
先ほどと同様にキーボードの「delete」ボタンを押して選択範囲を消します。

上部分は完了！
下部分も同じ要領で消します。

線は表示されないのですが、画像の範囲外の黒い部分でクリックすると、その場所を選択してくれます。
実際は上の図のような画像の範囲外の場所をクリックしているのですが…

このような形で選択してくれます。

これでキレイに消すことができました！

4.画像の背景を透明にする【無料で簡単！PIXLR EDITORで画像の切り抜き】

作業完了までもう一息です！
画像の背景を透明にしていきます。

選択ツールを選択し、白い部分を適当な場所でクリックします。

選択範囲が点線で表示された状態で「編集」の「選択部分の階調を反転する」を選択します。

すると…

選択範囲が反転した状態で選択されます。
この状態でコピー(control+C)し、ペースト(control+V)します。

先ほどのコピー＆ペーストすると、「レイヤー１」が自動的に作られます。
レイヤー「背景」のカギマークをダブルクリックします。

レイヤー「背景」の名前が「レイヤー0」に変わります。
「レイヤー0」を選択した状態で、ゴミ箱マークを押し、「レイヤー0」を削除します。

背景の白色が消え、絵の周りが白色と灰色の市松模様になっています。
この市松模様の部分が、背景が透明になっている範囲になります。

背景が市松模様になった状態で「ファイル」の「保存」を選択します。

5.背景を透明にした画像を保存する【無料で簡単！PIXLR EDITORで画像の切り抜き】

「ファイル」の「保存」を選択すると、小さいウインドウが開きます。
「フォーマット」で「PNG」を選択し、OKボタンをクリックします。

これで完成です！！

画像の切り抜きができるようになると、デザインが楽しくなる！【無料で簡単！PIXLR EDITORで画像の切り抜き】

自由に画像の切り抜きができるようになると、自分でできるデザインの幅が広がります。

ちなみに、この「きんめだい」は2017年の年賀状でこんな風に使いました。
他の魚も、色々な紙に別々に描かれていたものを写真撮影し、線の部分だけ切り抜きました。

画像の切り抜き方、いかがでしたでしょうか。
長々と書いてしまいましたが、慣れてしまえば数分でできるようになりますよ。

これからも「一歩差がつく画像加工の方法」を探しながら、ここでシェアしていきたいと思います。