投稿日：2008年12月05日　　　レベル：中級者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopで簡単なマルチタグのアイコンを作ってみたいと思います。

• Step1 ： はじめに
• Step2 ： レイヤーマスクを加える
• Step3 ： グラデーションオーバーレイを加える
• Step4 ： 新たにレイヤーを作りタグを増やす
• Step5 ： 完成

任意のサイズと背景で新規ドキュメントを作成し、角丸長方形ツールを選択して半径を10ピクセルにします。

任意の色で細長い長方形を描いてから、「編集」−「変形」−「回転」を選択して、少しだけ回転させます。
回転させたらレイヤースタイルを設定して不透明度を85％にします。

すると次のようになります。

新規レイヤーを作成し、「Ctrl」キーを押しながら青いタグのレイヤーのシェイプをクリックします。
レイヤーの不透明度を12％にしてレイヤーマスクを加えます。
「Ctrl」キーを押しながら作成したレイヤーマスクをクリックします。

マスクの部分が範囲選択されていることを確認し、楕円形選択ツールを選択して「Alt」キーを押しながら範囲選択をします。

次に「選択範囲」−「選択範囲を反転」をクリックし、下から上に向けてリニアグラデーションをドラッグします。

もう一度楕円形選択ツールを選択してタグの上部左に円を作成します。

円にグラデーションオーバーレイを加えます。

次の画像のように最初のタグを作ります。

最初のタグの下にさらに長方形を作成します。
それぞれのタグに次のレイヤースタイルを使います。
それぞれの長方形をわずかに回転させる際には、最初に作った円を中心点にしましょう。

すると次のようになります。

それぞれ異なるタグを作りますが、ここではテキストとPhotoshopのアイコンとHV-Designsのロゴを使ってみました。

引用:Web Design Library　著者:hv-designs.co.uk　翻訳:菊池

スポンサードリンク