投稿日：2007年4月20日　　　レベル：初心者　　　　ソフトウェア：

---

Macのような、未来的なルックスのボタンのデザインを勉強しましょう！これらのボタンはウェブサイトのレイアウトや、その他グラフィクスに非常に役立ちます。

• Step1 ： 新しいドキュメントを作成する
• Step2 ： 角丸短形ツールを選択
• Step3 ： 図形を描く
• Step4 ： レイヤースタイルの設定
• Step5 ： 下記の様になる
• Step6 ： 新しいレイヤーを作成する
• Step7 ： 1px縮小
• Step8 ： 短形選択ツールを選択
• Step9 ： 細長い選択範囲を作成する
• Step10 ： 不透明度60%に設定
• Step11 ： 完成　バリエーション

新しいドキュメントを150×50pixel、白い背景で作成します。

角丸矩形ツールを選択します。


下のような図形を描いてください。


この形状の色は現在のところ重要ではありませんが、白にしてしまった場合は、レイヤーの色の部分をクリックして変更してください。レイヤーを右クリックしてラスタライズします。そして、レイヤースタイルのドロップシャドウ、シャドウ(内側)、グラデーションオーバーレイで次の設定をおこなってください。




このようになりましたか？



新しいレイヤーを、図形を描いた上に作成してください。図形レイヤーを、Ctrlを押しながら選択することで図形の選択範囲を得ることができます。


この状態で、選択範囲>選択範囲を変更>縮小で1px縮小させます。

あなたの図形は1px縮んだことになります。そして、矩形選択ツールをツールバーから選択します。


Altを押しながら細長い選択範囲を作成します。


この領域を白で塗りつぶして、不透明度を60％%にしてください。

引用:Web Design Library 著者:GreyCobra.com翻訳:atuk

スポンサードリンク