---

今回は...
不動産・建築関連のWeb担当者さんが、
「物件紹介のページを更新する際に、物件のパース画像や間取図の画像に『成約済』などの別の画像を重ねたい。」
というお話です。

制作会社には、色々な制作ソフトが揃っているので、上記のような画像制作はPhotoshopでレイヤーで重ねれば簡単に作ることができるのはわかりますが、一般の企業では、WordやExcelは持ってても、PhotoshopやIllustratorをちゃんと揃えているところはあまり多くありません。
会社によっては、画像制作するソフトの購入を検討いただける場合もありますが、月に数回使うかどうかのものには、なかなか予算を割けないと思います。
そこで、このコラムではPhotoshopのようなことができるオンライン画像編集ツールの「PIXLR EDITOR」の使い方を解説します。無料で使えます。

---

１．まずはサイトにアクセス！

---

---

http://pixlr.com/
にアクセス。
左の「PIXLR EDITOR」をクリックすると、日本語のメニューが出てきます。（日本語化されているので気持ちが楽ですね！）

---

２．パソコン内の画像を選択

---

---

この画面では使用する画像を選択します。上から2番目の「コンピューターから画像を開く」を選択します。
ここでは、パソコン内にある物件間取り画層を選択すると、画像が読み込まれます。

---

---

３．画像のサイズを変更

パソコン内の画像そのままだと、少し大きすぎるので掲載用に適したサイズに縮小しましょう。今回は横幅1200ピクセルに設定します。
上部メニューの「画像」→「画像サイズ...」で出てきたパネルに数値を入れ「OK」

---

---

４．重ねる画像を読み込む

---

次に、上に重ねる「成約済」の透過pngスタンプ画像画像を読み込みます。メニューの「ファイル」→「画像を開く...」すると、画像が読み込まれます。

---

---

スタンプ画像は背景が透明なので、グレーと白の格子模様で表示されます。この画像全体を選択します。
メニューの「画像」→「全て選択」を選んで画像全体を選択。
そしてコピーします。
「画像」→「コピー」を選びます。

---

５．間取りの画像に貼付け

次に、間取りの画像の枠をクリックしてこちらの画像に、先ほどコピーしたスタンプ画像を貼り付けます。
「画像」→「貼り付け」
すると、間取り画像にスタンプ画像が重なって表示されます。

---

---

スタンプ画像を任意の位置に移動させます。左端に並んでいるツールの中から、右上の「移動ツール」をクリックして選択。
移動ツールをスタンプ画像の上でクリック・ドラッグして好きな場所に移動させます。
これで、背景が透明な画像と、元の画像、2枚重ねることができました。

---

---

６．保存

---

---

最後に、上部メニューの「ファイル」→「保存...」で名前を付けて保存して終了です。保存する際に、JPEGやPNGなど選択できます。通常はJPEGで保存すれば問題ないでしょう。

---