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

---

• Step1 ： キャンバス/バックグラウンドの準備
• Step2 ： 形を作る
• Step3 ： 形に色を塗る
• Step4 ： 選択範囲を縮小
• Step5 ： グラデーション
• Step6 ： 反射の設定
• Step7 ： 詳細設定

まず、好きな大きさの新規ドキュメントを作ります。わたしは400x340のサイズを使いました。完全なテンプレートを作るつもりがないからです。

薄いグレーのグラデーションをバックグラウンドに加えました



長方形ツールを使って、キャンパスのどこかに140x140ピクセルの大きさの選択範囲を作ります。





選択範囲を選んだ状態で、新しいレイヤーを選んでいることを確認し、放射状グラデーションで色を塗ります。

私は#3e94d4と#336fc1のカラーを選びました

また、白(#FFFFFF)のストロークカラーもメインのレイヤーに適用しました。



まず、メインのレイヤーを選ぶことから始めます（コントロールキーを押しながらレイヤーのサムネイルをクリックします）

選択範囲 ＞ 選択範囲を変更 ＞ 縮小を選び、4を入力し、選択範囲を4ピクセル縮小します。



グラデーションツールを使って白から透明のグラデーションを、画面の上から下に適用します。

以下の様になります。





次に、ペンツールを使って曲線を描きます。

ペンツールを選択した状態で、パスを右クリックして選択します。デフォルトのオプションを仕様します。



新規レイヤーを作成します。その後、再度、グラディエントツールを使って白から透明のグラディエントを、画面の上から下に適用します。

このレイヤーのモードをソフトライトに変え、必要なら不透明度を下げますが、私は下げませんでした。



左端に不透明度の低いアイコンを加えました。

テキストを加えます。わたしはTahoma, 11PT, #FFFFFFのフォントを使って、ドロップシャドウを加えました。



色相・彩度を変更することで、バリエーションが増えます。

引用:Web Design Library 著者:PhotoshopStar翻訳:中山

スポンサードリンク