Photoshopで切り抜きをして背景を透明にするには?

背景のない(透明な)画像が作りたいときありますよね

そのやり方って様々と思いますが、

その1つ

Photoshopで作った画像の背景を透明にしてIllustratorで開きたい、使いたい、埋め込みたいって場合のやり方について…

 

背景を消す-min

 

背景を消す_2-min

 

〜〜手順〜〜〜〜〜〜〜〜〜〜

◆1、Photoshopで背景を透明にする

1-①、背景を切り抜く(画像を抽出する)

1-②、背景レイヤーを削除する

1-③、PSDで保存する

1-④、Illustratorで開く

〜〜〜〜〜〜〜〜〜〜〜〜〜〜

 

スポンサーリンク

 

◆1、Photoshopで背景を透明にする

1-①、背景を切り抜く(画像を抽出する)

背景をなくしたい場合(背景を透明にしたい場合)目的は色々あると思う

人物を切り取って別な場所にいるようにしたり、バックを差し替えるためだったり、フォトショで作った文字をイラレで使いたかったりなどなど….

文字の場合は背景レイヤーを削除すればいいだけですが、画像の場合、まずは切り抜き(画像の抽出)をしなければならない

CS6の場合だと

自動選択ツール、多角形選択ツール、クイック選択ツールなどで大雑把に選択して境界線を調整するのが楽だと思う

 

自動選択ツール自動選択ツール-min

 

多角形選択ツール多角形選択ツール-min

 

そしてクイック選択ツールクイック選択ツール-min
この クイック選択ツール” は、かなり使いやすい

マウスで選択したい範囲をなぞってはみ出だ部分や足りない部分を調整できます

 

プラスアイコンの状態でマウスでなぞれば範囲を追加でき、
プラスアイコン

 

optionキーを押しながらマウスでなぞれば範囲を削れます
(マイナスアイコンになる)

マイナスアイコン

クイック選択ツールは結構便利で助かります

 

で、更に、髪の毛部分とか選択が難しい部分は、“境界線を調整”して、さらに消しゴムツールなどの硬度を変えて整えるのがわりと楽かなと感じる境界線を調整-min

 

エッジの半径やシフトなどなどで境界線を整える境界線を調整する-min

 

適当に選択-min

 

選択し、切り取った画像-min

すまみせん思いっきりテキトーにはしょってます

実際はちゃんと繊細にやります笑

 

で、切り抜いたら

切り抜いた部分のファイルを作る

そのままそのファイルに切り抜いた部分をコピペして不要なレーヤーを削除してもいいかもしれない

新規で作成してみる場合は

 

切り抜いた部分をコピーし、(commdキーを押したままレイヤーの画像部分をクリックして選択し、command+Cでコピーする)切り取った部分だけを選択-min

 

で、

ファイル>新規作成切り抜いた画像を新規ファイルで作成-min

 

新規作成(印刷物に使うのならカラーモードはCMYK解像度は350pix~)新規ファイル作成

 

で、command+Vでペースト新規で作成されました-min

 

photoshop内で他の画像に合成する場合は、コピーした切り抜き画像をそのまま合成したい画像にペーストすればいいだけw

 

 

1-②、背景レイヤーを削除する

次に、背景レイヤーを削除する

 

レイヤーボックスの、背景レイヤーをクリックして選択し、右クリックでレイヤーを削除をクリック背景レイヤーを削除-min-2

 

これで背景のないファイルができました背景なしのPSD-min

 

 

1-③、PSDで保存する

で、上記の状態で、レイヤーを統合せずにPSDで新規保存す

別名で保存-min

 

PSDで保存

統合してJPGとかにしてしまうと背景がついてしまう…….

 

 

1-④、Illustratorで開く

PSDで保存したファイルをillustratorにドラッグするAiへドラッグ-min

 

開けたら選択ツール(左上の矢印ツール)を選択しておいて、画像をクリックし、command+CでコピーAiで開き、コピーする-min

 

で、使いたいデータファイルを開き、そこにペーストする
コピペ-min

 

こんな感じでフォトショで作った文字をイラレで使いたいなどの場合も同じ要領で背景レイヤーを削除してPSDで保存し、イラレで開く

といった感じでOK

 

結構背景なしで使う場面てあるので、基礎的なことなんですが

私はやり始めの時はこの辺につまづいたりしてましたw

今ならネット上にほとんど答えがあるので便利ですよね

なので私もネット上にメモとして残しておきます

 

では楽しいインドアライフをば!

 

※このページのコンテンツはRh.jampjのサンプルコンテンツです
フリー素材ではありません….

 

♥デザイン・画像加工・イラスト等承ります.
お気軽にご相談下さい♥

Rh.jam Project

 

 

スポンサーリンク

カマン❤︎ \(`^\(`^`)/^`)b

 

このエントリーをはてなブックマークに追加
[`evernote` not found]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

1 × 2 =