フォトショップでレイヤーマスクを使用して帯状のリボンを作成
フォトショップで上記のような帯状のリボンを作成したいと思いますが、使うテクニックはレイヤーマスクのみ。非常に簡単な作業で作成する事が出来ます。
今回はPhotoshop 6.0で作成した場合です。他のバージョンで作成した場合、作成方法が異なる場合があります。
- ベースとなる色を設定
新規レイヤーに、下地の色を設定します。ここでは近似色の緑のグラデーションをかけています。- 帯色を設定
新規レイヤーに、帯の色を設定します。ここでは、ベースの色よりも濃い緑を設定しています。- 巻き込み部分を作成
角丸矩形ツールを選択します。この時色は帯び色と同じ色にしておきます。角丸矩形ツールで帯より下が少しはみ出るぐらいの大きさで描きます。- 回りこんだ部分を作成
角丸矩形ツールで描いたオブジェクトに対してレイヤーマスクをかけます。
レイヤーマスクのかけ方は、角丸矩形ツールで描いたオブジェクトを選択し、レイヤーパレットのレイヤーマスクを追加をクリックします。
そして、削除したい部分を、矩形選択ツール（四角の点線）より範囲を指定し、黒く塗りつぶします。すると黒く塗りつぶした箇所が消えます。- 回りこんだ部分を影っぽくする
回りこんだ部分を影っぽくするために、再び角丸矩形ツールを選択し、回りこんだ部分を灰色で塗ります。
そして、飛び出した部分を再び、同じ手順でレイヤーマスクして、不要部分を削除します。
回りこみ部分にドロップシャドウを適用します。この際に、帯部分と、回りこみ部分のレイヤーを結合しておきます。
- リボン部分を作成
新規レイヤーに、帯と同じ色で、矩形選択ツール（四角の点線）で細い帯を作成します。
リボンぽくするために、ここでもレイヤーマスクを使います。多角形ツールより、辺を6にして、六角形のオブジェクトを描きます。
細い帯のレイヤーを選択し、レイヤーマスクをクリックします。そして、六角形のオブジェクトのレイヤーをCrtl＋クリックし、選択範囲を取り、黒く塗りつぶせば、リボンのようにマスクされ完成です。
