Skip to main content
Participating Frequently
February 26, 2025
Answered

黒縁があるイラストの切り取り

  • February 26, 2025
  • 6 replies
  • 2439 views

黒縁があるイラストを綺麗に切り取りたいのですが、上手くできません😭

クイック選択ツールで切り取ると、黒縁なしの中身だけ抜き取られたりします。

 

中身だけ切り取り後から境界線を3 pxで追加するとブツブツが発生します、、、

 

皆さんは、黒いフチがついたイラストはどうやって切り取りをしていますか?

Correct answer ajabon grinsmith

ありがとうございます。ちょっとだけやってみました。

 

【参考】クイック選択ツールで軽くなぞったやつ…は、けっこうガタつきますね。

 

こっちは、オブジェクト選択ツールで作った選択範囲。ここまではあんまり差が感じられないかもですが、

 

上記から 選択範囲を変更  >  拡張 したものをクイックマスクで確認してみると、クイック選択とは段違いにいい感じですねえ。耳の付け根あたりは微妙に丸みが出ましたが…頭のてっぺんは元から他より線が太いので要調整ですかね。

 

品質重視でいくなら、ジェムさんがおっしゃるようにパスでの切り抜きがいいです(いきなりできるもんでもないのですが…)。

6 replies

Inspiring
February 28, 2025

皆様のご助言のお陰で、綺麗に切り取ることが出来ました!

オブジェクト選択ツールで中身を選択

②フィルタ>その他>明るさの最大値を選択して、黒フチ部分まで選択範囲を拡げる

③選択範囲を変更 > 拡張 

でマスクをかけることができました!

 

次はペンツールを使ってマスク(ベクトルマスクっていうんですかね)がかけられるように精進してまいります。

 

皆さま、ご助言いただき、本当にありがとうございました!

 

 

 

Yamonov
Legend
March 1, 2025

解決してそうなところすみません。

 

なんだが画像が変なことになってますね?お分かりになるでしょうか、黒フチの回りに他より明るい線ができています。また、本来切り抜かれて何もない状態であるべきところに妙な点ができています。

 

▼強調したところ。外側にマルがいっぱいありますね。内側が光っています。

 

 

 

>①オブジェクト選択ツールで中身を選択

>②フィルタ>その他>明るさの最大値を選択して、黒フチ部分まで選択範囲を拡げる

>③選択範囲を変更 > 拡張 

 

 

本来、この1と2の間に「Q」を押してクイックマスクモードに入る手順があります。

クイックマスクモードで、フィルタをかけましたか?

どうもそうではない時にフィルタをかけているように見えます。

 

2で選択範囲がきれいに広がっていれば、3の手順は余計です。

 

--Yamonov
Inspiring
March 1, 2025

Yamonov様

 

しっかり確認してくださり、ありがとうございます!!

クイックマスクモードは、フィルタをかける前に選択範囲の微調整をし外してしまいました💦

気づかなかったのですが、改めてみるとお恥ずかしいほどに白い点々がありますね・・・

 

クイックマスクモードを使ってフィルタをかけてみました!

 

ご教授いただき、ありがとうございます。

 

Legend
February 27, 2025

もう正解が出てるようですが、こういうベタ塗りのような単純な絵柄でしたら一旦極端に解像度を上げてから自動選択なりクイック選択なりすると綺麗な選択範囲が作れることもあります。

Inspiring
February 27, 2025

オブジェクト選択ツールで黒縁なしの中身だけ選択→ベクトルマスクを作成して背景を透明に→レイヤー効果の光彩(外側)でスプレッドを100%、サイズを適宜にして黒く縁取る。でどうでしょうか。

Participating Frequently
February 27, 2025

ご返信、ありがとうございます!

色々試してみましたが、選択範囲を変更  >  拡張 が1番綺麗に切り取れました!

 

1番理想なのはペンツールだったのですが、私の技術の問題でなかなか綺麗に切り取れませんでした・・・

 

ご協力いただき、ありがとうございます!

Yamonov
Legend
February 27, 2025

元はどんな背景が付いていたんでしょうか。それによって最適な手法が大きく変わったりします。

 

輪郭の外側に黒い放射線みたいな背景だったりしますか?

できれば切り抜く前の画像を見せてください(可能ならでいいです)

その際、画面をカメラで撮るのではなくて、スクリーンショットか画像自体をトリミングしてもらったほうが、こちらでもいろいろと試せるので良いですね。

スクリーンショットの撮り方はこちらなど

https://www.oleshop.net/blog/j20230318m/

--Yamonov
Participating Frequently
February 27, 2025

ご返信ありがとうございます!

 

元の画像はこちらです。

もともと黒縁が見えづらいです・・・

 

耳の上など、自分の目でもどこまでが黒縁か見づらく、マスク&ブラシでも切り取りづらかったです。

Community Expert
February 27, 2025

この感じでしたらペンツールがおすすめです。ペンツールは慣れは必要ですが、ブラシ等手動では難しい曲線も滑らかに切り取りができますので。

 

Community Expert
February 27, 2025

切り抜き方に関しては色々と方法があります。

 

ツールの例を挙げますと

 

・クイック選択ツール

・自動選択ツール

・オブジェクト選択ツール(囲んで選択する、被写体の選択でも結果は違う)

・色域選択

・チャンネルの利用

・ペンツールの利用

・マスクとブラシ

 

などがあります。

 

どれを使うのが有効かは元の素材によります。

 

シンプルな背景なのか、複雑な模様や色があるのかなどで使用するツールは変わってきます。

 

ただイラストの場合ですと「オブジェクト選択ツール」でほぼ大丈夫だと思います。

クイック選択ツールとの違いとしてAIが認識してくれるのでより精度が高くなります。

 

一回でうまくいかない場合は部分ごとに分けて調整しましょう。

別の選択ツールを使用してみたり、ブラシを使ってマスクを調整したり。

 

解像度が高くない場合は自動選択系では境界線がガタガタになりやすいので

ペンツールで切り抜くのがおすすめです。

Participating Frequently
February 27, 2025

ご返信、ありがとうございます!

 

クイック選択ツールとオブジェクト選択ツールは同じものだと思っていましたが、精度に違いがあるんですね!

 

ちょっとオブジェクト選択ツールやブラシ&マスクで切り取ってみます!

 

ご教示ありがとうございます!

ajabon grinsmith
Community Expert
Community Expert
February 26, 2025

あげられた画像は切り抜き後の状態でしょうか? 元の状態を見ることは可能でしょうか?

 

>中身だけ切り取り後から境界線を3 pxで追加

…について、具体的にはどんな操作をされましたか?

 

ぱっと見だと、黒フチの内側が選択できたら

メニュー 選択範囲 > 選択範囲の変更 > 拡大

でそこそこよさげになる予感はあります。

Participating Frequently
February 27, 2025

ご返信、ありがとうございます!

 

切り取り前の画像はこちらです。

元の画像も縁が見づらいです・・・

 

また、行った操作は以下の通りです。

クイック選択ツールでオブジェクトを選択し、新規レイヤーにコピー後、レイヤースタイルで境界線(3px)を追加しました。

 

 

ajabon grinsmith
Community Expert
ajabon grinsmithCommunity ExpertCorrect answer
Community Expert
February 27, 2025

ありがとうございます。ちょっとだけやってみました。

 

【参考】クイック選択ツールで軽くなぞったやつ…は、けっこうガタつきますね。

 

こっちは、オブジェクト選択ツールで作った選択範囲。ここまではあんまり差が感じられないかもですが、

 

上記から 選択範囲を変更  >  拡張 したものをクイックマスクで確認してみると、クイック選択とは段違いにいい感じですねえ。耳の付け根あたりは微妙に丸みが出ましたが…頭のてっぺんは元から他より線が太いので要調整ですかね。

 

品質重視でいくなら、ジェムさんがおっしゃるようにパスでの切り抜きがいいです(いきなりできるもんでもないのですが…)。