デザインを守る!背景の白色部分だけを切り抜くテクニック

デザインの背景のみを切り抜いたり透明にしたいときツールを使ったら背景と同色のデザイン部分まで消えてしまった経験はありませんか?


きたっしー
複雑なポートレート写真では綺麗に人物だけ切り取ることが出来ても単純なデザインは背景と同色部分まで切り取っちゃうのはな~ぜなぜ?
ニョロリン
右に習えのごと他の色んなサイトでも処理内容は同じやけん困るとよ。
きたっしー
さっきやっとイメージ通りに出来たと喜んでたら最後のダウンロードが出来ないの。なんか有料会員にならないとダウンロードオプションが使えないんだって!編集最後の最後にじらさないで~、、
ニョロリン
貧乏は辛かね~トホホ・・・

背景色と同じデザイン部分の白色まで消えてしまう例

もっと分かり易く具体的に説明すると、下デザインの画像背景である白のみを削除してPDF画像のロゴのみにしたいとします。しかし、PDFデザイン画像に背景と同じ白が使用されているためツールで背景を削除するとPDFデザイン画像の白部分まで削除されてしまいます。

 

今回はphotoroomという背景削除フリーサイトを利用しました。
デザインの枠だけが残って必要な内側の白塗り部分までが全て消えてしまっている。

解決方法の手順

  1. 背景のみを削除したいので背景白を別の色に編集。
  2. 編集した背景色を指定してフリーの背景削除サイトで削除処理。

背景白を別の色に変換編集

Windows標準装備のペイントで画像を開き背景を好きな色で塗りつぶします。今回は黄緑で塗りつぶしました。

塗りつぶした部分の透明化

ラッコツールの透過画像作成ツールで先程黄緑色に塗りつぶした場所を透過処理します。こちらはもちろん無料です。透過処理してくれるサイトは他にもいくつかありますが、こちらのラッコツールはその中でも使いやすくおすすめです。

スポイドで透過したい色を指定してマウスでパーセンテージを動かし影響度合いを指定します。今回の黄緑色はデザインで全く使用されていないので100%を指定しました。処理が完了したらダウンロードします。

 

背景を透過処理して完成した画像

効果が分かり易いように背景に方眼を設定しています。

透過画像作成ラッコツール

まとめ

最後のデザイン結果を導きだすまで他の透過サイトなど幾つも試し続けましたが、無料で簡単に処理出来るサイトがなかなか見つからず結果ペイントを使って一旦背景を違う色で塗りつぶしてその部分を透過するやり方に落ち着きました。

このやり方で編集すれば5分程度の時間で処理が完了します。無料で出来るので透過処理のひとつのテクニックとして頭の片隅に入れておくときっとそのうち役に立ちますよ!