ホームページのバナーなどの画像編集について教えてください。

質問

ホームページのバナーなどの画像編集について教えてください。

ちなみに私のパソコンレベルはホームページビルダーにてサイトを素人レベルで２つ作っています。
（http://ww7.enjoy.ne.jp/~hokusanso/とhttp://www.h7.dion.ne.jp/~cavatina/）です。

私は今回楽天市場に出店をするのですが、最近トップページの商品バナーが綺麗に作っておられるサイトをたくさん見ます。

私もできれば作って出店したいと思っています。

http://www.rakuten.co.jp/s3store-r8/にて掲載されているように

綺麗な商品バナーが作りたいです。
そこで分からないのが、商品画像を綺麗に切り取る方法です。

ただの合成ならホームページビルダーについているウェブアートデザイナーでしたことはありますが、商品を背景画像から切り取るやり方がわかりません。

何かいいソフト（有料と無料）があれば教えていただきたいのと、やり方の説明が詳しく乗っている書籍、又はサイトがあれば教えてください。

そして私のレベルでもできるでしょうか？

回答No.2

epishipi1

切り取るのではなく背景部分を透明化して合成するだけです。

境界線がなかなかうまく囲めないので通常写真撮影の際背景をはっきりとした色一色で撮影します。

撮影した画像を画像処理ソフト（ＨＰびるだーどもできるんじゃないかな？）で背景色をマスキングし、透明化。
後は別の背景に重ねるだけです。

回答No.1

Dagasiya

質問者さんは写真から商品だけを切り抜きたいということでしょうか？
添付画像のように写真から必要な部分を切り抜いてから、背景と合成すれば、商品と色付き背景の画像が生成できます。
使うのは「PhotoShop」,「GIMP」,「半透明貼付加工ツール＋ナビ付」などでできます。どのソフトを使っても流れはだいたい同じです。「PhotoShop」と「GIMP」を使えば色々な加工ができますが、参考書籍がないとうまく扱えないと思います。「半透明貼付加工ツール＋ナビ付」は「GIMP」ほどの機能はありませんが、初心者には扱いやすいです。
切り抜く方法ですが、写真を読み込んでから、いらない部分を透明色に塗って商品部分だけを残すように削ります。大雑把に切り抜いてから細かい部分を手作業で１ドットずつ消していって商品だけきれいに残すのですが、根気のいる作業で数十分ほどかかる場合もあります。
できたらPNG形式で保存します。
背景になる写真か、作ったグラデーションの画像などを読み込んで、その上にさっき作った商品画像を重ねてみて位置合わせします。決まったら合成して、できた画像をJPG形式で保存します。
あとは画像サイズを縮小して、縮小してできた最終画像をホームページに載せればいいと思います。

「半透明貼付加工ツール+ナビ付(オプトメディア版)」
http://www.vector.co.jp/soft/winnt/art/se478885.html
「GIMP2」
http://www.geocities.jp/gimproject/gimp2.0.html