背景が簡単に透過できる「Clipping Magic」

2014年4月29日現在、正式バージョンとなり有料化されています。
ダウンロードするときに課金プランが出てきます。
(α・βバージョン中にサインアップしていた人は2014年6月14日までは今までどおり無料で使えるようです。)
無料での使用ができなくなりますのでご注意ください。


画像編集していると背景を切り取りたい時ってよくありますよね。
これがけっこう面倒なんです……。

ところがWEB上で簡単に背景(不要な部分)と切り取ってしまえるという超おすすめサイトがありました!
「Clipping Magic」です。

例えば……こんなふうに残したい部分と切り取ってしまいたい色がくっきりしている場合は2回マウスを動かすだけでこんな状態♪
2013111601.jpg

ごちゃごちゃした写真でも、ハイ、この通り。
2013111402.jpg

簡単に使い方を説明しておきます。


「Clipping Magic」

2013111602.gif
「Choose File」をクリックして編集したいファイルを選ぶか、「Drag and Drop Image Here」のところにファイルをドラッグ&ドロップして始めます。

2013111803.gif
①削除したい部分 スペースバーで①と②を切り替えることができます。
②残したい部分  スペースバーで①と②を切り替えることができます。
③はみ出たところを消すことができます。
④編集部分を動かします。
⑤編集をリセットします。
⑥:①②③の大きさが変えられます。
⑦背景色を決めることができます。デフォルトは「透過」になっています。
⑧細かい部分はこちらで調整できます。
→チュートリアル http://clippingmagic.com/tutorials/refine-edges
⑨髪の毛などを切り抜く場合に使います
→チュートリアル http://clippingmagic.com/tutorials/hair
⑩「アンドゥ」「リドゥ」
⑪「拡大」「縮小」 マウスホイールでも拡大縮小できます。
⑫表示を画面に合った大きさに戻します。
⑬編集作業を保存します。
⑭できあがりをダウンロードします。

2013111604.jpg
左の編集画面で①をクリックして不要な部分を大雑把になぞります。

2013111605.jpg
②をクリックして残したい部分を大雑把になぞります。

右画面で残る部分が見えます。

2013111607.jpgちょっと不要な部分が残ってしまったので調整してみましょう。

2013111608.jpg緑色で不要な部分もなぞってしまっているので、不要な緑色の部分を消しゴムツールで消します。

緑色が消えその部分は消去されます。

逆に赤色の部分を消しゴムツールで消すとその色の部分は残すものと判断され、出現してきます。

2013111610.jpg
⑭の「ダウンロード」をクリックし、この表示が出たら「Download Result」をクリックすると編集した画像がダウンロードできます。

2013111611.gif
保存の確認画面が出たら保存してください。

2013111611.jpg
PNG画像として保存されますので、⑦の背景を「透過」(下記画像参照)で作成した場合、背景が透明になっていますので、こんなふうに合成も簡単です。

2013111612.jpg
⑦の背景
これを選択すると「透過」です。

髪の毛の切り出しや細かい調整についてはチュートリアルを参考にしながらいろいろと触って試してみてくださいね!


【追記】
髪の毛の切り出し方について、イマイチ把握しきれておりませんが、説明記事を書いてみました。
少しでも参考になれば幸いです。

背景が簡単に透過できる「Clipping Magic」(「Hair」編)


関連記事

6 Comments

恵那爺  

これ良い

ちょっと試してみたけど、髪の毛周りが結構良い具合になるようです。
髪の毛で苦労していたのでこういうのがあると助かります。
紹介をしてくれてありがとうございます。

2013/11/16 (Sat) 16:48 | EDIT | REPLY |   

れん  

恵那爺様

恵那爺様、いらっしゃいませm(__)m
これなかなかいいですよね!
髪の毛もかなりいけそうです!
まだ使い方を把握していない部分がありますので、じっくりとやってみたいと思っています。

髪の毛などの説明も記事にしてみようかな~と思ったりして(#^.^#)
なにしろ最近ネタ切れ気味で記事が少なめですから、こういうのもネタにした方がいいかな~…って…ね( *^艸^) (^^ゞ

また来てくださいねm(__)m

2013/11/17 (Sun) 12:23 | EDIT | REPLY |   

Eve@館長  

面白い(#^.^#)

こんにちは♪
お久しぶりです(^^)

またまた興味深いソフトをご紹介いただきありがとうございます。
大雑把に選択しただけでカットしてくれるとは!
普通は細かくクリックして選択していかないといけないので
これは簡単でありがたいですね(#^.^#)

不要な部分が残ってしまった時の調整方法も教えていただき
ありがとうございます。 これ面白いですね~(^^)
ぜひいろいろ試してみたいと思います。

> 髪の毛などの説明も記事にしてみようかな~
ぜひ!誰かさん、あまり多くないので、細かい部分まで
ちゃんと残さないと(爆)

2013/11/18 (Mon) 17:23 | EDIT | REPLY |   

クリオンニ  

ありがとうございます

ありがとうございます!!
画像加工が大好きなバアです。
気になっていた加工画像が検索でこちらを知り...
簡単に出来ました。
嬉しくてお礼を.....本当にありがとうございます。

2013/11/19 (Tue) 09:04 | REPLY |   

れん  

Eve様

Eveさん、お越しいただきありがとうございます!
またまた1ヶ月ぶりの更新となっちゃいました(^^ゞ

これなかなかいいですよね!
髪の毛とかもかなり簡単!

あ!髪の毛の使い方、記事にしてみますね。
1本でもたくさん髪の毛を残してやっていただきたいです!(*´σー`)エヘヘ

ただ、これ今ベータバージョンのようで…。
ひょっとしたら正規バージョンになるとフリーで使えるのかどうか…その辺が心配です。
ずっとフリーで使えるといいのにね。

2013/11/19 (Tue) 11:59 | EDIT | REPLY |   

れん  

クリオンニ様

クリオンニ様、いらっしゃいませm(__)m
嬉しいコメントを残してくださってありがとうございます。

画像の加工楽しいですよね~♪
いろんなサイトで見つけた楽しいソフトやWEBアプリを紹介しておりますが、実はこれ、自分のためだったりするんです。
何しろ、使い方をすぐに忘れたりしそうですから…(^^ゞ

たくさんのブログの中からこうやって私の備忘録的記事にたどり着いてくださって、私と同様にそれを使って何かできた!楽しめた!と言っていただけることはものすごくうれしいことです!

これからも画像加工を楽しみましょうね(*^_^*)
コメントありがとうございました。

2013/11/19 (Tue) 13:26 | EDIT | REPLY |   

Post a comment