【procreate】背景を透過させる

procreateって背景画像を透過させることができるって知ってました?

背景との境界がハッキリしていて、シンプルな場合は、手間をかけずに簡単に透過させることができます (複雑な時は手動で切り抜いていくことになりますが、今回は割愛します)。

 

今回はこちらの方のサイトを参考にさせていただきました。

リンクを貼らせていただきます。

写真の背景を切り抜く方法【Procreate】 | うーたみイラスト

 

以下は自分用の備忘録です。

 

 

自動で背景透過させる方法

画像を選択

背景を投下させたい画像を選択します。

f:id:mikanusagi:20260704193434j:image

 

背景部分を選択

リボンみたいなマークを選択して、「自動」「追加」を選択した状態で、透過させたい背景部分をタップします。

f:id:mikanusagi:20260704193425p:image

 

選択範囲を調整する

画像の外側の部分を触ると選択部分のしきい値を調整することができます。

f:id:mikanusagi:20260704193410p:image

 

背景部分を削除する

上のバーにある矢印マークを選択します。

f:id:mikanusagi:20260704193416p:image

 

そのまま画像外に持っていくと背景がなくなります。

f:id:mikanusagi:20260704193405p:image

 

完成

背景部分だけ削除した画像になりました。

細かいところが気になる時は、消しゴムツールで消すなど微調整しましょう。

画像をダウンロードする時は、背景色の選択を外してPNG画像で保存します。

 

 

おまけ・失敗した理由

実はこれができるようになるまで、何度も失敗をしました。

それはなぜか。

f:id:mikanusagi:20260704193421j:image

↑これだったからです。

procreateは、このリボンマークの部分は、前の設定をそのまま引き継いでくれるので、「塗りつぶし」が有効になったままやっていたんです。そうすると当然、背景を削除しようとしても背景に色がついてしまってうまくいかない…。

最初コレに気づいていなかったので、何回も失敗しました。。笑

ちゃんと確認しましょうというお話でした。

 

ちなみになんでこの設定にしていたかというと、袋文字を作るために「塗りつぶし」をオンにしていたからでした。│ᐕ)

f:id:mikanusagi:20240601043223p:image

www.mikanusagi.com