このチュートリアルでは主によく使うボタンの作り方を紹介します。アイデア: まずボタンの形状を描画し、次にボタンの下部と上部に適切に光を追加します。ハイライト部分の作成がより重要であり、実際の色に応じてさまざまなハイライト効果を選択する必要があります。
最終効果

1. 新しい 500 * 350 ピクセル ファイルを作成し、背景を黒で塗りつぶし、前景色を #570202 に設定します。角丸長方形ツールを選択し、図 1 に示すようにパラメータを設定し、図に示すように角丸長方形を描画します。 2.

<図1>

<図 2> 2. 角丸長方形の選択範囲を呼び出し、背景レイヤーの上に新しいレイヤーを作成し、色: #FBE39B で塗りつぶします。Ctrl + D を押して選択をキャンセルし、メニューを実行します: フィルター > ぼかし > モーションブラー、パラメータ設定 図 3 のように、効果は図 4 のようになります。

<図3>

<図4>
3. 角丸長方形の選択範囲を呼び出し、上部に新しいレイヤーを作成し、メニューを選択します: [編集] > [ストローク]、値は 1、色は: ##FBE39B、効果は図 5 に示すとおりです。

<図 5> 4. 新しいレイヤーを作成し、図 6 に示すように楕円マーキー ツールを使用して完全な円を描き、Ctrl + Shift + D を押して値を 15 にフェザリングし、次に示すようにグラデーション ツールのカラー設定を選択します。図 7 と図 8 に示す勾配を描きます。

<図6>

<図7>

<図 8> 5. Ctrl + J を押して、グラデーション グラフィックのコピーを作成します。まず、Ctrl + T を押して、図 9 のように変形します。確認後、もう一度 Ctrl + T を押します。図 10 に示すように、変形し、確認後、レイヤーのブレンド モードを「オーバーレイ」に変更すると、効果は図 11 に示すようになります。

<図9>

<図10>

<図 11> 6. ボタン本体レイヤーに戻り、楕円マーキー ツールを使用して図 12 に示す楕円を描き、Ctrl + Shift + D を押して値を 10 にフェザリングし、Ctrl + M を押して適切に明るくします。効果は図 13 に示すとおりです。

<図12>

<図13>
![]()
<図14>

<図15>