新型コロナウイルス拡大防止策による在宅勤務のご案内

誠に勝手ながら、新型コロナウイルスの拡大防止策の一環として3月27日より在宅勤務とさせていただいております。
そのため、代表番号(03-6416-5195)にお掛けいただいた場合、誠に申し訳ございませんが、お電話が繋がりません。お問い合わせをご希望のお客様に関しては 当サイトの問い合わせフォームよりご連絡を下さいますようお願い申し上げます。

問い合わせフォームはこちら

商品画像を切り抜く方法

1.はじめに

Photoshop初心者のEC担当者様向けPhotoshop講座です。

今回のコラムでは、「画像の切り抜き方」をご紹介します。

商品の白抜き画像を作りたい方や、画像の一部のみを使用したい時に使えるテクニックです!

フォトショップには、さまざまな切り取り方があります。

今回は一番単純で確実な切り取りツールを使った方法をお伝えします!

2.切り取り方

今回は以下のような商品画像を用意しました。

こちらの中央に映るボトルを切り取ってみましょう。

2-1.まず、フォトショップで画像を開きましょう。

まずは、加工したい画像データをPhotoshopのアイコンにドロップ&ドラックしてデータを開きましょう!

2-2.画像をスマートオブジェクトに変換する

レイヤーウィンドウに表示された画像のレイヤーを右クリックし、「スマートオブジェクトに変換」を選択します。

マートオブジェクトとはオリジナルの画像を完全に保持するオブジェクトに変換する機能のことです。

換しておけば、拡大・縮小したりフィルターや補正をかける際に発生する画質の劣化を防ぐことができます。

2-3.切り取りたいエリアを選択する

ツールバーにある「多角形選択ツール」を選択します。

簡単に「多角形選択ツール」を説明すると、点と点で繋いだエリアを選択範囲にする事が出来るツールです。

自由な形に選択範囲を決めることができるので便利ですよ。

まずは、切り抜きたい画像の輪郭を1箇所クリックして、開始点を決めます。

そして、切り取りたい輪郭に沿ってクリックしながら、エリアを広げていきます。

この時、ダブルクリックはせず、1回1回クリックを行ってください。

カーブしている部分は点の数を多くすると滑らかになります。

最終的に、ぐるっと線で商品を囲み、開始点までクリックできれば選択完成です。

2-4.選択範囲にマスクを追加する

点線で囲まれた状態のまま、レイヤーウインドウ下にある「マスクを追加」のマークを押します。

商品のみが切り取られました!

正確には、マスク機能を利用して、画像の必要のない部分を覆って隠している状態です。

画像を直接編集してないので、失敗した時はマスクだけを削除すれば、何度でもやり直すことができます。

3-2.画像を保存する

お好みのカンバスサイズに変更し、「ファイル」→「書き出し」→「WEB用に保存」を選択します。

「web用に保存」では、「JPEG」「GIF」「PNG」の形式を保存することができます。

用途に合わせて変更してください。

3.最後に

いかがでしたか?

「多角形選択ツール」は、人物や動物等の輪郭が細かいものには不向きですが、

直線が多い物や単純な形のものを切り取るには便利なツールです。

ぜひ使いこなしてみてください!

お取引先様一覧(一部) -多くのお客様に弊社サービスを導入頂いております-

楽天 Amazon Yahoo

ユーグレナ・オンライン様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

チャップアップ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

クリアネオ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo

ベルタ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

ブレスマイル様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

アクセサリー ジュエルVOX 様

運営代行、コンサルをさせて頂いております。

楽天 Yahoo Qoo10

セレクトショップMOMO様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

美マルシェ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo Qoo10

プロ愛用ジェルネイル通販ジェルネ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天

出島オンライン様

運営代行、コンサルをさせて頂いております。

楽天

スタイリンカー様

運営代行、コンサルをさせて頂いております。

Qoo10

ル・フタール様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

Smart Beam Laser正規代理店 MONCHUA様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo 製作

ヘアケアラボ様

コンサル、各種制作をさせて頂いております。

自社サイト

VENOSAN SHOP様

運営代行、コンサル、各種製作をさせて頂いております。

オウンドメディア

MUKUMI 様

オウンドメディアの構築、コンサルをさせて頂いております。

Qoo10

弾性ストッキングファクトリー様

運営代行、コンサル、各種製作をさせて頂いております。

制作 広告運用

東京血管外科クリニック様・ハンドベイン(手の血管)手術

広告運用代行、コンサル、各種製作をさせて頂いております。

制作

メンズスタイル様

同梱冊子の製作をさせて頂きました。

製作 広告運用

東京血管外科クリニック様・下肢静脈瘤手術

広告運用代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo 製作

ヘアケアプラス様

コンサル、各種制作をさせて頂いております。

楽天 Qoo10

Hera-Witch様

運営代行、コンサルをさせて頂いております。

楽天 Yahoo

フラコスメ様

運営代行、コンサル、各種製作をさせて頂いております。

オウンドメディア

beauty air様

オウンドメディアの構築、コンサルをさせて頂きました。

制作

株式会社ペンギントレード様

コーポレートサイトの制作をさせて頂きました。

オウンドメディア

ブランド図鑑.com 様

オウンドメディアの構築、コンサルをさせて頂きました。

製作

こころ卓球様

商品ページの製作をさせて頂きました。

制作

株式会社メディソリーゾ様

商品ページの製作をさせて頂きました。

オウンドメディア

住宅ローンSOS様

オウンドメディアの構築、コンサルをさせて頂いております。

制作

マハロネイルサロン 様

HPや販促チラシなどの製作をさせて頂きました。

制作

マハロヌイロア 様

HPや販促チラシなどの製作をさせて頂きました。

製作

アトリエKT-2様

HPや販促チラシなどの製作をさせて頂きました。

制作 Qoo10

海外ブランドならサウスコースト 様

運営代行、コンサル、各種制作をさせて頂いております。

Amazon Yahoo 制作 Qoo10

レディースシューズ ALETTA(アレッタ)様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

美甘麗茶 楽天市場支店様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

palclair楽天市場支店様

運営代行、コンサル、各種制作をさせて頂いております。

楽天

靴ネット通販コア様

コンサルティングをさせていただいております。

SNS

SHOEZOO様

インスタグラムの運用をさせて頂いております。

楽天 Yahoo 製作

ヘアケアフェスタ様

コンサル、各種制作をさせて頂いております。

製作

カジヤ様

各種制作をさせて頂いております。

楽天 制作

ブルービーセレクト 様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

Rifle楽天市場店 様

運営代行、コンサル、各種制作をさせて頂いております。

Yahoo コンサル

PARFUM 様

コンサルティングをさせて頂いております

楽天 制作

カルトラーレ 様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

きらりセレクション 様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 Yahoo 製作 コンサル

ブリッサリットル 様

コンサル、制作をさせていただいております。

楽天 Yahoo 製作 コンサル

インテローグ様

コンサル、制作をさせていただいております。

楽天

PENGUIN VINTAGE様

運営代行、コンサルをさせて頂いております。

その他サービス