このチュートリアルは、Adobe スタイルに似たアイコンの作成をガイドすることを目的としています。実際、今日の多くのソフトウェアはこのスタイルのアイコンを使用していますが、見た目はそれほど完璧ではありませんが、それでも比較的良いスタイルです。
まずレンダリングを見てみましょう。

ステップ 1) まず、標準キャンバス サイズ 120 × 120 PX で新しいファイルを作成します。


ステップ2) 背景レイヤーを削除し、新しいレイヤーを設定します。背景を白に追加します。

ステップ 3) Wed2.0 スタイルを開きます。お持ちでない場合は、MY486 からセットをダウンロードして、お好みのスタイルを選択できます。

ステップ 4) いくつかの詳細な調整を行います。最も重要なのは、ベベル、エンボス、明るさの調整です。詳細については、下の画像をクリックして参照してください。

ステップ 5) 必要なテキストを追加します。適切なフォントを選択してください。

手順6) 上下左右にある程度のスペースをあけてフォントのサイズを調整します。

ステップ7) フォントレイヤーと画像レイヤーを接続します。

ステップ 8) 画像のサイズを変更し、左端と上端を 2 ピクセル、右端と下端を 8 ピクセル縮小し、ドロップ シャドウを追加します。

ステップ 9) 画像の下部に新しいレイヤーを追加し、白い背景を追加して、適切な水 2.0 スタイルを背景として追加します。

ステップ 10) これで完了です。比較して、どちらが優れているか見てみましょう。

![Photoshop を使用した Adobe スタイルのアイコンの作成例]()