商品の写真を使用する際、少しだけ幅が足りなかったり、余計な背景が写っていて、ある一部分だけを切り取りたい・・となった時に良く使われるのがマスク機能です。イメージをお伝えするために、マスクを利用した商品説明をサンプルとして作ってみました。(クリックすると拡大します。)

この丸く切り取られた部分にマスク処理をしています。よく見かけると思いますが、非常に簡単に出来る処理です。お使いになっていますか？ 今回もFireworksCS3を使用して、説明したいと思います。

まずは丸く切り取ってみよう！

写真を用意します。今回は下駄の写真を用意してみました。

ツールバーから楕円ツールを選択します。（図1）矩形ツール等、他のツールが選択されている場合は長押しすると、他のツールが選択出来る様になります。

楕円ツールで円を書きます。この時、Shiftキーを押しながらマウスでドラックすると縦横が同じ正円が書けます。この円の色を白に変更して下さい。（図2）

次に写真と、白い円のレイヤーを、両方選択した状態にします。この時、写真を配置したレイヤーが下、白円が上である事を確認して下さい。
それでは、マスクをかけましょう。 メニューから修正⇒マスク⇒マスクとしてグループ化を選択します。(図3)
これで丸く切り抜くことが出来ました。

さて、今度はもう少し複雑なマスクをかけてみましょう！簡単に出来て、知っておくと大変便利なグラデーションマスクです！