【無料】Pixlr Eで簡単に背景透過!写真を切り抜いて背景を透明に(透過)する方法

\ Amazon新生活SALE FINAL /
4/1(月)まで!会場はこちら

画像を切り抜いて背景を削除&透明にしたい時、どうしていますか?

スマホでも自動で切り抜けるようになりましたが、自動の場合はうまくいかないこともしばしば。
画像を思う通りに切り抜けず、困っている方も多いと思います。

画像を自由に切り取って背景を透明化できるようになると「プロ感」が出て、周りと一歩差をつけることができます。

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


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

今回は無料かつインストール不要のオンラインツール「Pixlr E」を使って、自由に画像を切り抜いて背景を透明にする方法を解説します。

一度覚えてしまえば色々と使えてとても便利。仕事の資料作成にも役立つスキルです。
なにより画像の切り抜きができるようになると、デザインが楽しい!

ぜひトライしてみてください。

これまでは作成した画像の保存数は無制限だったのですが、2023年から「1日に3画像まで」の制限(それ以上利用する場合は有料プラン)がかかっています

目次

Pixlr Eとは

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

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

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

設計事務所で働いていた時に、AutoCADを使っていました。

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

Pixlr Eで写真を切り抜いて背景を透明に(透過)する方法

2017年の記事のため、画面や操作は一部異なりますが、基本的な操作方法は大きくは変わっていません。

まずは、Pixlr Eにアクセス。
切り抜きたい画像をアップロードします。

1. 切り抜きたい画像をアップロードする

pixlr editorのトップページ

「コンピューターから画像を開く」を選択します。
※Safariだとうまく動かないので、ChromeかFirefoxをオススメします

切り抜きたい画像を選択しアップロードします。

pixlr editorで切り抜きたい画像をアップロード

今回は、息子が描いた魚の絵の「きんめだい」部分だけを切り抜いてみます。

2. 余分な部分をざっくり四角形で切り抜く

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

pixlr editorで切り抜きたい画像の余分な部分をざっくり四角形で切り抜く

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

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

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

3. 余分な部分や背景を消す

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

pixlr editorで余分な部分や背景を消していきます

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

pixlr editorで選択範囲が点線で表示されている状態で、キーボードの「delete」ボタンを押すと選択範囲が白くなります。

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

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

pixlr editorで投げ縄ツールを選択し、さらに、多角形投げ縄ツールを選択

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

pixlr editorで範囲を指定しながら、最後にスタート地点をクリックすると、囲まれた選択範囲が点線で表示されます

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

pixlr editorで上部分の切り抜き完了!

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

pixlr editorで線は表示されないのですが、画像の範囲外の黒い部分でクリックすると、その場所を選択してくれます

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

pixlr editorで画像の範囲外の黒い部分でクリックすると、その場所を選択

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

pixlr editorで画像の余計な部分を削除

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

4. 画像の背景を透明にする

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

pixlr editorで画像の背景を透明にしていきます

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

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

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

すると…

pixlr editorで選択範囲が反転した状態で選択

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

[pixlr editor]先ほどのコピー&ペーストすると、「レイヤー1」が自動的に作られます

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

[pixlr editor]「レイヤー0」を選択した状態で、ゴミ箱マークを押し、「レイヤー0」を削除

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

[pixlr editor]背景が市松模様になった状態で「ファイル」の「保存」を選択

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

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

5. 背景を透明にした画像を保存する

「ファイル」の「保存」を選択すると、小さいウインドウが開きます。

[pixlr editor]「フォーマット」で「PNG」を選択し、OKボタンをクリック

「フォーマット」で「PNG」を選択し、OKボタンをクリックします。
これで完成です!!

【Pixlr Eで写真を切り抜いて背景を透明に(透過)する方法】のおわりに

自由に画像の切り抜きができるようになると、自分でできるデザインの幅が広がります。
ちなみに、この「きんめだい」は2017年の年賀状でこんな風に使いました。

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

他の魚も、色々な紙に別々に描かれていたものを写真撮影し、線の部分だけ切り抜きました。

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

これからも無料で使える画像加工の方法を探しながら、ここでシェアしていきたいと思います。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次