このチュートリアルでは、Photoshop を使用して美しいアイコンを描画する方法を学びます。最終的な効果は次の図に示されています。
サイズの異なる 4 つのアイコンの
は次のとおりです。
1. 図 1 に示すように、角の丸い長方形を描きます。
図 1
2. Ctrl+T キーを押して、図 2 に示す形状になるようにハンドルを調整します。
図 2
3. 図 3 と図 4 に示すグラフィック スタイルを適用します。
図3
図 4
グラフィック スタイルを適用した後のイメージを図 5 に示します。
図 5
4. Ctrl キーを押したままレイヤー パネルでレイヤー名をクリックし、レイヤー選択をロードします。次に、右矢印キーを押して、選択範囲をさらに 4 ピクセル右に移動します。
図 6
5. Shift+Ctrl+I を押して選択を反転し、Ctrl+Alt+Shift を押したままレイヤー名をクリックして、図 7 に示す部分を選択します。
図 7
6. 選択範囲を保持し、新しいレイヤーを作成し、前景色を #CFCECE、背景色を #757575 に設定し、前景色から背景色への線形グラデーションを選択し、選択範囲を塗りつぶします。 Ctrl+D キーを押して選択をキャンセルすると、結果が図 8 に示されます。
図 8
7. 長方形ツールを使用して長方形を描き、D キーを押して前景色と背景色をデフォルトの白と黒に変更します。前景色から背景色までの線形グラデーションを使用して四角形を塗りつぶします。結果を図 9 に示します。
図 9
8. 同様に、長方形ツールを使用して別の長方形を描画します。今回は、前景色を #A0D4F9 に、背景色を #1877D4 に設定して、前景色から背景まで放射状のグラデーションで四角形を塗りつぶします。結果を図 10 に示します。
図 10
9. モニターの下にあるペン ツールを使用して、図 11 に示すような形状を描きます。
図 11
10. 図 12 および 13 に示すようにレイヤー スタイルを適用します。
図12
図 13
レイヤー スタイルを適用した後のイメージを図 14 に示します。
図 14
11. 図 15 に示すように、楕円ツールを使用して楕円を描画します。
図 15
12. 図 16 および 17 に示すようにレイヤー スタイルを適用します。
図16
図 17
レイヤー スタイルを適用した後のイメージを図 18 に示します。
図 18
13. 次に、モニターの近くにタワー ケースを描画します。この目的を達成するには、図 19 に示すように 3 つの異なる形状を描画します。描画時にペン ツールを使用することも、最初に長方形を描画してからそれを変形することもできます。
図 19
14. 図 20 および 21 に示すように、上記のグラフィックスが配置されている 3 つのレイヤーに同じレイヤー スタイルを適用します。
図20
図 21
15. 図 22 に示すように、これらのグラフィックを垂直シャーシのように配置します。
図 22
16. 図 23 に示すように、2 ピクセルの黒い直線を描きます。
図 23
17. 図 24 に示すように、オートシェイプ リストからオートシェイプを選択します。
図 24
18. 図 25 に示すように輪郭を描きます。
図 25
19. 図 26 に示すように、グラデーション オーバーレイ レイヤー スタイルを適用します。
図 26
グラデーション オーバーレイ レイヤー スタイルを適用した後のイメージを図 27 に示します。
図 27
20. 楕円ツールを使用して楕円を描画し、その楕円を明るい灰色の前景色から暗い灰色の背景色への線形グラデーションで塗りつぶします。結果を図 28 に示します。
図 28
21. 楕円ツールを使用して別の楕円を描画し、その楕円を前景色の白から背景の赤への放射状のグラデーションで塗りつぶします。結果を図 29 に示します。
図 29
22. 図 30 に示すように、長方形ツールと線ツールを使用して 3 つの形状を描画します。これを行うには、最初に黒い四角形を描画し、次に 2 ピクセルの灰色の線を追加してから、これらのレイヤーをグループ化して結合します。この後、レイヤーをコピーして貼り付けます。
図 30
: このようにして、図 31 に示すような最終的なアイコン効果が得られます。元のアドレス
図31