ホームページ  >  記事  >  ソフトウェアチュートリアル  >  PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

王林
王林オリジナル
2024-06-10 13:14:36329ブラウズ

グラデーションボタンは美しくエレガントで、Webページに色を追加します。 PS を使用してグラデーション ボタンを作成するにはどうすればよいですか?次に、グラデーションボタンの作り方を誰でも簡単に学べるように、PHPエディターのYouziが詳しく解説します。

1.まず、[角丸長方形ツール]を使って、図のように360*100ピクセルの角丸形状を描きます。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

2. 図に示すように、角丸長方形の小さな点を押したまま内側に移動して、形状の丸い角をさらに丸くします。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

3. 次に、図に示すように、角丸長方形を選択し、塗りつぶしを好みのグラデーション色に設定します。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

4. 次に、図に示すように、グラデーションの色を 30 度に調整し、逆効果に設定します。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

5. 次に、図のように[テキストツール]を使用して、グラデーションカラーの角丸長方形に必要なテキストを入力します。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

6. テキストレイヤーを選択し、黒い影を追加し、図に示すように、不透明度を 20%、距離を 2 ピクセル、サイズを 1 ピクセルに調整して、[OK] をクリックします。 。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

7. テキストに影を追加した後、図形の色を変更したい場合は、図に示すように、それをコピーして下に移動します。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

8. 図に示すように、形状を選択し、角丸長方形ツールをクリックし、塗りつぶしをオレンジ色のグラデーション色に変更し、必要に応じて角度を調整します。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

9. 最後に、2 つの異なるグラデーション色のボタンを見てみましょう。

PSグラデーションボタンの作り方_PSグラデーションボタンチュートリアル

以上がPSグラデーションボタンの作り方_PSグラデーションボタンチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。